Update src/app/page.tsx

src/app/page.tsx

@@ -32,90 +32,37 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Products", id: "products" },
-          name: "Products",
+        { name: "Culture", id: "culture" },
-          id: "products",
+        { name: "Flavors", id: "flavors" },
-        },
-        {
-          name: "Culture",
-          id: "culture",
-        },
-        {
-          name: "Flavors",
-          id: "flavors",
-        },
       ]}
       brandName="FUELMAX"
-      button={{
+      button={{ text: "Shop Now", href: "#products" }}
-        text: "Shop Now",
-        href: "#products",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
+      background={{ variant: "glowing-orb" }}
-        variant: "glowing-orb",
-      }}
       title="FUEL YOUR CHAOS"
       description="Unleash extreme performance with the raw power of FuelMax. Energy that never quits."
-      buttons={[
+      buttons={[{ text: "Shop Now", href: "#products" }, { text: "Explore Flavors", href: "#flavors" }]}
-        {
+      imageSrc="http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-darkness_140725-92768.jpg"
-          text: "Shop Now",
-          href: "#products",
-        },
-        {
-          text: "Explore Flavors",
-          href: "#flavors",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-darkness_140725-92768.jpg?_wi=1"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-choker_23-2149267428.jpg", alt: "user-1" },
-          src: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-choker_23-2149267428.jpg",
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-sunglasses_23-2149267446.jpg", alt: "user-2" },
-          alt: "user-1",
+        { src: "http://img.b2bpic.net/free-photo/woman-wearing-choker-necklace-medium-shot_23-2149267425.jpg", alt: "user-3" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/unknown-woman-hiding-her-face-medium-shot_23-2149551285.jpg", alt: "user-4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-woman_23-2149705720.jpg", alt: "user-5" },
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-sunglasses_23-2149267446.jpg",
-          alt: "user-2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-wearing-choker-necklace-medium-shot_23-2149267425.jpg",
-          alt: "user-3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/unknown-woman-hiding-her-face-medium-shot_23-2149551285.jpg",
-          alt: "user-4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-woman_23-2149705720.jpg",
-          alt: "user-5",
-        },
       ]}
       avatarText="Join 50k+ adrenaline seekers"
       marqueeItems={[
-        {
+        { type: "text", text: "100% CLEAN FUEL" },
-          type: "text",
+        { type: "text", text: "ZERO CRASH FORMULA" },
-          text: "100% CLEAN FUEL",
+        { type: "text", text: "CLINICAL DOSAGE" },
-        },
+        { type: "text", text: "ULTIMATE FOCUS" },
-        {
+        { type: "text", text: "DOMINATE THE GAME" },
-          type: "text",
-          text: "ZERO CRASH FORMULA",
-        },
-        {
-          type: "text",
-          text: "CLINICAL DOSAGE",
-        },
-        {
-          type: "text",
-          text: "ULTIMATE FOCUS",
-        },
-        {
-          type: "text",
-          text: "DOMINATE THE GAME",
-        },
       ]}
     />
   </div>
@@ -127,42 +74,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Neon Lime", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-lady-colorful-flower-designed-shirt-holding-silver-can-showing-open-palm-white_140725-18635.jpg" },
-          id: "p1",
+        { id: "p2", name: "Blood Red", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-photo-darkness_140725-92767.jpg" },
-          name: "Neon Lime",
+        { id: "p3", name: "Electric Blue", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349182.jpg" },
-          price: "$3.99",
+        { id: "p4", name: "Void Purple", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995343.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-lady-colorful-flower-designed-shirt-holding-silver-can-showing-open-palm-white_140725-18635.jpg?_wi=1",
+        { id: "p5", name: "Solar Gold", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974254.jpg" },
-        },
+        { id: "p6", name: "Acid Orange", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995212.jpg" },
-        {
-          id: "p2",
-          name: "Blood Red",
-          price: "$3.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-photo-darkness_140725-92767.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Electric Blue",
-          price: "$3.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349182.jpg",
-        },
-        {
-          id: "p4",
-          name: "Void Purple",
-          price: "$3.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995343.jpg",
-        },
-        {
-          id: "p5",
-          name: "Solar Gold",
-          price: "$3.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974254.jpg",
-        },
-        {
-          id: "p6",
-          name: "Acid Orange",
-          price: "$3.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995212.jpg",
-        },
       ]}
       title="LIQUID ADRENALINE"
       description="Choose your flavor, unlock your potential."
@@ -176,49 +93,25 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Elite Performance",
+          title: "Elite Performance",          description: "Fueling world-class athletes to break records.",          icon: Award,
-          description: "Fueling world-class athletes to break records.",
-          icon: Award,
           mediaItems: [
-            {
+            { imageSrc: "http://img.b2bpic.net/free-photo/man-jumping-outdoors-winter-with-snow_23-2148825982.jpg" },
-              imageSrc: "http://img.b2bpic.net/free-photo/man-jumping-outdoors-winter-with-snow_23-2148825982.jpg",
+            { imageSrc: "http://img.b2bpic.net/free-photo/man-excited-promote-newly-launched-music-listening-devices_482257-116547.jpg" },
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-excited-promote-newly-launched-music-listening-devices_482257-116547.jpg",
-            },
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-darkness_140725-92768.jpg?_wi=2",
-          imageAlt: "sports athlete action shot",
         },
         {
-          title: "Game Changed",
+          title: "Game Changed",          description: "Powering esports legends in the heat of battle.",          icon: Zap,
-          description: "Powering esports legends in the heat of battle.",
-          icon: Zap,
           mediaItems: [
-            {
+            { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150171097.jpg" },
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150171097.jpg",
+            { imageSrc: "http://img.b2bpic.net/free-photo/glitched-man-white-shirt-new-year-party_23-2148331853.jpg" },
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/glitched-man-white-shirt-new-year-party_23-2148331853.jpg",
-            },
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-lady-colorful-flower-designed-shirt-holding-silver-can-showing-open-palm-white_140725-18635.jpg?_wi=2",
-          imageAlt: "sports athlete action shot",
         },
         {
-          title: "Urban Energy",
+          title: "Urban Energy",          description: "The pulse of the city, day and night.",          icon: Zap,
-          description: "The pulse of the city, day and night.",
-          icon: Zap,
           mediaItems: [
-            {
+            { imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-bokeh-lights-background_23-2147815311.jpg" },
-              imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-bokeh-lights-background_23-2147815311.jpg",
+            { imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-barbell-lifting-dumbbell_23-2147687562.jpg" },
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-barbell-lifting-dumbbell_23-2147687562.jpg",
-            },
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-photo-darkness_140725-92767.jpg?_wi=2",
-          imageAlt: "sports athlete action shot",
         },
       ]}
       title="BORN TO DOMINATE"
@@ -232,36 +125,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "0g", title: "Sugar content", items: ["Pure energy", "No crash", "Clean fuel"] },
-          id: "m1",
+        { id: "m2", value: "300mg", title: "Caffeine", items: ["Maximum focus", "Long-lasting", "Mental clarity"] },
-          value: "0g",
+        { id: "m3", value: "12+", title: "Flavor profiles", items: ["Wild variety", "Authentic taste", "Bold notes"] },
-          title: "Sugar content",
-          items: [
-            "Pure energy",
-            "No crash",
-            "Clean fuel",
-          ],
-        },
-        {
-          id: "m2",
-          value: "300mg",
-          title: "Caffeine",
-          items: [
-            "Maximum focus",
-            "Long-lasting",
-            "Mental clarity",
-          ],
-        },
-        {
-          id: "m3",
-          value: "12+",
-          title: "Flavor profiles",
-          items: [
-            "Wild variety",
-            "Authentic taste",
-            "Bold notes",
-          ],
-        },
       ]}
       title="PURE PERFORMANCE"
       description="Clinical doses for maximum intensity."
@@ -270,57 +136,13 @@ export default function LandingPage() {
 
   <div id="drop" data-section="drop">
       <PricingCardThree
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "d1", name: "X-1 Shadow", price: "$4.99", features: ["Limited batch", "Special color", "Collector can"], buttons: [{ text: "Claim Now", href: "#" }] },
-          id: "d1",
+        { id: "d2", name: "Void Racer", price: "$4.99", features: ["Exclusive flavor", "Neon print", "Limited stock"], buttons: [{ text: "Claim Now", href: "#" }] },
-          name: "X-1 Shadow",
+        { id: "d3", name: "Pulse Core", price: "$4.99", features: ["Hyper rare", "Glitch finish", "Early access"], buttons: [{ text: "Claim Now", href: "#" }] },
-          price: "$4.99",
-          features: [
-            "Limited batch",
-            "Special color",
-            "Collector can",
-          ],
-          buttons: [
-            {
-              text: "Claim Now",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "d2",
-          name: "Void Racer",
-          price: "$4.99",
-          features: [
-            "Exclusive flavor",
-            "Neon print",
-            "Limited stock",
-          ],
-          buttons: [
-            {
-              text: "Claim Now",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "d3",
-          name: "Pulse Core",
-          price: "$4.99",
-          features: [
-            "Hyper rare",
-            "Glitch finish",
-            "Early access",
-          ],
-          buttons: [
-            {
-              text: "Claim Now",
-              href: "#",
-            },
-          ],
-        },
       ]}
       title="LIMITED EDITION DROPS"
       description="Rare flavors for the dedicated collectors."
@@ -334,46 +156,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Jax Power", role: "Pro Gamer", company: "Team Void", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-fashion-model-poses-freely-blending-elegance-with-punk-flair-express-modern-rebellious_482257-134758.jpg" },
-          id: "t1",
+        { id: "t2", name: "Luna Rush", role: "Pro Skater", company: "Street Squad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-shooting-with-projector_23-2149424927.jpg" },
-          name: "Jax Power",
+        { id: "t3", name: "Marco Volt", role: "Music Artist", company: "Rhythm Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431168.jpg" },
-          role: "Pro Gamer",
+        { id: "t4", name: "Sasha Drill", role: "Street Dancer", company: "Pulse Crew", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-drinking-water_23-2149383337.jpg" },
-          company: "Team Void",
+        { id: "t5", name: "Kyle Hype", role: "Content Creator", company: "Viral Peak", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-loose-bandages_23-2147680402.jpg" },
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-fashion-model-poses-freely-blending-elegance-with-punk-flair-express-modern-rebellious_482257-134758.jpg",
-        },
-        {
-          id: "t2",
-          name: "Luna Rush",
-          role: "Pro Skater",
-          company: "Street Squad",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-shooting-with-projector_23-2149424927.jpg",
-        },
-        {
-          id: "t3",
-          name: "Marco Volt",
-          role: "Music Artist",
-          company: "Rhythm Lab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431168.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sasha Drill",
-          role: "Street Dancer",
-          company: "Pulse Crew",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-drinking-water_23-2149383337.jpg",
-        },
-        {
-          id: "t5",
-          name: "Kyle Hype",
-          role: "Content Creator",
-          company: "Viral Peak",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-loose-bandages_23-2147680402.jpg",
-        },
       ]}
       title="THE TRIBE SPEAKS"
       description="Fueling the legends, the rebels, and the outliers."
@@ -384,15 +171,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["Gaming Pro", "Music Masters", "Extreme Sports", "Street Wear", "Digital Media", "Pulse Energy", "Global Link"]}
-        "Gaming Pro",
-        "Music Masters",
-        "Extreme Sports",
-        "Street Wear",
-        "Digital Media",
-        "Pulse Energy",
-        "Global Link",
-      ]}
       title="GLOBAL PARTNERSHIPS"
       description="Trusted by icons across gaming, music, and lifestyle."
     />
@@ -401,73 +180,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
-      }}
       text="Join the inner circle for exclusive drops and massive discounts."
-      buttons={[
+      buttons={[{ text: "Fuel Up", href: "#" }]}
-        {
-          text: "Fuel Up",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Products", items: [{ label: "All Flavors", href: "#products" }, { label: "Limited Edition", href: "#drop" }, { label: "Apparel", href: "#" }] },
-          title: "Products",
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
-          items: [
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
-            {
-              label: "All Flavors",
-              href: "#products",
-            },
-            {
-              label: "Limited Edition",
-              href: "#drop",
-            },
-            {
-              label: "Apparel",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Press",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
       ]}
       logoText="FUELMAX"
     />