Update src/app/page.tsx

src/app/page.tsx

@@ -12,6 +12,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
 
 export default function LandingPage() {
   return (
@@ -32,17 +33,11 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Blockbuster Ad"
     />
@@ -51,116 +46,22 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Cinematic Storytelling, Redefined."
       description="We craft blockbuster-quality ads that command attention, evoke emotion, and drive engagement on streaming platforms worldwide."
       leftCarouselItems={[
-        {
+        { videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=1", videoAriaLabel: "cinematic production process" },
-          imageSrc: "http://img.b2bpic.net/free-photo/clapperboard-wooden-background_23-2147698801.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066357.jpg", imageAlt: "filmmaking camera lens" },
-          imageAlt: "cinematic film production",
+        { videoSrc: "https://www.w3schools.com/html/movie.mp4", videoAriaLabel: "behind the scenes" },
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066357.jpg",
-          imageAlt: "filmmaking camera lens",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-painting-with-watercolors_52683-108451.jpg",
-          imageAlt: "director on set",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lady-red-posing-studio_651396-1333.jpg",
-          imageAlt: "film studio lights",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-photographer-shooting-young-woman_1268-21886.jpg",
-          imageAlt: "video editing suite",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-movie-elements-bicolored-background_23-2148416802.jpg",
-          imageAlt: "cinematic lens reflection",
-        },
       ]}
       rightCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/technological-piece-background_23-2148882601.jpg", imageAlt: "cinematic lens reflection" },
-          imageSrc: "http://img.b2bpic.net/free-photo/technological-piece-background_23-2148882601.jpg",
+        { videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=2", videoAriaLabel: "cinematic lighting setup" },
-          imageAlt: "cinematic lens reflection",
+        { imageSrc: "http://img.b2bpic.net/free-photo/assortment-movie-elements-red-background-with-copy-space_23-2148457859.jpg", imageAlt: "cinematic film production" },
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/online-criminal-celebrating-computer-system-victory-successful-hacking-night-satisfied-thief-committing-cyberattack-stealing-government-data-breaking-into-database-online-server_482257-68987.jpg",
-          imageAlt: "video editing suite",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sewing-machine_122409-62.jpg",
-          imageAlt: "film studio lights",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-male-blogger-recording-station_1303-22006.jpg",
-          imageAlt: "director on set",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lens-background-process-shooting-light-background_185193-164069.jpg",
-          imageAlt: "filmmaking camera lens",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-movie-elements-red-background-with-copy-space_23-2148457859.jpg",
-          imageAlt: "cinematic film production",
-        },
       ]}
       buttons={[
         {
-          text: "Start Your Project",
+          text: "Start Your Project",          href: "#contact"},
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17214.jpg",
-          alt: "Professional lighting equipment on the movie set",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/view-3d-cinema-projector_23-2151067016.jpg",
-          alt: "View of 3d cinema projector",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/stacked-film-reels-with-popcorns-against-white-background_23-2148188228.jpg",
-          alt: "Stacked of film reels with popcorns against white background",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-film-elements-white-background_23-2148416838.jpg",
-          alt: "Top view film elements on white background",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/overhead-view-film-strips-film-reel-various-type-camcorder-blue-background_23-2148188153.jpg",
-          alt: "An overhead view of film strips; film reel and various type of camcorder on blue background",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/advertising-advetise-consumer-advertisement-icon_53876-21333.jpg",
-          alt: "film production studio logo symbol",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/logotype_23-2148152993.jpg",
-          alt: "video agency logo modern",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/yolo-dream-life-motivation-explore-adventure_53876-21343.jpg",
-          alt: "broadcast company logo symbol",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/3d-glasses-movies-popcorn_23-2149558743.jpg",
-          alt: "digital cinema house brand",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/3d-glasses-camera-high-angle_23-2149558800.jpg",
-          alt: "independent film studio brand",
-        },
       ]}
     />
   </div>
@@ -170,24 +71,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Crafting the Future of"},
-          content: "Crafting the Future of",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066327.jpg",          alt: "film director focused"},
-          src: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066327.jpg",
-          alt: "film director focused",
-        },
         {
-          type: "text",
+          type: "text",          content: "Cinematic Advertising"},
-          content: "Cinematic Advertising",
-        },
       ]}
       buttons={[
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
     />
   </div>
@@ -198,23 +90,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "8K Cinematic Quality",
+          title: "8K Cinematic Quality",          description: "Crisp visuals that translate flawlessly to any screen size, capturing every detail with high-end color grading.",          imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-view-frozen-ground-field-sunset_181624-14140.jpg",          imageAlt: "cinematic 8k footage"},
-          description: "Crisp visuals that translate flawlessly to any screen size, capturing every detail with high-end color grading.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-view-frozen-ground-field-sunset_181624-14140.jpg",
-          imageAlt: "cinematic 8k footage",
-        },
         {
-          title: "Advanced VFX & Compositing",
+          title: "Advanced VFX & Compositing",          description: "Our post-production team integrates seamless digital effects that blur the line between reality and fantasy.",          imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-with-glitch-overlay-3d-tone_53876-126842.jpg",          imageAlt: "vfx compositing interface"},
-          description: "Our post-production team integrates seamless digital effects that blur the line between reality and fantasy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dancing-couple-with-glitch-overlay-3d-tone_53876-126842.jpg",
-          imageAlt: "vfx compositing interface",
-        },
         {
-          title: "Precision Stabilization",
+          title: "Precision Stabilization",          description: "Dynamic movement captured with perfect stability, creating fluid narratives for your product.",          imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066324.jpg",          imageAlt: "camera gimbal stabilization"},
-          description: "Dynamic movement captured with perfect stability, creating fluid narratives for your product.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066324.jpg",
-          imageAlt: "camera gimbal stabilization",
-        },
       ]}
       title="Unmatched Technical Excellence"
       description="Our studio utilizes industry-leading technology to ensure every frame of your ad delivers maximum impact and visual fidelity."
@@ -229,20 +109,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "150M+",          description: "Total Viewership"},
-          value: "150M+",
-          description: "Total Viewership",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "4.8x",          description: "Higher Engagement"},
-          value: "4.8x",
-          description: "Higher Engagement",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "98%",          description: "Client Satisfaction"},
-          value: "98%",
-          description: "Client Satisfaction",
-        },
       ]}
       title="Impact by the Numbers"
       description="Our campaigns consistently deliver superior performance metrics across all major streaming platforms."
@@ -254,35 +125,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-photographer-with-camera_23-2148503555.jpg",          imageAlt: "filmmaking studio client"},
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-photographer-with-camera_23-2148503555.jpg",
-          imageAlt: "filmmaking studio client",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg",          imageAlt: "creative producer portrait"},
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg",
-          imageAlt: "creative producer portrait",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248042.jpg",          imageAlt: "production manager portrait"},
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248042.jpg",
-          imageAlt: "production manager portrait",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
-          imageAlt: "media executive portrait",
-        },
-        {
-          id: "5",
-          name: "Jessica Lee",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blogger-woman-taking-selfie-audience-using-smartphone-working-podcast-home-studio-content-creator-recording-new-fashion-beauty-review-having-fun-social-media-platform_482257-16580.jpg",
-          imageAlt: "content creator portrait",
-        },
       ]}
       cardTitle="Client Voices"
       cardAnimation="slide-up"
@@ -295,14 +142,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       names={[
-        "Film Studio X",
+        "Film Studio X",        "Creative Media House",        "Broadcast Network Corp",        "Digital Cinema Agency",        "Independent Film House"]}
-        "Creative Media House",
-        "Broadcast Network Corp",
-        "Digital Cinema Agency",
-        "Independent Film House",
-        "Streaming Leader",
-        "AdTech Solutions",
-      ]}
       title="Trusted by Leaders"
       description="Partnering with industry pioneers to push the boundaries of visual storytelling."
     />
@@ -314,20 +154,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "What's the typical timeline?",          content: "Our production timelines range from 4 to 8 weeks depending on scope."},
-          title: "What's the typical timeline?",
-          content: "Our production timelines range from 4 to 8 weeks depending on scope.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Do you handle post-production?",          content: "Yes, we handle the full cycle from pre-production through final color grading."},
-          title: "Do you handle post-production?",
-          content: "Yes, we handle the full cycle from pre-production through final color grading.",
-        },
-        {
-          id: "f3",
-          title: "Can you adapt to specific platforms?",
-          content: "Absolutely, we specialize in platform-optimized deliverables.",
-        },
       ]}
       title="Common Questions"
       description="Have questions about our production process? We have answers."
@@ -339,16 +168,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Let's Film"
       title="Ready to Start?"
       description="Contact us today for a consultation and transform your vision into a blockbuster cinematic experience."
       buttons={[
         {
-          text: "Get in Touch",
+          text: "Get in Touch",          href: "mailto:hello@example.com"},
-          href: "mailto:hello@example.com",
-        },
       ]}
     />
   </div>
@@ -357,29 +183,15 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
+            { label: "About", href: "#" },
-            {
+            { label: "Careers", href: "#" },
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
+            { label: "Privacy", href: "#" },
-            {
+            { label: "Terms", href: "#" },
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
           ],
         },
       ]}