Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import { ArrowRight } from "lucide-react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -168,43 +168,39 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
+      <FaqSplitText
+      sideTitle="Frequently Asked Questions"
+      sideDescription="Everything you need to know."
       faqs={[
         { id: "q1", title: "What payment methods do you accept?", content: "We accept all major cards, UPI, and Cash on Delivery." },
         { id: "q2", title: "How long is shipping?", content: "Delivery usually takes 3-5 business days." },
         { id: "q3", title: "Can I return items?", content: "Yes, we offer hassle-free returns within 7 days." },
       ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know."
       faqsAnimation="blur-reveal"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get In Touch"
-      description="Questions? Shoot us a message or find us on WhatsApp."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Name" },
-        { name: "email", type: "email", placeholder: "Email" },
-      ]}
-      textarea={{ name: "message", placeholder: "Your message", rows: 4 }}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-choosing-clothes-shop_23-2147669917.jpg"
+      <ContactCTA
+      tag="Ready to level up?"
+      title="Connect with KOOLKY"
+      description="Reach out to us for collaborations or support."
+      buttons={[{ text: "Contact Support", href: "#" }]}
+      useInvertedBackground={true}
+      background={{ variant: "plain" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-grey-shirt_158595-901.jpg"
-      logoText="KOOLKY"
+      <FooterSimple
       columns={[
         { title: "Shop", items: [{ label: "T-Shirts", href: "#" }, { label: "Trousers", href: "#" }] },
         { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Refund Policy", href: "#" }] },
         { title: "Contact", items: [{ label: "Support", href: "mailto:support@koolky.com" }, { label: "WhatsApp", href: "#" }] },
       ]}
+      bottomLeftText="© 2025 | KOOLKY"
+      bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #ff0000;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
-  --accent: #991b1b;
-  --background-accent: #7f1d1d;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
+  --primary-cta-text: #f7f6f7;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #250c0d;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);