bender/95d6892f-a76f-4e3a-a387-ee6e94bc4df0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-06 20:24:43 +00:00
parent 9e97c60def
commit 6a4da51e24
1 changed files with 50 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

376
src/app/page.tsx
View File

@@ -32,90 +32,37 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Products",
id: "products",
},
{
name: "Culture",
id: "culture",
},
{
name: "Flavors",
id: "flavors",
},
{ name: "Products", id: "products" },
{ name: "Culture", id: "culture" },
{ name: "Flavors", id: "flavors" },
]}
brandName="FUELMAX"
button={{
text: "Shop Now",
href: "#products",
}}
button={{ text: "Shop Now", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "glowing-orb",
}}
background={{ variant: "glowing-orb" }}
title="FUEL YOUR CHAOS"
description="Unleash extreme performance with the raw power of FuelMax. Energy that never quits."
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?_wi=1"
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"
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/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",
},
{ 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/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",
text: "ZERO CRASH FORMULA",
},
{
type: "text",
text: "CLINICAL DOSAGE",
},
{
type: "text",
text: "ULTIMATE FOCUS",
},
{
type: "text",
text: "DOMINATE THE GAME",
},
{ type: "text", text: "100% CLEAN FUEL" },
{ 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?_wi=1",
},
{
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",
},
{ 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: "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" },
{ 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",
description: "Fueling world-class athletes to break records.",
icon: Award,
title: "Elite Performance", 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-excited-promote-newly-launched-music-listening-devices_482257-116547.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/front-view-energy-drink-cans-red-drink-alcohol-darkness_140725-92768.jpg?_wi=2",
imageAlt: "sports athlete action shot",
},
{
title: "Game Changed",
description: "Powering esports legends in the heat of battle.",
icon: Zap,
title: "Game Changed", 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/glitched-man-white-shirt-new-year-party_23-2148331853.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/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",
description: "The pulse of the city, day and night.",
icon: Zap,
title: "Urban Energy", 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/man-leaning-barbell-lifting-dumbbell_23-2147687562.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/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: "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",
],
},
{ id: "m1", value: "0g", 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: "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: "#",
},
],
},
{ id: "d1", name: "X-1 Shadow", 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: "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",
},
{ 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: "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={[
"Gaming Pro",
"Music Masters",
"Extreme Sports",
"Street Wear",
"Digital Media",
"Pulse Energy",
"Global Link",
]}
names={["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={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Join the inner circle for exclusive drops and massive discounts."
buttons={[
{
text: "Fuel Up",
href: "#",
},
]}
buttons={[{ 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: "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: "#",
},
],
},
{ title: "Products", items: [{ 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"
/>