Update src/app/page.tsx
This commit is contained in:
320
src/app/page.tsx
320
src/app/page.tsx
@@ -25,235 +25,109 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
]}
|
||||
brandName="APERTOS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
]}
|
||||
brandName="APERTOS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="APERTOS"
|
||||
description="Engineers for Dominance"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
role: "Pro MMA Athlete",
|
||||
testimonial: "The precision engineering in this gear changes how I move in the cage.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sportswear-boxing-training-center_23-2148416720.jpg?_wi=1",
|
||||
imageAlt: "professional mma fighter minimalist background",
|
||||
},
|
||||
{
|
||||
name: "Jordan S.",
|
||||
role: "BJJ Black Belt",
|
||||
testimonial: "Durability is unmatched. Apertos is standard for serious grapplers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-man-black-with-jump-rope_23-2148203611.jpg?_wi=1",
|
||||
imageAlt: "professional mma fighter minimalist background",
|
||||
},
|
||||
{
|
||||
name: "Mikael T.",
|
||||
role: "Pro Judo Athlete",
|
||||
testimonial: "Performance fabric that actually withstands the grind. Essential.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg?_wi=1",
|
||||
imageAlt: "professional mma fighter minimalist background",
|
||||
},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
role: "Striker",
|
||||
testimonial: "Clean, minimal, elite. The best gear I've worn in my career.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894495.jpg?_wi=1",
|
||||
imageAlt: "professional mma fighter minimalist background",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
role: "Wrestler",
|
||||
testimonial: "Unrestricted motion. Pure dominance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-exercising-gym_23-2147827935.jpg?_wi=1",
|
||||
imageAlt: "professional mma fighter minimalist background",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-sportswear-boxing-training-center_23-2148416720.jpg?_wi=2"
|
||||
imageAlt="Professional fighter in gear"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-sportswear-boxing-training-center_23-2148416719.jpg",
|
||||
alt: "Athlete 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-biker-portrait-25-years-man-motorcycle-protective-jacket-wit-helmet_343059-833.jpg",
|
||||
alt: "Athlete 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-art-style-boxing-day-celebration_23-2151040777.jpg",
|
||||
alt: "Athlete 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/strong-athletic-man-with-naked-body-military-pants-working-gloves-rope-concrete-wall_613910-16640.jpg",
|
||||
alt: "Athlete 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-sportswear-boxing-training-center_23-2148416720.jpg",
|
||||
alt: "Athlete 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ENGINEERED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MINIMAL",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ULTRA-ELITE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PERFORMANCE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "DOMINANCE",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="APERTOS"
|
||||
description="Engineers for Dominance"
|
||||
testimonials={[
|
||||
{ name: "Alex R.", handle: "@alexr", testimonial: "The precision engineering in this gear changes how I move in the cage.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sportswear-boxing-training-center_23-2148416720.jpg", imageAlt: "professional mma fighter minimalist background" },
|
||||
{ name: "Jordan S.", handle: "@jordans", testimonial: "Durability is unmatched. Apertos is standard for serious grapplers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-black-man-black-with-jump-rope_23-2148203611.jpg", imageAlt: "professional mma fighter minimalist background" },
|
||||
{ name: "Mikael T.", handle: "@mikaelt", testimonial: "Performance fabric that actually withstands the grind. Essential.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg", imageAlt: "professional mma fighter minimalist background" },
|
||||
{ name: "Sarah L.", handle: "@sarahl", testimonial: "Clean, minimal, elite. The best gear I've worn in my career.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894495.jpg", imageAlt: "professional mma fighter minimalist background" },
|
||||
{ name: "David W.", handle: "@davidw", testimonial: "Unrestricted motion. Pure dominance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-exercising-gym_23-2147827935.jpg", imageAlt: "professional mma fighter minimalist background" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "/shop" },
|
||||
{ text: "View Collection", href: "/shop" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-sportswear-boxing-training-center_23-2148416720.jpg"
|
||||
imageAlt="Professional fighter in gear"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-sportswear-boxing-training-center_23-2148416719.jpg", alt: "Athlete 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-biker-portrait-25-years-man-motorcycle-protective-jacket-wit-helmet_343059-833.jpg", alt: "Athlete 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/digital-art-style-boxing-day-celebration_23-2151040777.jpg", alt: "Athlete 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/strong-athletic-man-with-naked-body-military-pants-working-gloves-rope-concrete-wall_613910-16640.jpg", alt: "Athlete 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-sportswear-boxing-training-center_23-2148416720.jpg", alt: "Athlete 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "ENGINEERED" },
|
||||
{ type: "text", text: "MINIMAL" },
|
||||
{ type: "text", text: "ULTRA-ELITE" },
|
||||
{ type: "text", text: "PERFORMANCE" },
|
||||
{ type: "text", text: "DOMINANCE" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for athletes who perform under pressure. Every piece is engineered for control, durability, and dominance."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for athletes who perform under pressure. Every piece is engineered for control, durability, and dominance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Compression Fit",
|
||||
description: "Precision fit for ultimate grappling control.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-man-black-with-jump-rope_23-2148203611.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Fight-Grade",
|
||||
description: "Durable construction designed for the toughest battles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Moisture-Wicking",
|
||||
description: "High-performance fabric that stays light and dry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894495.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Engineered Performance"
|
||||
description="Minimal, functional, lethal."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Compression Fit", description: "Precision fit for ultimate grappling control.", imageSrc: "http://img.b2bpic.net/free-photo/young-black-man-black-with-jump-rope_23-2148203611.jpg" },
|
||||
{ title: "Fight-Grade", description: "Durable construction designed for the toughest battles.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg" },
|
||||
{ title: "Moisture-Wicking", description: "High-performance fabric that stays light and dry.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894495.jpg" },
|
||||
]}
|
||||
title="Engineered Performance"
|
||||
description="Minimal, functional, lethal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Pro Athletes"
|
||||
description="Our community represents the pinnacle of modern combat sports."
|
||||
names={[
|
||||
"UFC Pro League",
|
||||
"IBJJF Champions",
|
||||
"World Judo Tour",
|
||||
"Wrestling Federation",
|
||||
"Elite Striking League",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Pro Athletes"
|
||||
description="Our community represents the pinnacle of modern combat sports."
|
||||
names={[
|
||||
"UFC Pro League", "IBJJF Champions", "World Judo Tour", "Wrestling Federation", "Elite Striking League"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Join"
|
||||
title="Enter the world of Apertos"
|
||||
description="Ready to dominate?"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sporty-woman-exercising-gym_23-2147827935.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Shop Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join"
|
||||
title="Enter the world of Apertos"
|
||||
description="Ready to dominate?"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sporty-woman-exercising-gym_23-2147827935.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Shop Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="APERTOS"
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "BJJ Rashguards",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "BJJ Shorts",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Judo Gear",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="APERTOS"
|
||||
columns={[
|
||||
{ title: "Brand", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ title: "Shop", items: [{ label: "BJJ Rashguards", href: "/shop" }, { label: "BJJ Shorts", href: "/shop" }, { label: "Judo Gear", href: "/shop" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user