diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 1f1a808..ccf7317 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import ContactFaq from "@/components/sections/contact/ContactFaq";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
+import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import Link from "next/link";
-import { Phone } from "lucide-react";
+import { Phone, Mail, MapPin } from "lucide-react";
 
 export default function ContactPage() {
   return (
@@ -17,7 +16,7 @@ export default function ContactPage() {
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="mediumSizeLargeTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="solid"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="radial-glow"
@@ -26,90 +25,75 @@ export default function ContactPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "Shop", id: "shop" },
-            { name: "Bulk Orders", id: "bulk" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" },
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "Bulk Orders", id: "/bulk-orders" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
           ]}
           button={{ text: "WhatsApp Order", href: "https://wa.me/923089264873" }}
           brandName="Style Zone"
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Get In Touch"
+          description="Contact us for orders, inquiries, or partnership opportunities"
+          imageSrc="http://img.b2bpic.net/free-photo/young-woman-model-leather-jacket-outside-street_1303-20489.jpg"
+          imageAlt="Contact us"
+          textPosition="center"
+          showDimOverlay={true}
+          buttons={[{ text: "Send Message", href: "#contact-form" }]}
+        />
+      </div>
+
       <div id="contact-info" data-section="contact-info">
         <TextSplitAbout
-          title="Get in Touch"
+          title="Contact Information"
           description={[
-            "Have questions about our jackets, bulk orders, or manufacturing capabilities? Our friendly team is here to help. Reach out via WhatsApp for the fastest response.",
-            "We're available Monday to Friday, 9 AM to 6 PM (PKT). Our customer support team is trained to assist with orders, customizations, wholesale inquiries, and general questions.",
-            "For urgent matters or international inquiries, WhatsApp is your best bet. We respond within minutes during business hours and within a few hours outside of office time.",
-          ]}
-          showBorder={false}
+            "We're based in Lahore, Pakistan, and serve customers worldwide. Our team is available to assist you with any inquiries about our products or services.",            "For bulk orders and wholesale inquiries, please reach out via WhatsApp for the fastest response. We're committed to providing exceptional customer service and timely communication."]}
+          showBorder={true}
           useInvertedBackground={false}
           buttons={[
-            { text: "Chat on WhatsApp", href: "https://wa.me/923089264873" },
-            { text: "Send Email", href: "mailto:info@stylezone.pk" },
+            { text: "WhatsApp Us", href: "https://wa.me/923089264873" },
+            { text: "Email", href: "mailto:info@stylezone.pk" },
           ]}
         />
       </div>
 
-      <div id="contact-support" data-section="contact-support">
+      <div id="contact-form" data-section="contact-form">
         <ContactFaq
-          ctaTitle="Direct Support Available"
-          ctaDescription="Our support team is ready to assist you with orders, customizations, bulk inquiries, or any questions about our products and services."
-          ctaButton={{ text: "Message Us Now", href: "https://wa.me/923089264873" }}
+          ctaTitle="Send Us Your Message"
+          ctaDescription="Fill out the form below and we'll get back to you within 24 hours with a response to your inquiry."
+          ctaButton={{ text: "Contact Now", href: "https://wa.me/923089264873" }}
           ctaIcon={Phone}
           faqs={[
             {
-              id: "1",
-              title: "What's the best way to reach you?",
-              content: "WhatsApp is the fastest way to reach us: +92 308 9264873. We respond within minutes during business hours (Mon-Fri, 9 AM-6 PM PKT). Email us at info@stylezone.pk for non-urgent inquiries.",
-            },
+              id: "1",              title: "What is your WhatsApp number?",              content: "You can reach us on WhatsApp at +92 308 9264873. This is the fastest way to get in touch for orders and urgent inquiries."},
             {
-              id: "2",
-              title: "How long does it take to get a response?",
-              content: "WhatsApp messages: 5-30 minutes (during business hours). Email: 24-48 hours. For bulk inquiries, we provide detailed quotes within 2 business days.",
-            },
+              id: "2",              title: "What is your email address?",              content: "Our email is info@stylezone.pk. We respond to emails within 24 hours. Please include detailed information about your inquiry."},
             {
-              id: "3",
-              title: "Do you accept orders for individual customers?",
-              content: "Yes! We welcome both individual purchases and bulk orders. Visit /shop to browse our collection, or contact us for custom orders and special requests.",
-            },
+              id: "3",              title: "Where is your factory located?",              content: "We are located in Lahore, Pakistan. Our address is provided upon request. We welcome visits from bulk buyers and business partners."},
             {
-              id: "4",
-              title: "How do I place a wholesale order?",
-              content: "Contact our sales team via WhatsApp or email with your requirements. We'll send you a catalog, provide pricing based on your order volume, and guide you through the entire process.",
-            },
+              id: "4",              title: "What are your business hours?",              content: "We operate Monday to Friday, 9 AM to 6 PM PST. WhatsApp is available 24/7. Urgent inquiries can be handled after hours by appointment."},
+            {
+              id: "5",              title: "Do you have a physical showroom?",              content: "Yes, we have a showroom in Lahore where you can view our products and samples. Please contact us to schedule a visit."},
+            {
+              id: "6",              title: "How can I place an order?",              content: "You can place orders via WhatsApp, email, or our website. For bulk orders, we provide quotations and samples first. Contact us to get started."},
           ]}
           useInvertedBackground={false}
           animationType="slide-up"
         />
       </div>
 
-      <div id="contact-hours" data-section="contact-hours">
-        <MetricCardTwo
-          title="Contact Information"
-          description="Reach us during business hours or message anytime"
-          metrics={[
-            { id: "1", value: "Mon-Fri", description: "9 AM - 6 PM (PKT)" },
-            { id: "2", value: "24/7", description: "WhatsApp Available" },
-            { id: "3", value: "+92 308", description: "9264873 WhatsApp" },
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="Style Zone"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Terms of Service", href: "#" }}
+          leftLink={{ text: "Privacy Policy", href: "/privacy" }}
+          rightLink={{ text: "Terms of Service", href: "/terms" }}
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}