66 lines
3.0 KiB
PHP
66 lines
3.0 KiB
PHP
<section class="wrapper mb-15">
|
|
<h2 class="mt-15">Get In Touch</h2>
|
|
<p class="text-accent-600 text-center mt-3 mb-10">
|
|
Have questions? We'd love it hear from you. Send us a message and we'll respond <br/>
|
|
as soon as possible.
|
|
</p>
|
|
|
|
<section class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
|
<!-- left section, contact form -->
|
|
<x-ui.card class="bg-[#F9FAFB]! shadow-none!">
|
|
<form action="" class=" flex flex-col space-y-6">
|
|
|
|
<x-ui.input label="Name" name="name" placeholder="Your name"/>
|
|
<x-ui.input label="Email" name="email" placeholder="your.email@example.com" type="email"/>
|
|
<x-ui.textarea label="Message" name="message" placeholder="Tell us how we can help..."/>
|
|
<x-ui.button type="submit" variant="neutral">Send Message</x-ui.button>
|
|
</form>
|
|
</x-ui.card>
|
|
|
|
<!-- right section, contact details-->
|
|
<div class="mt-2 flex flex-col space-y-6">
|
|
<h3 class="text-primary-600 text-xl font-bold">Contact Information</h3>
|
|
<p class="text-accent-600">
|
|
Reach out to us through any of these channels. We're here to help <br/>
|
|
you make the most of the DealHub.
|
|
</p>
|
|
<div class="flex flex-col space-y-6">
|
|
<div class="flex flex-col space-y-6">
|
|
<div class="flex space-x-6">
|
|
<div class="p-3 rounded-lg bg-blue-100 text-blue-700 h-fit">
|
|
<x-heroicon-o-envelope class="w-6"/>
|
|
</div>
|
|
<div class="">
|
|
<h4 class="font-bold text-sm">Email</h4>
|
|
<p class="text-accent-600 mt-2">support@dealhub.com</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex space-x-6">
|
|
<div class="p-3 rounded-lg bg-[#F0EBFF] text-[#9470F9] h-fit">
|
|
<x-heroicon-o-phone class="w-6"/>
|
|
</div>
|
|
<div class="">
|
|
<h4 class="font-bold text-sm">Phone</h4>
|
|
<p class="text-accent-600 mt-2">+1 (555) 123-4567</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex space-x-6">
|
|
<div class="p-3 rounded-lg bg-[#F9EBF3] text-[#DB5A84] h-fit">
|
|
<x-heroicon-o-map-pin class="w-6"/>
|
|
</div>
|
|
<div class="">
|
|
<h4 class="font-bold text-sm">Email</h4>
|
|
<p class="text-accent-600 mt-2">
|
|
124, Business St, Suite 700 <br />
|
|
San Francisco, CA 907612
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|