<?php

include 'hicashglobal.php';

?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

<title>Contact Us</title>

<style>

.contact-hero{
    background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),
    url("./images.png");
    background-size:cover;
    background-position:center;
    color:white;
    padding:100px 0;
    text-align:center;
}

.contact-card{
    border:none;
    border-radius:15px;
    padding:30px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    transition:0.3s;
}
.contact-card:hover{
    transform:translateY(-10px);
}

.contact-form{
    background:#f8f9fa;
    padding:50px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

input, textarea{
    border-radius:10px !important;
    padding:12px !important;
}

</style>
</head>
<body>

<!-- HERO -->
<section class="contact-hero">
    <div class="container">
        <h1 class="display-4 fw-bold">Contact Us</h1>
        <p class="lead">We’d love to hear from you. Our team is ready to help your business.</p>
    </div>
</section>

<!-- CONTACT INFO -->
<section class="py-5">
<div class="container">
<div class="row g-4">

<div class="col-md-4">
<div class="contact-card text-center">
<h4>📞 Call Us</h4>
<p>+1 (202) 703-9166</p>
<p>Mon–Fri 9am – 6pm</p>
</div>
</div>

<div class="col-md-4">
<div class="contact-card text-center">
<h4>📧 Email</h4>
<p>support@hicashglobal.com</p>
<p>We reply within 24 hours</p>
</div>
</div>

<div class="col-md-4">
<div class="contact-card text-center">
<h4>📍 Office</h4>
<p>8 The Green, STE R, Dover, DE 19901</p>
<p>Business Support Centre</p>
</div>
</div>

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

<!-- FORM -->
<section class="pb-5">
<div class="container">
<div class="row">

<div class="col-lg-6">
    <h2 class="fw-bold mb-4">Send us a message</h2>
    <p>Fill the form and our team will contact you shortly.</p>
</div>

<div class="col-lg-6">
    <form class="contact-form">

        <div class="row mb-3">
            <div class="col">
                <input type="text" class="form-control" placeholder="Your Name">
            </div>
            <div class="col">
                <input type="email" class="form-control" placeholder="Email">
            </div>
        </div>

        <div class="mb-3">
            <input type="text" class="form-control" placeholder="Subject">
        </div>

        <div class="mb-3">
            <textarea class="form-control" rows="5" placeholder="Message"></textarea>
        </div>

        <button class="btn btn-primary w-100 py-2">Send Message</button>

    </form>
</div>

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

<!-- MAP -->
<section>
<iframe
src="https://www.google.com/maps?q=8+The+Green,+STE+R,+Dover,+DE+19901&output=embed"
width="100%" height="350" style="border:0;" loading="lazy">
</iframe>

</section>


<?php 
include 'mainseesion.php';
include 'footer.php';
?>

</body>
</html>
