Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -7,9 +7,9 @@ import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSp
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import FaqBase from "@/components/sections/faq/FaqBase";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Award, Sparkles } from "lucide-react";
+import ContactFaq from "@/components/sections/contact/ContactFaq";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { Award, Sparkles, Phone, Mail, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -151,23 +151,71 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to elevate your wardrobe? Get in touch with us today. Reach out for product inquiries, bulk orders, or general support. We're here to help you find the perfect Recolin polo."
-          animationType="reveal-blur"
-          background={{ variant: "radial-gradient" }}
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Email Us", href: "mailto:contact@recolin.pk" },
-            { text: "Call Us", href: "tel:+923001234567" }
+        <ContactFaq
+          faqs={[
+            {
+              id: "contact-faq-1",              title: "How can I place an order?",              content: "You can place an order directly through our website by browsing our collection, selecting your preferred polo, size, and quantity, then proceeding to checkout. We accept all major payment methods and ensure secure transactions."
+            },
+            {
+              id: "contact-faq-2",              title: "What are your delivery timeframes?",              content: "Standard delivery across Pakistan takes 3-5 business days. We also offer express delivery options for urgent orders. All shipments are tracked and insured for your peace of mind."
+            },
+            {
+              id: "contact-faq-3",              title: "Do you offer bulk discounts?",              content: "Yes, we offer special pricing for bulk orders. Whether you're buying for corporate gifting, resale, or events, contact our bulk sales team at bulk@recolin.pk for customized quotes."
+            },
+            {
+              id: "contact-faq-4",              title: "How can I track my order?",              content: "Once your order ships, you'll receive a tracking number via email. You can use this to monitor your shipment in real-time on our partner courier's platform."
+            }
           ]}
+          ctaTitle="Get in Touch"
+          ctaDescription="Have questions about our products or services? Our customer support team is ready to assist you. Reach out via phone, email, or live chat."
+          ctaButton={{
+            text: "Contact Support",            href: "mailto:support@recolin.pk"
+          }}
+          ctaIcon={MessageCircle}
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          accordionAnimationType="smooth"
+          showCard={true}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterLogoReveal
+        <FooterLogoEmphasis
           logoText="Recolin"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Terms of Service", href: "#" }}
+          columns={[
+            {
+              items: [
+                { label: "Home", href: "#hero" },
+                { label: "Shop", href: "#products" },
+                { label: "About", href: "#about" },
+                { label: "Contact", href: "#contact" }
+              ]
+            },
+            {
+              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Return Policy", href: "#" },
+                { label: "Shipping Info", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Email: support@recolin.pk", href: "mailto:support@recolin.pk" },
+                { label: "Phone: +92 300 1234567", href: "tel:+923001234567" },
+                { label: "Hours: Mon-Fri 9AM-6PM PKT", href: "#" },
+                { label: "Based in Lahore, Pakistan", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Follow us on Facebook", href: "https://facebook.com/recolin" },
+                { label: "Follow us on Instagram", href: "https://instagram.com/recolin" },
+                { label: "Follow us on LinkedIn", href: "https://linkedin.com/company/recolin" },
+                { label: "Follow us on Twitter", href: "https://twitter.com/recolin" }
+              ]
+            }
+          ]}
         />
       </div>
     </ThemeProvider>

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #f5f5f5;
   --card: #ffffff;
   --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #4a4a4a;
   --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #15479c;
-  --background-accent: #a8cce8;
+  --accent: #7a7a7a;
+  --background-accent: #e8e8e8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);