diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0e890d3..0bce0a4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import ProductCardThree from '@/components/sections/ecommerce/ProductDetailCard';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { Star, Package, ShieldCheck, Zap } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -29,232 +30,113 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Products",          id: "products"},
-        {
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Features", id: "features" },
+        { name: "Products", id: "products" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="ProDigi"
-      button={{
-        text: "Get Started",        href: "#pricing"}}
+      button={{ text: "Get Started", href: "#pricing" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient"}}
-      title="Premium Digital Solutions for Professionals"
-      description="Access high-quality, ready-to-use digital assets that accelerate your workflow and elevate your professional output."
-      buttons={[
-        {
-          text: "Browse Catalog",          href: "#products"},
-        {
-          text: "Learn More",          href: "#features"},
+      <HeroOverlayTestimonial
+      title="Elevate Your Digital Business"
+      description="Premium digital products for modern professionals. Everything you need to scale efficiently."
+      testimonials={[
+        { name: "Alice Johnson", handle: "@alice", testimonial: "The quality is unmatched!", rating: 5 },
       ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-frame-laptop_23-2148821815.jpg",          imageAlt: "Digital Product Showcase 1"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/circuit-code-blue-screen-icon_53876-124041.jpg",          imageAlt: "Digital Product Showcase 2"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599250.jpg",          imageAlt: "Digital Product Showcase 3"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tablet-smartphone-with-notebook-grey-table_23-2148036942.jpg",          imageAlt: "Tablet and smartphone with notebook on grey table"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-pointing-tablet_23-2148479533.jpg",          imageAlt: "Business man pointing at tablet"},
-      ]}
-      mediaAnimation="slide-up"
+      buttons={[{ text: "Explore", href: "#products" }]}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardSix
-      textboxLayout="inline-image"
+      <FeatureCardTwentyFour
+      title="Features for Professionals"
+      description="Built for speed, security, and scalability."
       useInvertedBackground={false}
+      textboxLayout="split"
+      animationType="slide-up"
       features={[
-        {
-          title: "Bulletproof Security",          description: "Enterprise-grade protection for all your digital assets and data transfers.",          imageSrc: "http://img.b2bpic.net/free-vector/cloud-storage-idea-online-computing-internet-database-backup-server-programming-equipment-limited-access-control-pass-privacy-settings-vector-isolated-concept-metaphor-illustration_335657-4337.jpg",          imageAlt: "Security icon"},
-        {
-          title: "Instant Delivery",          description: "Get access to your digital files immediately after purchase, 24/7.",          imageSrc: "http://img.b2bpic.net/free-vector/infographic-chart-collection_53876-118085.jpg",          imageAlt: "Speed icon"},
-        {
-          title: "Cloud Sync Ready",          description: "Seamless integration with popular cloud platforms for instant collaboration.",          imageSrc: "http://img.b2bpic.net/free-vector/minimal-cloud-icon-vector-digital-networking-system_53876-111840.jpg",          imageAlt: "Cloud icon"},
+        { id: "f1", title: "Secure Assets", author: "Security Team", description: "Encrypted and safe.", tags: ["Security"], imageSrc: "http://img.b2bpic.net/free-vector/cloud-storage-idea-online-computing-internet-database-backup-server-programming-equipment-limited-access-control-pass-privacy-settings-vector-isolated-concept-metaphor-illustration_335657-4337.jpg" }
       ]}
-      title="Why Choose Our Products?"
-      description="Engineered for excellence, our digital products are designed to streamline your operations and deliver superior results."
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",          name: "Corporate eBook Kit",          price: "$49",          imageSrc: "http://img.b2bpic.net/free-vector/brochure-with-blue-squares_1017-4244.jpg"},
-        {
-          id: "p2",          name: "UI/UX Starter Pack",          price: "$129",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg"},
-        {
-          id: "p3",          name: "Pro Code Plugin",          price: "$89",          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"},
-        {
-          id: "p4",          name: "Design Assets Bundle",          price: "$199",          imageSrc: "http://img.b2bpic.net/free-vector/design-25-flat-color-icon-pack-including-layers-ruler-creative-measure-web-design_1142-23243.jpg"},
-        {
-          id: "p5",          name: "Professional Course",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/virtual-call-vacant-spacious-office_482257-119429.jpg"},
-        {
-          id: "p6",          name: "Audio Asset Library",          price: "$79",          imageSrc: "http://img.b2bpic.net/free-vector/minimal-sound-wave-banner-design-background_1048-21256.jpg"},
-      ]}
-      title="Our Digital Catalog"
-      description="Explore our curated collection of professional templates, assets, and tools."
+      <ProductCardThree
+      layout="section"
+      name="Pro Workflow Kit"
+      price="$99"
+      description="Our most comprehensive toolkit to date."
+      images={[{ src: "http://img.b2bpic.net/free-photo/top-view-desk-with-frame-laptop_23-2148821815.jpg", alt: "Product" }]}
+      buttons={[{ text: "Buy Now" }]}
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardThree
+      <PricingCardNine
+      title="Simple Pricing"
+      description="One-time payments, lifetime access."
+      textboxLayout="default"
       animationType="slide-up"
-      textboxLayout="split-description"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",          price: "$49/mo",          name: "Essential",          buttons: [
-            {
-              text: "Select Plan",              href: "#"},
-          ],
-          features: [
-            "10 Assets/mo",            "Community access",            "Standard support"],
-        },
-        {
-          id: "pro",          price: "$99/mo",          name: "Professional",          buttons: [
-            {
-              text: "Select Plan",              href: "#"},
-          ],
-          features: [
-            "Unlimited Assets",            "Priority support",            "Full Commercial License"],
-        },
-        {
-          id: "ent",          price: "$299/mo",          name: "Enterprise",          buttons: [
-            {
-              text: "Select Plan",              href: "#"},
-          ],
-          features: [
-            "Dedicated Account Mgr",            "Custom assets",            "Team dashboard"],
-        },
+        { id: "p1", title: "Basic", price: "$49", period: "one-time", features: ["Essential tools"], button: { text: "Select" } }
       ]}
-      title="Flexible Membership Plans"
-      description="Choose the perfect plan for your professional needs."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Proven Performance"
-      tag="Trusted by thousands"
+      <MetricCardOne
+      title="Our Impact"
+      gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      textboxLayout="default"
       metrics={[
-        {
-          id: "m1",          value: "15k+",          description: "Happy Clients"},
-        {
-          id: "m2",          value: "99.9%",          description: "Uptime Rate"},
-        {
-          id: "m3",          value: "24/7",          description: "Expert Support"},
+        { id: "m1", value: "10k+", title: "Users", description: "Satisfied customers", icon: Zap },
+        { id: "m2", value: "500+", title: "Assets", description: "Ready to use", icon: Package },
+        { id: "m3", value: "100%", title: "Secure", description: "Privacy first", icon: ShieldCheck }
       ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="The digital assets here saved me hundreds of hours. Truly essential for any professional workflow."
-      rating={5}
-      author="Marcus Thorne, Design Director"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/tablet-smartphone-with-notebook-grey-table_23-2148036942.jpg",          alt: "User 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/business-man-pointing-tablet_23-2148479533.jpg",          alt: "User 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443522.jpg",          alt: "User 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/white-earphone-eyeglasses-coffee-cup-blank-screen-digital-tablet-gray-desk_23-2148052568.jpg",          alt: "User 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrwncy-concept_23-2149250227.jpg",          alt: "User 5"},
+      <TestimonialCardOne
+      title="What Clients Say"
+      gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      textboxLayout="default"
+      testimonials={[
+        { id: "t1", name: "Bob Smith", role: "Founder", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-pointing-tablet_23-2148479533.jpg" }
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split-description"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",          title: "Is commercial license included?",          content: "Yes, all our Pro assets come with full commercial rights for your business."},
-        {
-          id: "q2",          title: "How do I download my purchases?",          content: "You will receive an instant download link in your email after completing your order."},
-        {
-          id: "q3",          title: "Do you offer refunds?",          content: "We offer a 30-day money-back guarantee for all digital product purchases."},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/faq-customer-service-help-support-exclamation-graphic_53876-120083.jpg"
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our products and services."
+      <FaqSplitText
+      sideTitle="Need Help?"
+      faqs={[{ id: "q1", title: "How do I buy?", content: "Click the Buy button on any product page." }]}
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
-      text="Ready to get started? Reach out to our team for custom solutions."
-      buttons={[
-        {
-          text: "Contact Support",          href: "#"},
-      ]}
+      <ContactSplit
+      title="Get Updates"
+      description="Stay informed about new product releases."
+      tag="Newsletter"
+      background={{ variant: "plain" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "#"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          title: "Resources",          items: [
-            {
-              label: "Blog",              href: "#"},
-            {
-              label: "Help",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 ProDigi Solutions"
-      bottomRightText="All rights reserved."
-    />
+      <FooterCard
+      logoText="ProDigi"
+      />
   </div>
       </ReactLenis>
     </ThemeProvider>