Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Products",
-          id: "products",
-        },
+          name: "Products",          id: "products"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Support",
-          id: "faq",
-        },
+          name: "Support",          id: "faq"},
       ]}
       brandName="MARVEL ELITE"
     />
@@ -55,35 +47,21 @@ export default function LandingPage() {
       description="Own the multiverse. Our high-tech Marvel collectibles are engineered for the future."
       buttons={[
         {
-          text: "Browse Collection",
-          href: "#products",
-        },
+          text: "Browse Collection",          href: "#products"},
       ]}
       slides={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/a-futuristic-avengers-logo-rotating-in-d-1774948456016-d0b94319.png",
-          imageAlt: "Avengers Logo Rotating",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/a-futuristic-avengers-logo-rotating-in-d-1774948456016-d0b94319.png",          imageAlt: "Avengers Logo Rotating"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/iron-man-mark-85-suit-hovering-in-a-high-1774948454893-c50e9921.png?_wi=1",
-          imageAlt: "Iron Man Armor",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/iron-man-mark-85-suit-hovering-in-a-high-1774948454893-c50e9921.png?_wi=1",          imageAlt: "Iron Man Armor"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/spider-man-in-a-high-speed-motion-pose-b-1774948454741-c1a1c79e.png?_wi=1",
-          imageAlt: "Spider-Man Action",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/spider-man-in-a-high-speed-motion-pose-b-1774948454741-c1a1c79e.png?_wi=1",          imageAlt: "Spider-Man Action"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/thor-mjolnir-weapon-resting-on-a-celesti-1774948445619-cbda39ca.png",
-          imageAlt: "Thor Hammer",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/thor-mjolnir-weapon-resting-on-a-celesti-1774948445619-cbda39ca.png",          imageAlt: "Thor Hammer"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/captain-america-shield-reflecting-a-futu-1774948445839-2f516892.png",
-          imageAlt: "Captain America Shield",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/captain-america-shield-reflecting-a-futu-1774948445839-2f516892.png",          imageAlt: "Captain America Shield"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/black-panther-suit-featuring-glowing-pur-1774948458584-0776e75f.jpg?_wi=1",
-          imageAlt: "Black Panther Armor",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/black-panther-suit-featuring-glowing-pur-1774948458584-0776e75f.jpg?_wi=1",          imageAlt: "Black Panther Armor"},
       ]}
     />
   </div>
@@ -96,23 +74,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Iron Man Mark 85",
-          price: "$129.99",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/premium-iron-man-collectible-figure-high-1774948453787-7270f9d9.jpg",
-        },
+          id: "p1",          name: "Iron Man Mark 85",          price: "$129.99",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/premium-iron-man-collectible-figure-high-1774948453787-7270f9d9.jpg"},
         {
-          id: "p2",
-          name: "Thor God of Thunder",
-          price: "$149.99",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/high-end-thor-collectible-statue-detaile-1774948448985-295f76fe.png",
-        },
+          id: "p2",          name: "Thor God of Thunder",          price: "$149.99",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/high-end-thor-collectible-statue-detaile-1774948448985-295f76fe.png"},
         {
-          id: "p3",
-          name: "Advanced Spider-Man",
-          price: "$119.99",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/advanced-spider-man-collectible-action-f-1774948453746-82913e85.png",
-        },
+          id: "p3",          name: "Advanced Spider-Man",          price: "$119.99",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/advanced-spider-man-collectible-action-f-1774948453746-82913e85.png"},
       ]}
       title="Elite Collectibles"
       description="State-of-the-art figures for true believers."
@@ -120,30 +86,20 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardOne
-      animationType="depth-3d"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Nano-Tech Finish",
-          description: "High-fidelity, heat-resistant coatings.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/iron-man-mark-85-suit-hovering-in-a-high-1774948454893-c50e9921.png?_wi=2",
-        },
-        {
-          title: "Precision Articulation",
-          description: "Dynamic posing with magnetic joints.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/spider-man-in-a-high-speed-motion-pose-b-1774948454741-c1a1c79e.png?_wi=2",
-        },
-        {
-          title: "LED Luminescence",
-          description: "Custom glowing features built-in.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/black-panther-suit-featuring-glowing-pur-1774948458584-0776e75f.jpg?_wi=2",
-        },
+    <FeatureCardTwentyOne
+      title="Heroic Specifications"
+      description="Interactive profiles for our elite lineup of collectibles."
+      accordionItems={[
+        { id: "ironman", title: "Iron Man (Mark 85)", content: "Features: Nano-Tech armor plating, Arc reactor LED lighting, interchangeable repulsor hands, 12 inches tall, high-fidelity polyresin construction." },
+        { id: "spiderman", title: "Spider-Man (Advanced)", content: "Features: Web-shooters with magnetic effects, acrobatic articulation points, detailed fabric suit texture, 10 inches tall, includes replaceable masked head." },
+        { id: "thor", title: "Thor (God of Thunder)", content: "Features: Die-cast Mjolnir weapon, real-cloth cape with wire-rimmed edges, lightning effect accessories, 13 inches tall, hand-painted weathered finish." },
+        { id: "cap", title: "Captain America (First Avenger)", content: "Features: Vibranium-alloy shield with metallic finish, battle-worn suit detailing, multiple points of articulation, 12 inches tall, includes interchangeable helmet." },
+        { id: "strange", title: "Doctor Strange (Sorcerer Supreme)", content: "Features: Translucent magic spell effects, poseable Cloak of Levitation, detailed Eye of Agamotto necklace, 12 inches tall, high-articulation for casting poses." }
       ]}
-      title="Futuristic Engineering"
-      description="Discover what makes our collectibles superior to the rest."
+      mediaAnimation="blur-reveal"
+      videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/iron-man-mark-85-suit-hovering-in-a-high-1774948454893-c50e9921.png?_wi=1"
+      videoAriaLabel="Feature Video"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -152,49 +108,24 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
+      showRating={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Tony S.",
-          handle: "@iron_fan",
-          testimonial: "The detail on the suit is unmatched.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-happy-marvel-collector-tec-1774948452774-ec8610fc.png?_wi=1",
-        },
+          id: "t1",          name: "Tony S.",          handle: "@iron_fan",          testimonial: "The detail on the suit is unmatched.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-happy-marvel-collector-tec-1774948452774-ec8610fc.png?_wi=1"},
         {
-          id: "t2",
-          name: "Peter P.",
-          handle: "@friendly_web",
-          testimonial: "Best action figures I own, period.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-marvel-collector-in-a-mode-1774948446615-05c4493d.png",
-        },
+          id: "t2",          name: "Peter P.",          handle: "@friendly_web",          testimonial: "Best action figures I own, period.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-marvel-collector-in-a-mode-1774948446615-05c4493d.png"},
         {
-          id: "t3",
-          name: "Bruce B.",
-          handle: "@hulk_smash",
-          testimonial: "Absolutely incredible build quality.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-young-marvel-fan-excited-f-1774948453887-6cac2265.png",
-        },
+          id: "t3",          name: "Bruce B.",          handle: "@hulk_smash",          testimonial: "Absolutely incredible build quality.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-young-marvel-fan-excited-f-1774948453887-6cac2265.png"},
         {
-          id: "t4",
-          name: "Natasha R.",
-          handle: "@black_widow",
-          testimonial: "Truly professional grade collectible.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-an-elderly-comic-book-collec-1774948445785-ef48d131.png",
-        },
+          id: "t4",          name: "Natasha R.",          handle: "@black_widow",          testimonial: "Truly professional grade collectible.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-an-elderly-comic-book-collec-1774948445785-ef48d131.png"},
         {
-          id: "t5",
-          name: "Stephen S.",
-          handle: "@sorcerer_supreme",
-          testimonial: "The craftsmanship is nothing short of magical.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-happy-marvel-collector-tec-1774948452774-ec8610fc.png?_wi=2",
-        },
+          id: "t5",          name: "Stephen S.",          handle: "@sorcerer_supreme",          testimonial: "The craftsmanship is nothing short of magical.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhjgD4BmL9H3rZrSU0gTVozi2g/portrait-of-a-happy-marvel-collector-tec-1774948452774-ec8610fc.png?_wi=2"},
       ]}
-      showRating={true}
       title="Voices from the Multiverse"
       description="Verified collectors rate their experience."
     />
@@ -206,20 +137,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Are these official Marvel products?",
-          content: "Yes, all items are officially licensed.",
-        },
+          id: "q1",          title: "Are these official Marvel products?",          content: "Yes, all items are officially licensed."},
         {
-          id: "q2",
-          title: "Do you offer international shipping?",
-          content: "We ship across the entire multiverse.",
-        },
+          id: "q2",          title: "Do you offer international shipping?",          content: "We ship across the entire multiverse."},
         {
-          id: "q3",
-          title: "What is the return policy?",
-          content: "30 days, no questions asked.",
-        },
+          id: "q3",          title: "What is the return policy?",          content: "30 days, no questions asked."},
       ]}
       title="Knowledge Base"
       description="Your queries answered."