bender/7b6d6041-f30d-41a7-b8ff-c109abe4a015
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-07 13:39:37 +00:00
parent ae681a15f1
commit 52a8e7defe
1 changed files with 50 additions and 342 deletions
Download Patch File Download Diff File Expand all files Collapse all files

392
src/app/page.tsx
View File

@@ -33,96 +33,41 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "Shop",
id: "products",
},
{
name: "Story",
id: "about",
},
{
name: "FAQ",
id: "faq",
},
{ name: "Home", id: "home" },
{ name: "Shop", id: "products" },
{ name: "Story", id: "about" },
{ name: "FAQ", id: "faq" },
]}
brandName="BRAVE & ACTIVE"
button={{
text: "Shop Now",
href: "#products",
}}
button={{ text: "Shop Now", href: "#products" }}
/>
</div>
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="BUILT FOR THE BRAVE"
description="Luxury performance wear for people who refuse average. Dominate your training."
buttons={[
{
text: "Shop Collection",
href: "#products",
},
{
text: "Explore Movement",
href: "#about",
},
{ text: "Shop Collection", href: "#products" },
{ text: "Explore Movement", href: "#about" },
]}
imageSrc="http://img.b2bpic.net/free-photo/man-posing-fashion-stairs-with-bottle-water_23-2148375984.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/man-posing-fashion-stairs-with-bottle-water_23-2148375984.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-sport-fitness-outfit-rooftop-making-work-out_285396-11055.jpg",
alt: "Elite athlete portrait",
},
{
src: "http://img.b2bpic.net/free-photo/active-slim-woman-with-curly-hair-raises-leg-warms-up-before-fitness-workout-dressed-activewear-sneakers-listens-audio-track-via-headphones-focused-down-poses-against-urban-city-building_273609-59912.jpg",
alt: "Focused athlete portrait",
},
{
src: "http://img.b2bpic.net/free-photo/young-handsome-sporty-man-earphones-thoughtfully-using-cellphone-after-workout-outdoor_574295-5121.jpg",
alt: "Determined athlete portrait",
},
{
src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058861.jpg",
alt: "Professional athlete portrait",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-with-closed-eyes_176420-3987.jpg",
alt: "Performance athlete portrait",
},
{ src: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-sport-fitness-outfit-rooftop-making-work-out_285396-11055.jpg", alt: "Elite athlete portrait" },
{ src: "http://img.b2bpic.net/free-photo/active-slim-woman-with-curly-hair-raises-leg-warms-up-before-fitness-workout-dressed-activewear-sneakers-listens-audio-track-via-headphones-focused-down-poses-against-urban-city-building_273609-59912.jpg", alt: "Focused athlete portrait" },
{ src: "http://img.b2bpic.net/free-photo/young-handsome-sporty-man-earphones-thoughtfully-using-cellphone-after-workout-outdoor_574295-5121.jpg", alt: "Determined athlete portrait" },
{ src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058861.jpg", alt: "Professional athlete portrait" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-with-closed-eyes_176420-3987.jpg", alt: "Performance athlete portrait" },
]}
avatarText="Trusted by 100k+ Elite Performers"
marqueeItems={[
{
type: "text",
text: "PRECISION ENGINEERED",
},
{
type: "text-icon",
text: "LIMITLESS",
icon: Zap,
},
{
type: "text",
text: "DURABLE",
},
{
type: "text-icon",
text: "BREATHABLE",
icon: Wind,
},
{
type: "text",
text: "UNCOMPROMISING",
},
{ type: "text", text: "PRECISION ENGINEERED" },
{ type: "text-icon", text: "LIMITLESS", icon: Zap },
{ type: "text", text: "DURABLE" },
{ type: "text-icon", text: "BREATHABLE", icon: Wind },
{ type: "text", text: "UNCOMPROMISING" },
]}
/>
</div>
@@ -131,21 +76,10 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "THE BRAVE MENTALITY",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/woman-sports-clothes-beach_23-2147802928.jpg",
},
]}
buttons={[
{
text: "Our Story",
href: "#about",
},
{ type: "text", content: "THE BRAVE MENTALITY" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-sports-clothes-beach_23-2147802928.jpg" },
]}
buttons={[{ text: "Our Story", href: "#about" }]}
/>
</div>
@@ -155,51 +89,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Advanced Compression",
description: "Supportive fabric tech.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/various-turquoise-colored-designer-fabrics-inside-textile-store_181624-14416.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg?_wi=1",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-fashion-stairs-with-bottle-water_23-2148375984.jpg?_wi=2",
imageAlt: "techwear fabric macro detail",
},
{
title: "Breathability",
description: "Adaptive cooling zones.",
icon: Wind,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575374.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-presentation_23-2151005715.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-sports-clothes-beach_23-2147802928.jpg?_wi=1",
imageAlt: "techwear fabric macro detail",
},
{
title: "Durability",
description: "Built for intensity.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/texture-background-with-golden-fabric-generative-ai_169016-30540.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-presentation_23-2151005703.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-sitting-stairs_23-2148760592.jpg?_wi=1",
imageAlt: "techwear fabric macro detail",
},
{ title: "Advanced Compression", description: "Supportive fabric tech.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/various-turquoise-colored-designer-fabrics-inside-textile-store_181624-14416.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg" }] },
{ title: "Breathability", description: "Adaptive cooling zones.", icon: Wind, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575374.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-presentation_23-2151005715.jpg" }] },
{ title: "Durability", description: "Built for intensity.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/texture-background-with-golden-fabric-generative-ai_169016-30540.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-presentation_23-2151005703.jpg" }] },
]}
title="ELITE PERFORMANCE"
description="Precision-engineered apparel designed for peak human potential."
@@ -208,64 +100,17 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Brave & Active",
name: "Tech Hoodie",
price: "$120",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-sitting-stairs_23-2148760592.jpg?_wi=2",
},
{
id: "2",
brand: "Brave & Active",
name: "Compression Leggings",
price: "$85",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-isolated-grey-surface_176420-11911.jpg",
},
{
id: "3",
brand: "Brave & Active",
name: "Core Tee",
price: "$55",
rating: 4,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-player-holding-basketball-close-hip_23-2148432516.jpg",
},
{
id: "4",
brand: "Brave & Active",
name: "Utility Bag",
price: "$60",
rating: 5,
reviewCount: "50",
imageSrc: "http://img.b2bpic.net/free-photo/empty-deluxe-ski-complex-winter_482257-76604.jpg",
},
{
id: "5",
brand: "Brave & Active",
name: "Shell Jacket",
price: "$210",
rating: 5,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-jogging_329181-16744.jpg",
},
{
id: "6",
brand: "Brave & Active",
name: "Weight Belt",
price: "$45",
rating: 4,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100712.jpg",
},
{ id: "1", brand: "Brave & Active", name: "Tech Hoodie", price: "$120", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-sitting-stairs_23-2148760592.jpg" },
{ id: "2", brand: "Brave & Active", name: "Compression Leggings", price: "$85", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-isolated-grey-surface_176420-11911.jpg" },
{ id: "3", brand: "Brave & Active", name: "Core Tee", price: "$55", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-player-holding-basketball-close-hip_23-2148432516.jpg" },
{ id: "4", brand: "Brave & Active", name: "Utility Bag", price: "$60", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/empty-deluxe-ski-complex-winter_482257-76604.jpg" },
{ id: "5", brand: "Brave & Active", name: "Shell Jacket", price: "$210", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-jogging_329181-16744.jpg" },
{ id: "6", brand: "Brave & Active", name: "Weight Belt", price: "$45", rating: 4, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100712.jpg" },
]}
title="LATEST DROPS"
description="Engineered for excellence. Shop the collection."
@@ -279,27 +124,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100K+",
title: "Athletes",
description: "Active community members",
icon: Users,
},
{
id: "m2",
value: "50+",
title: "Countries",
description: "Global distribution",
icon: Globe,
},
{
id: "m3",
value: "99%",
title: "Satisfaction",
description: "Premium quality assurance",
icon: Award,
},
{ id: "m1", value: "100K+", title: "Athletes", description: "Active community members", icon: Users },
{ id: "m2", value: "50+", title: "Countries", description: "Global distribution", icon: Globe },
{ id: "m3", value: "99%", title: "Satisfaction", description: "Premium quality assurance", icon: Award },
]}
title="GLOBAL IMPACT"
description="Building the future of athletic culture."
@@ -310,13 +137,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Iron Gym",
"Titan Fitness",
"Apex Sports",
"Core Athletics",
"Prime Health",
]}
names={["Iron Gym", "Titan Fitness", "Apex Sports", "Core Athletics", "Prime Health"]}
title="TRUSTED BY ELITE"
description="Our brand is worn by the best in the world."
/>
@@ -327,61 +148,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Mark R.",
date: "Jan 2024",
title: "Athlete",
quote: "The quality is simply unmatched.",
tag: "Elite",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-bodybuilder-sportswear-standing-with-crossed-arms-studio-isolated-gray-background_613910-19687.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-fashion-stairs-with-bottle-water_23-2148375984.jpg?_wi=3",
imageAlt: "athletic portrait studio",
},
{
id: "2",
name: "Sarah J.",
date: "Feb 2024",
title: "Runner",
quote: "Best gear I've ever owned.",
tag: "Pro",
avatarSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1589.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sports-clothes-beach_23-2147802928.jpg?_wi=2",
imageAlt: "athletic portrait studio",
},
{
id: "3",
name: "Alex K.",
date: "Mar 2024",
title: "Trainer",
quote: "Pure performance and style.",
tag: "Expert",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/various-turquoise-colored-designer-fabrics-inside-textile-store_181624-14416.jpg?_wi=2",
imageAlt: "athletic portrait studio",
},
{
id: "4",
name: "Elena V.",
date: "Apr 2024",
title: "Lifter",
quote: "Brave & Active changed my game.",
tag: "Elite",
avatarSrc: "http://img.b2bpic.net/free-photo/redhead-sportswoman-cross-arms-chest-smiling-workout-gym-standing-sportsbra-against-white-background_176420-48994.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg?_wi=2",
imageAlt: "athletic portrait studio",
},
{
id: "5",
name: "Kevin L.",
date: "May 2024",
title: "Coach",
quote: "Elite lifestyle, elite results.",
tag: "Expert",
avatarSrc: "http://img.b2bpic.net/free-photo/view-female-soccer-player_23-2150888389.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-sitting-stairs_23-2148760592.jpg?_wi=3",
imageAlt: "athletic portrait studio",
},
{ id: "1", name: "Mark R.", date: "Jan 2024", title: "Athlete", quote: "The quality is simply unmatched.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-bodybuilder-sportswear-standing-with-crossed-arms-studio-isolated-gray-background_613910-19687.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-posing-fashion-stairs-with-bottle-water_23-2148375984.jpg" },
{ id: "2", name: "Sarah J.", date: "Feb 2024", title: "Runner", quote: "Best gear I've ever owned.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1589.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-sports-clothes-beach_23-2147802928.jpg" },
{ id: "3", name: "Alex K.", date: "Mar 2024", title: "Trainer", quote: "Pure performance and style.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg", imageSrc: "http://img.b2bpic.net/free-photo/various-turquoise-colored-designer-fabrics-inside-textile-store_181624-14416.jpg" },
{ id: "4", name: "Elena V.", date: "Apr 2024", title: "Lifter", quote: "Brave & Active changed my game.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/redhead-sportswoman-cross-arms-chest-smiling-workout-gym-standing-sportsbra-against-white-background_176420-48994.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg" },
{ id: "5", name: "Kevin L.", date: "May 2024", title: "Coach", quote: "Elite lifestyle, elite results.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/view-female-soccer-player_23-2150888389.jpg", imageSrc: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-sitting-stairs_23-2148760592.jpg" },
]}
title="THE BRAVE TESTIMONIALS"
description="Hear from our community members."
@@ -393,21 +164,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What makes it luxury?",
content: "Premium materials, high precision.",
},
{
id: "f2",
title: "How is shipping?",
content: "Fast, global, insured.",
},
{
id: "f3",
title: "Can I return items?",
content: "Within 30 days hassle-free.",
},
{ id: "f1", title: "What makes it luxury?", content: "Premium materials, high precision." },
{ id: "f2", title: "How is shipping?", content: "Fast, global, insured." },
{ id: "f3", title: "Can I return items?", content: "Within 30 days hassle-free." },
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-low-poly-plexus-design-background_1048-12191.jpg"
title="COMMONLY ASKED"
@@ -420,16 +179,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
text="READY TO DOMINATE? JOIN THE ELITE."
buttons={[
{
text: "Contact Support",
href: "#",
},
]}
buttons={[{ text: "Contact Support", href: "#" }]}
/>
</div>
@@ -437,57 +189,13 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="BRAVE & ACTIVE"
columns={[
{
title: "Shop",
items: [
{
label: "New Arrivals",
href: "#",
},
{
label: "Apparel",
href: "#",
},
{
label: "Accessories",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "Our Story",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Contact",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Shop", items: [{ label: "New Arrivals", href: "#" }, { label: "Apparel", href: "#" }, { label: "Accessories", href: "#" }] },
{ title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}