Update src/app/page.tsx

Merge version_4 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 ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -53,7 +53,7 @@ export default function LandingPage() {
         { value: "100%", label: "Quality" },
       ]}
       enableKpiAnimation={true}
-      buttons={[{ text: "Shop Now", href: "#products" }]}
+      buttons={[{ text: "Shop The Mindset", href: "#products" }]}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267430.jpg"
       imageAlt="urban fashion model streetwear"
       mediaAnimation="slide-up"
@@ -168,42 +168,46 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Everything you need to know."
+      <FaqDouble
+      textboxLayout="default"
+      useInvertedBackground={true}
       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">
-      <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" }}
+      <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"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-grey-shirt_158595-901.jpg"
+      logoText="KOOLKY"
       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>
     </ThemeProvider>
   );
-}
+}