Viewing file:  6ee2d82c0655a8c8faa62aecc1cdc852.php (10.26 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('css'); ?>
<style>
.p-150 {
padding-top: 150px !important;
}
</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('main-section'); ?>
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 p-150">
<h1 class="text-4xl font-bold text-center text-navy-blue mb-8">Get in Touch</h1>
<p class="text-xl text-center text-gray-600 mb-12 dark:text-white">We're here to help with any
questions about our payment solutions.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="rounded-xl border bg-card text-card-foreground shadow">
<div class="flex flex-col space-y-1.5 p-6">
<h3 class="font-semibold leading-none tracking-tight">Send Us a Message</h3>
<p class="text-sm text-muted-foreground">Fill out the form below and we'll get back to you
as soon as possible.</p>
</div>
<div class="p-6 pt-0">
<form class="space-y-4">
<div class="grid grid-cols-2 gap-4">
<div class="space-y-2"><label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="first-name">First Name</label><input
class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
id="first-name" placeholder="John" name="firstName" value=""></div>
<div class="space-y-2"><label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="last-name">Last Name</label><input
class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
id="last-name" placeholder="Doe" name="lastName" value=""></div>
</div>
<div class="space-y-2"><label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="email">Email</label><input type="email"
class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
id="email" placeholder="john@example.com" name="email" value=""></div>
<div class="space-y-2"><label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="subject">Subject</label><input
class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
id="subject" placeholder="How can we help?" name="subject" value=""></div>
<div class="space-y-2"><label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="message">Message</label>
<textarea
class="flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
id="message" name="message" placeholder="Tell us more about your inquiry..."></textarea>
</div>
<div class="flex items-center p-6 pt-0"><button
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow h-9 px-4 py-2 w-full bg-teal-500 hover:bg-teal-600 text-white"
type="submit">Send Message <svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-arrow-right ml-2 h-5 w-5">
<path d="M5 12h14"></path>
<path d="m12 5 7 7-7 7"></path>
</svg></button></div>
</form>
</div>
</div>
<div class="space-y-8">
<div class="rounded-xl border bg-card text-card-foreground shadow">
<div class="flex flex-col space-y-1.5 p-6">
<h3 class="font-semibold leading-none tracking-tight">Contact Information</h3>
<p class="text-sm text-muted-foreground">Reach out to us through any of these channels.</p>
</div>
<div class="p-6 pt-0 space-y-4">
<div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-mail h-5 w-5 text-teal-500 mr-3">
<rect width="20" height="16" x="2" y="4" rx="2"></rect>
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
</svg><span>info@gwp.vc</span></div>
<div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-phone h-5 w-5 text-teal-500 mr-3">
<path
d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
</path>
</svg>
<div>
<h1>+61456184547 Austaralia</h1>
<h1>+15794730251 Canada</h1>
</div>
</div>
<div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-map-pin h-5 w-5 text-teal-500 mr-3">
<path
d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0">
</path>
<circle cx="12" cy="10" r="3"></circle>
</svg><span>Canada & Singapore</span></div>
</div>
</div>
<div class="rounded-xl border bg-card text-card-foreground shadow">
<div class="flex flex-col space-y-1.5 p-6">
<h3 class="font-semibold leading-none tracking-tight">Business Hours</h3>
<p class="text-sm text-muted-foreground">We're available to assist you during these
hours.</p>
</div>
<div class="p-6 pt-0">
<ul class="space-y-2">
<li><strong>Monday - Friday:</strong> 9:00 AM - 6:00 PM WIB</li>
<li><strong>Saturday:</strong> 10:00 AM - 4:00 PM WIB</li>
<li><strong>Sunday:</strong> Closed</li>
</ul>
</div>
</div>
</div>
</div>
</main>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.layout', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/picotech/domains/gwp.picotech.app/public_html/resources/views/font/contact.blade.php ENDPATH**/ ?>
|