diff --git a/src/app/page.tsx b/src/app/page.tsx
index b098911..17c2d9a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroOverlayBlock from '@/components/sections/hero/HeroOverlayBlock';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Clapperboard, Sparkles, Film, Zap, Star, TrendingUp, HelpCircle, Mail } from "lucide-react";
+import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Clapperboard, Sparkles, Film, Zap, Star, TrendingUp, HelpCircle, Mail, ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -42,192 +42,168 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroOverlayBlock
+        <HeroPersonalLinks
+          background={{ variant: "plain" }}
           title="Move and Movie"
-          description="Creating cinematic stories that captivate audiences. Expert video production for brands that dare to stand out."
-          backgroundImageSrc="https://img.b2bpic.net/free-photo/african-american-freelancer-editing-background-video-his-home-office_482257-116610.jpg"
-          backgroundImageAlt="Video creator at work"
-          overlayButtons={[
-            { text: "View Portfolio", href: "portfolio" },
-            { text: "Let's Collaborate", href: "contact" }
+          socialLinks={[
+            { icon: Film, label: "YouTube", href: "https://youtube.com" },
+            { icon: Clapperboard, label: "Instagram", href: "https://instagram.com" }
+          ]}
+          linkCards={[
+            {
+              icon: Sparkles,
+              title: "View Our Portfolio",              description: "Explore our latest cinematic creations",              button: { text: "View Work", href: "portfolio" }
+            },
+            {
+              icon: Mail,
+              title: "Start Your Project",              description: "Let's bring your vision to life",              button: { text: "Contact Us", href: "contact" }
+            }
           ]}
           buttonAnimation="slide-up"
-          ariaLabel="Move and Movie hero section"
         />
       </div>
 
       <div id="about" data-section="about">
-        <TestimonialAboutCard
+        <MediaAbout
+          title="Elevate Your Brand Story"
+          description="We transform ideas into visual masterpieces that tell your brand's story with cinematic precision and creative excellence."
           tag="Who We Are"
           tagIcon={Clapperboard}
-          title="We transform ideas into visual masterpieces that tell your brand's story."
-          description="Founded in 2020"
-          subdescription="Move and Movie Studios"
-          icon={Sparkles}
           imageSrc="https://img.b2bpic.net/free-photo/young-filmmaker-working-media-post-production-from-agency-office_482257-119708.jpg"
           imageAlt="Professional video production setup"
-          mediaAnimation="blur-reveal"
+          buttons={[
+            { text: "Learn More", href: "about" }
+          ]}
           useInvertedBackground={false}
         />
       </div>
 
       <div id="portfolio" data-section="portfolio">
-        <ProductCardFour
-          title="Featured Work"
-          description="Explore our latest video productions and cinematic projects that showcase our creative vision."
-          tag="Portfolio"
-          tagIcon={Film}
-          tagAnimation="slide-up"
-          textboxLayout="default"
+        <ProductCardTwo
           products={[
             {
-              id: "1",              name: "Brand Story: Tech Startup Launch",              price: "Commercials",              variant: "60-second promotional film",              imageSrc: "https://img.b2bpic.net/free-photo/professional-agency-setup-cinematic-footage-creation-video-editing_482257-118951.jpg",              imageAlt: "Tech startup brand story video"
+              id: "1",              brand: "Commercial",              name: "Tech Startup Brand Story",              price: "Featured",              rating: 5,
+              reviewCount: "4.8k",              imageSrc: "https://img.b2bpic.net/free-photo/professional-agency-setup-cinematic-footage-creation-video-editing_482257-118951.jpg",              imageAlt: "Tech startup brand story video"
             },
             {
-              id: "2",              name: "Social Media Campaign Series",              price: "Content",              variant: "15-second short-form videos",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-videographer-works-editing-film-footage-home_482257-120281.jpg",              imageAlt: "Social media video content"
+              id: "2",              brand: "Content",              name: "Social Media Campaign",              price: "Series",              rating: 5,
+              reviewCount: "3.2k",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-videographer-works-editing-film-footage-home_482257-120281.jpg",              imageAlt: "Social media video content"
             },
             {
-              id: "3",              name: "Corporate Training Video",              price: "Educational",              variant: "5-minute instructional content",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-video-creator-working-editing-movie-montage-project_482257-126299.jpg",              imageAlt: "Corporate training video production"
+              id: "3",              brand: "Educational",              name: "Corporate Training Video",              price: "Premium",              rating: 5,
+              reviewCount: "2.1k",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-video-creator-working-editing-movie-montage-project_482257-126299.jpg",              imageAlt: "Corporate training video production"
             }
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
+          title="Featured Work"
+          description="Explore our latest video productions and cinematic projects that showcase our creative vision."
+          textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[
-            { text: "See All Work", href: "contact" }
-          ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardSixteen
+        <FeatureCardTwentySix
+          features={[
+            {
+              title: "Commercial Production",              description: "High-impact brand commercials that drive results",              imageSrc: "https://img.b2bpic.net/free-photo/professional-agency-setup-cinematic-footage-creation-video-editing_482257-118951.jpg",              imageAlt: "Commercial video production",              buttonIcon: ArrowRight,
+              buttonHref: "contact"
+            },
+            {
+              title: "Social Media Content",              description: "Engaging short-form content for all platforms",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-videographer-works-editing-film-footage-home_482257-120281.jpg",              imageAlt: "Social media content creation",              buttonIcon: ArrowRight,
+              buttonHref: "contact"
+            },
+            {
+              title: "Brand Storytelling",              description: "Cinematic narratives that connect with audiences",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-video-creator-working-editing-movie-montage-project_482257-126299.jpg",              imageAlt: "Brand storytelling video",              buttonIcon: ArrowRight,
+              buttonHref: "contact"
+            },
+            {
+              title: "Event Coverage",              description: "Professional event documentation and highlights",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-freelancer-editing-background-video-his-home-office_482257-116610.jpg",              imageAlt: "Event video coverage",              buttonIcon: ArrowRight,
+              buttonHref: "contact"
+            }
+          ]}
           title="Professional Video Services"
-          description="From concept to final cut, we deliver comprehensive video production solutions tailored to your brand."
+          description="From concept to final cut, we deliver comprehensive video production solutions."
           tag="Services"
           tagIcon={Zap}
           textboxLayout="default"
-          negativeCard={{
-            items: [
-              "Generic stock footage",              "Inconsistent quality",              "Missed deadlines",              "Poor communication"
-            ]
-          }}
-          positiveCard={{
-            items: [
-              "Custom-shot cinematic content",              "Award-winning quality standards",              "On-time, every time",              "Dedicated creative team"
-            ]
-          }}
-          animationType="slide-up"
           useInvertedBackground={false}
-          buttons={[
-            { text: "Schedule Consultation", href: "contact" }
-          ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo
-          title="Client Testimonials"
-          description="Hear from brands and entrepreneurs who've transformed their presence with our video production."
-          tag="Reviews"
-          tagIcon={Star}
-          tagAnimation="slide-up"
-          textboxLayout="default"
+        <TestimonialCardTen
           testimonials={[
             {
-              id: "1",              name: "Sarah Mitchell",              role: "CEO",              testimonial: "Move and Movie completely elevated our brand presence. Their cinematic approach turned our product launch into a viral success story.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "Sarah Mitchell, CEO of TechFlow"
+              id: "1",              title: "Game-changing video production",              quote: "Move and Movie completely elevated our brand presence. Their cinematic approach turned our product launch into a viral success story.",              name: "Sarah Mitchell",              role: "CEO of TechFlow",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "Sarah Mitchell, CEO of TechFlow"
             },
             {
-              id: "2",              name: "Michael Chen",              role: "Marketing Director",              testimonial: "The team's creativity and professionalism exceeded all expectations. Our video content increased engagement by 300%.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Michael Chen, Marketing Director of GrowthCo"
-            },
-            {
-              id: "3",              name: "Emma Rodriguez",              role: "Founder",              testimonial: "Working with Move and Movie was a game-changer for our business. They understood our vision and delivered beyond our expectations.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Emma Rodriguez, Founder of Creative Studio Co"
-            },
-            {
-              id: "4",              name: "David Kim",              role: "Brand Manager",              testimonial: "Exceptional quality, exceptional service. They made the entire production process smooth and enjoyable. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "David Kim, Brand Manager of StartupXYZ"
+              id: "2",              title: "Exceeded all expectations",              quote: "The team's creativity and professionalism exceeded all expectations. Our video content increased engagement by 300%.",              name: "Michael Chen",              role: "Marketing Director at GrowthCo",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Michael Chen, Marketing Director of GrowthCo"
             }
           ]}
-          carouselMode="buttons"
-          animationType="slide-up"
+          title="Client Testimonials"
+          description: "Hear from brands and entrepreneurs who've transformed their presence with our video production."
+          textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardTwo
-          title="Our Impact"
-          description="Numbers that speak to our commitment to excellence and creative innovation."
-          tag="Stats"
-          tagIcon={TrendingUp}
-          textboxLayout="default"
+        <MetricCardThree
           metrics={[
             {
-              id: "1",              value: "50+",              description: "Brands Transformed"
+              id: "1",              icon: TrendingUp,
+              title: "Brands Served",              value: "50+"
             },
             {
-              id: "2",              value: "200+",              description: "Videos Produced"
+              id: "2",              icon: Film,
+              title: "Videos Produced",              value: "200+"
             },
             {
-              id: "3",              value: "10M+",              description: "Views Generated"
-            },
-            {
-              id: "4",              value: "98%",              description: "Client Satisfaction"
+              id: "3",              icon: Star,
+              title: "Views Generated",              value: "10M+"
             }
           ]}
-          gridVariant="uniform-all-items-equal"
+          title="Our Impact"
+          description="Numbers that speak to our commitment to excellence and creative innovation."
+          textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqBase
-          title="Frequently Asked Questions"
-          description="Everything you need to know about working with Move and Movie."
-          tag="Help"
-          tagIcon={HelpCircle}
-          textboxLayout="default"
+        <FaqSplitMedia
           faqs={[
             {
-              id: "1",              title: "How long does a typical video production take?",              content: "Project timelines vary based on scope and complexity. Most projects take 2-6 weeks from concept to final delivery. We'll provide a detailed timeline during our initial consultation."
+              id: "1",              title: "How long does a typical video production take?",              content: "Project timelines vary based on scope and complexity. Most projects take 2-6 weeks from concept to final delivery."
             },
             {
-              id: "2",              title: "What types of videos do you produce?",              content: "We specialize in commercials, brand stories, social media content, corporate training videos, product demos, and cinematic storytelling. If you can imagine it, we can create it."
+              id: "2",              title: "What types of videos do you produce?",              content: "We specialize in commercials, brand stories, social media content, corporate training videos, and product demos."
             },
             {
-              id: "3",              title: "What is your production process?",              content: "Our process includes: discovery and planning, creative concept development, pre-production planning, shooting, editing and post-production, and final delivery. You're involved at every stage."
-            },
-            {
-              id: "4",              title: "Do you handle post-production and editing?",              content: "Yes, we handle the complete production pipeline. From color grading to sound design to motion graphics, we deliver fully finished, broadcast-quality videos."
-            },
-            {
-              id: "5",              title: "Can you work with my existing footage?",              content: "Absolutely. We offer editing, color correction, and post-production services for existing footage. We can transform raw materials into polished, professional videos."
+              id: "3",              title: "Do you handle post-production and editing?",              content: "Yes, we handle the complete production pipeline including color grading, sound design, and motion graphics."
             }
           ]}
-          faqsAnimation="slide-up"
-          animationType="smooth"
-          useInvertedBackground={false}
+          imageSrc: "https://img.b2bpic.net/free-photo/young-filmmaker-working-media-post-production-from-agency-office_482257-119708.jpg",          imageAlt: "Video production workspace",          mediaAnimation: "slide-up",          title: "Frequently Asked Questions",          description: "Everything you need to know about working with Move and Movie.",          textboxLayout: "default",          faqsAnimation: "slide-up",          useInvertedBackground: false
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCTA
+        <ContactCenter
           tag="Ready to Create?"
           tagIcon={Mail}
           title="Let's Bring Your Vision to Life"
-          description="Whether you're launching a brand, promoting a product, or telling a story, we're here to make it unforgettable. Reach out today for a free consultation."
-          buttons={[
-            { text: "Start Your Project", href: "mailto:hello@moveandmovie.com" },
-            { text: "Book a Call", href: "#" }
-          ]}
+          description="Whether you're launching a brand, promoting a product, or telling a story, we're here to make it unforgettable."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
+          onSubmit={(email) => console.log("Email submitted:", email)}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterSimple
+        <FooterBaseCard
           columns={[
             {
               title: "Navigate",              items: [
@@ -241,28 +217,19 @@ export default function LandingPage() {
               title: "Resources",              items: [
                 { label: "FAQ", href: "#faq" },
                 { label: "Blog", href: "#" },
-                { label: "Case Studies", href: "#" },
-                { label: "Portfolio", href: "#portfolio" }
+                { label: "Case Studies", href: "#" }
               ]
             },
             {
               title: "Connect",              items: [
                 { label: "Contact Us", href: "#contact" },
                 { label: "Instagram", href: "https://instagram.com" },
-                { label: "YouTube", href: "https://youtube.com" },
-                { label: "LinkedIn", href: "https://linkedin.com" }
-              ]
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy Policy", href: "#" },
-                { label: "Terms of Service", href: "#" },
-                { label: "Cookie Policy", href: "#" }
+                { label: "YouTube", href: "https://youtube.com" }
               ]
             }
           ]}
-          bottomLeftText="© 2025 Move and Movie. All rights reserved."
-          bottomRightText="Crafted with passion and precision"
+          logoText="Move and Movie"
+          copyrightText="© 2025 Move and Movie. All rights reserved."
         />
       </div>
     </ThemeProvider>