Contact

    <section class="border-b border-b-gray-300">
    
</section>



<section class="text-gray-600 body-font relative">
    <div class="container px-3 py-24 mx-auto flex xl:flex-nowrap flex-wrap">
        <div class="xl:w-2/3 lg:w-1/2  bg-gray-300 rounded-lg overflow-hidden xl:mr-3 p-10 flex items-end justify-start relative">
            <!-- <iframe width="100%" height="100%" class="absolute inset-0" frameborder="0" title="map" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com/maps?width=100%&height=600&hl=en&q=%C4%B0zmir+(My%20Business%20Name)&ie=UTF8&t=&z=14&iwloc=B&output=embed" style="filter: grayscale(1) contrast(1.2) opacity(0.4);"></iframe> -->
            <iframe width="100%" height="100%" class="absolute inset-0" frameborder="0" title="地图" marginheight="0"
                    marginwidth="0" scrolling="no"
                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1639.7309164663563!2d113.77034585397685!3d34.71875151180819!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xbf6076e518b02c1f!2zMzTCsDQzJzExLjkiTiAxMTPCsDQ2JzE1LjciRQ!5e0!3m2!1sen!2sus!4v1657188710448!5m2!1sen!2sus"
                    loading="lazy" referrerpolicy="no-referrer-when-downgrade"
                    style="filter: grayscale(1) contrast(1.2) opacity(0.4);"></iframe>
            <div class="bg-white relative flex mx-auto flex-wrap py-6 rounded shadow-md">
                <div class="lg:w-1/2 px-6">
                    <h2 class="title-font font-semibold text-gray-900 tracking-widest text-xs">地址</h2>
                    <p class="mt-1">中国河南省郑州经济开发区</p>
                </div>
                <div class="lg:w-1/2 px-6 mt-4 lg:mt-0">
                    <h2 class="title-font font-semibold text-gray-900 tracking-widest text-xs">电子邮件</h2>
                    <a class="text-green-500 leading-relaxed">
                        <a href="mailto:info@fvmachinery.com">
							info@fvmachinery.com                            </a>
                    </a>
                    <h2 class="title-font font-semibold text-gray-900 tracking-widest text-xs mt-4">电话</h2>
                    <p class="leading-relaxed">
                        <a href="tel:8613673689272">8613673689272</a>
                    </p>
                    <h2 class="title-font font-semibold text-gray-900 tracking-widest text-xs mt-4">WhatsApp</h2>
                    <p class="leading-relaxed">
                        <a href="https://api.whatsapp.com/send?phone=8613673689272&#038;text=Hi%2C%20I%20am%20interested%20in%20this%20product%2C%20please%20contact%20me.%20https%3A%2F%2Ffvmachinery.com%2Fzh%2Fzh%2Fcontact%2F">
							8613673689272                            </a>
                    </p>
                </div>
            </div>


        </div>

        <div class="xl:w-1/3 lg:w-1/2 lg:px-5 bg-white flex flex-col md:ml-auto w-full md:py-2">


            <div class="py-4" x-data="contactForm">
                <h2 class="text-center !text-4xl font-semibold py-2 leading-10">立即联系我们</h2>
                <div class="h-px bg-gray-300 mt-6 mb-6"></div>

                <form action="" x-data @submit.prevent="submitForm()" data-trp-original-action="">
                    <div class="grid  gap-3">

                        <div>
                            <input class="p-3 w-full shadow border mb-2"
                                   :class="formDataStat.name.valid ? '':'border-red-400'" type="text"
                                   placeholder="姓名" x-model="formData.name">
                            <span x-show="!formDataStat.name.valid"
                                  :class="formDataStat.name.valid ? 'text-gray-300' : 'text-red-300'">
                            我们该怎么称呼你呢？
                        </span>
                        </div>

                        <div>
                            <input :class="formDataStat.phone.valid ? '':'border-red-400'"
                                   class="p-3 shadow w-full border mb-2" type="tel" placeholder="电话"
                                   name="cfname" x-model="formData.phone">
                            <span x-show="!formDataStat.phone.valid"
                                  :class="formDataStat.phone.valid ? 'text-gray-300' : 'text-red-300'">请输入您的
                            正确的号码。</span>
                        </div>

                        <div>
                            <input :class="formDataStat.email.valid ? '':'border-red-400'"
                                   class="p-3 shadow w-full border mb-2" type="text" placeholder="电子邮件"
                                   x-model="formData.email">
                            <span x-show="!formDataStat.email.valid"
                                  :class="formDataStat.email.valid ? 'text-gray-300' : 'text-red-300'">请输入您的
                            电子邮件地址。</span>
                        </div>

                        <div>
                            <input class="border  p-3 shadow w-full" type="text" placeholder="WhatsApp/微信"
                                   x-model="formData.whatsapp">
                        </div>


                        <div class="col-span-full">
                            <textarea :class="formDataStat.requirements.valid ? '':'border-red-400'"
                                      class="p-3 shadow w-full h-56 border mb-2" name="" id=""
                                      placeholder="请告诉我们您的详细需求，我们会尽快与您联系。"
                                      x-model="formData.requirements"></textarea>
                            <span x-show="!formDataStat.requirements.valid"
                                  :class="formDataStat.requirements.valid ? 'text-gray-300' : 'text-red-300'">
                            请详细说明您的要求。
                        </span>
                        </div>

                        <div class="block col-span-full text-center">
                            <button class="quote-button" x-text="buttonText"></button>
                        </div>

                    </div>
                <input type="hidden" name="trp-form-language" value="zh"/></form>
            </div>


            

        </div>
    </div>
</section>