diff --git a/src/app/page.tsx b/src/app/page.tsx
index f9dcf65..ba330dd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,19 +2,19 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { ArrowRight } from "lucide-react";
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import { ArrowRight, CheckCircle, HelpCircle } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import LegalSection from '@/components/legal/LegalSection';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import LegalSection from '@/components/legal/LegalSection';
 
 export default function LandingPage() {
   return (
@@ -36,7 +36,7 @@ export default function LandingPage() {
             navItems={[
               { name: "Shop", id: "products" },
               { name: "About", id: "about" },
-              { name: "Reviews", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="KOOLKY"
@@ -45,124 +45,115 @@ export default function LandingPage() {
 
         <div id="hero" data-section="hero">
           <HeroSplit
-            background={{ variant: "rotated-rays-static" }}
             title="Wear Your Mindset"
             description="Style that speaks your mindset. Confidence you can wear."
             buttons={[{ text: "Shop The Mindset", href: "#products" }]}
             imageSrc="http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267430.jpg"
-            mediaAnimation="none"
+            background={{ variant: "rotated-rays-static" }}
           />
         </div>
 
         <div id="about" data-section="about">
           <TestimonialAboutCard
             tag="Our Story"
-            title="Designed for the driven"
-            description="KOOLKY is more than apparel; it's a movement for those who demand excellence."
-            subdescription="Built for those who lead."
-            icon={ArrowRight}
+            title="Confidence You Can Wear"
+            description="At KOOLKY, we don't just design clothes; we create armor for your mindset."
+            subdescription="Inspired by the hunger and drive of today's youth, our streetwear is built to push you forward."
+            icon={CheckCircle}
             imageSrc="http://img.b2bpic.net/free-photo/medium-shot-young-woman-posing-black-white_23-2149392896.jpg"
-            useInvertedBackground={false}
           />
         </div>
 
-        <div id="features-nine" data-section="features-nine">
-           <FeatureCardNine
-             showStepNumbers={true}
-             title="Process"
-             description="How we craft excellence."
-             animationType="slide-up"
-             textboxLayout="default"
-             useInvertedBackground={false}
-             features={[
-               { title: "Design", description: "Crafting the vision", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151486993.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151486993.jpg" } }
-             ]}
-           />
+        <div id="feature1" data-section="feature1">
+          <FeatureCardNine
+            title="How It Works"
+            description="Experience the KOOLKY difference step by step."
+            showStepNumbers={true}
+            animationType="slide-up"
+            textboxLayout="default"
+            features={[
+                { title: "Design", description: "Hand-drawn concepts.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151486993.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151486993.jpg" } },
+                { title: "Production", description: "Eco-friendly crafting.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-store_23-2148164875.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-store_23-2148164875.jpg" } }
+            ]}
+          />
         </div>
 
-        <div id="features-twenty-five" data-section="features-twenty-five">
-           <FeatureCardTwentyFive
-             title="Key Features"
-             description="Why choose KOOLKY"
-             animationType="slide-up"
-             textboxLayout="default"
-             useInvertedBackground={true}
-             features={[
-               { title: "Premium Quality", description: "Top-tier materials", icon: ArrowRight, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/fashionable-clothing-collection-modern-boutique-store-generated-by-ai_188544-33893.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/fashionable-clothing-collection-modern-boutique-store-generated-by-ai_188544-33893.jpg" }] }
-             ]}
-           />
+        <div id="feature2" data-section="feature2">
+          <FeatureCardTwentyFive
+            title="Innovation at Core"
+            description="We use technology to enhance your style."
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+                { title: "Smart Fabric", description: "Adaptive tech.", icon: CheckCircle, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones-close-up_23-2148381737.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-man-listening-music-headphones-close-up_23-2148381737.jpg" }] },
+                { title: "Design Lab", description: "AI-powered trends.", icon: CheckCircle, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-grey-shirt_158595-901.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-grey-shirt_158595-901.jpg" }] }
+            ]}
+          />
         </div>
 
         <div id="products" data-section="products">
           <ProductCardTwo
-            gridVariant="four-items-2x2-equal-grid"
+            title="Featured Arrivals"
+            description="Our latest collection."
             animationType="slide-up"
-            title="Shop Latest"
-            description="Premium gear awaits."
-            textboxLayout="default"
-            useInvertedBackground={false}
+            gridVariant="four-items-2x2-equal-grid"
             products={[
-              { id: "p1", brand: "KOOLKY", name: "Essential Tee", price: "$35", rating: 5, reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-man-close-ears-from-noisy-neighbours-looking-up-shouting-annoyed-hearing-loud-music-isolated-background_1150-63498.jpg" }
+                { id: "p1", brand: "KOOLKY", name: "Street Tee", price: "$35", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-man-close-ears-from-noisy-neighbours-looking-up-shouting-annoyed-hearing-loud-music-isolated-background_1150-63498.jpg" }
             ]}
           />
         </div>
 
         <div id="metrics" data-section="metrics">
-           <MetricCardOne
-             gridVariant="uniform-all-items-equal"
-             animationType="slide-up"
-             title="Our Impact"
-             description="Growth and Trust"
-             textboxLayout="default"
-             useInvertedBackground={false}
-             metrics={[
-               { id: "m1", value: "15K+", title: "Customers", description: "Satisfied", icon: ArrowRight }
-             ]}
-           />
+          <MetricCardOne
+            title="Impact Metrics"
+            description="Driven by community numbers."
+            animationType="slide-up"
+            gridVariant="uniform-all-items-equal"
+            metrics={[
+                { id: "m1", value: "15K+", title: "Customers", description: "Happy shoppers", icon: CheckCircle }
+            ]}
+          />
         </div>
 
         <div id="contact" data-section="contact">
           <ContactSplitForm
-            title="Contact Support"
-            description="Questions? We are here."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Name" },
-              { name: "email", type: "email", placeholder: "Email" },
-            ]}
+            title="Contact Us"
+            description="We are here for you."
+            inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
             imageSrc="http://img.b2bpic.net/free-photo/woman-choosing-clothes-shop_23-2147669917.jpg"
-            useInvertedBackground={false}
           />
         </div>
 
         <div id="footer-reveal" data-section="footer-reveal">
-           <FooterBaseReveal
-             logoText="KOOLKY"
-             columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
-           />
+          <FooterBaseReveal
+            logoText="KOOLKY"
+            columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
+          />
         </div>
 
         <div id="faq" data-section="faq">
           <FaqBase
-            title="Common Questions"
-            description="Everything you need to know."
-            textboxLayout="default"
-            useInvertedBackground={false}
+            title="FAQ"
+            faqs={[{ id: "1", title: "Returns?", content: "Easy returns." }]}
             faqsAnimation="slide-up"
-            faqs={[{ id: "q1", title: "Shipping?", content: "3-5 days." }]}
           />
         </div>
 
         <div id="footer-card" data-section="footer-card">
-           <FooterCard logoText="KOOLKY" />
+          <FooterCard
+            logoText="KOOLKY"
+          />
         </div>
 
         <div id="legal" data-section="legal">
-           <LegalSection 
-             layout="section"
-             title="Legal Notices"
-             sections={[{ heading: "Privacy", content: { type: "paragraph", text: "We protect your data." } }]}
-           />
+          <LegalSection
+            layout="section"
+            title="Terms"
+            sections={[{ heading: "Policy", content: { type: "paragraph", text: "All sales final." } }]}
+          />
         </div>
+
       </ReactLenis>
     </ThemeProvider>
   );