Update src/app/page.tsx
This commit is contained in:
221
src/app/page.tsx
221
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
@@ -28,111 +28,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "programs",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Programs", id: "programs" },
|
||||
{ name: "About", id: "about" },
|
||||
]}
|
||||
brandName="LAID PERFORMANCE"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="REDEFINE YOUR LIMITS"
|
||||
description="Unlock the elite performance protocols and premium apparel used by top-tier athletes worldwide."
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="DOMINATE YOUR TRAINING"
|
||||
description="Science-backed programming and premium apparel for the elite athlete in you. Join the movement that redefines performance standards."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Now",
|
||||
href: "#programs",
|
||||
},
|
||||
{
|
||||
text: "Shop Gear",
|
||||
href: "#shop",
|
||||
},
|
||||
{ text: "Start Training", href: "#programs" },
|
||||
{ text: "Browse Gear", href: "#shop" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-bodybuilding-photography-of-1774817754477-33a300bd.png"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-a-young-man-fit-1774817752822-7f09d06c.png",
|
||||
alt: "Athlete 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-a-young-woman-a-1774817752612-58d584b2.png",
|
||||
alt: "Athlete 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-an-athlete-musc-1774817752485-74cf5e45.png",
|
||||
alt: "Athlete 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-a-fitness-enthu-1774817752140-5b9fb9fc.png",
|
||||
alt: "Athlete 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-a-young-man-fit-1774817752822-7f09d06c.png",
|
||||
alt: "Athlete 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Joined by 500k+ athletes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Programming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Aesthetics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Driven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Science Based",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Zero Compromise",
|
||||
},
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-bodybuilding-photography-of-1774817754477-33a300bd.png" },
|
||||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-a-young-man-fit-1774817752822-7f09d06c.png" },
|
||||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-a-young-woman-a-1774817752612-58d584b2.png" },
|
||||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-an-athlete-musc-1774817752485-74cf5e45.png" },
|
||||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-a-fitness-enthu-1774817752140-5b9fb9fc.png" },
|
||||
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-bodybuilding-photography-of-1774817754477-33a300bd.png" }
|
||||
]}
|
||||
ariaLabel="Hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="BY THE NUMBERS"
|
||||
tag="Performance Stats"
|
||||
title="THE PROOF IS IN THE RESULTS"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500K+",
|
||||
description: "Global Athletes",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120M",
|
||||
description: "Lbs Lifted",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Performance Focused",
|
||||
},
|
||||
{ id: "m1", value: "500K+", description: "Active Athletes" },
|
||||
{ id: "m2", value: "120M", description: "Lbs Lifted Globally" },
|
||||
{ id: "m3", value: "100%", description: "Performance Driven" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -140,127 +73,59 @@ export default function LandingPage() {
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardFour
|
||||
animationType="scale-rotate"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Performance Whey",
|
||||
price: "$59.00",
|
||||
variant: "Chocolate",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/high-quality-studio-shot-of-premium-prot-1774817751995-2141680b.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Training Stringer",
|
||||
price: "$34.00",
|
||||
variant: "Midnight",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/athletic-apparel-specifically-a-high-per-1774817752474-5474ed00.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Elite Shaker",
|
||||
price: "$19.00",
|
||||
variant: "Matte Black",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/fitness-accessories-minimalist-gym-shake-1774817752357-cf40d23b.png",
|
||||
},
|
||||
{ id: "p1", name: "Performance Whey", price: "$59.00", variant: "Chocolate", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/high-quality-studio-shot-of-premium-prot-1774817751995-2141680b.png" },
|
||||
{ id: "p2", name: "Training Stringer", price: "$34.00", variant: "Midnight", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/athletic-apparel-specifically-a-high-per-1774817752474-5474ed00.png" },
|
||||
{ id: "p3", name: "Elite Shaker", price: "$19.00", variant: "Matte Black", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/fitness-accessories-minimalist-gym-shake-1774817752357-cf40d23b.png" },
|
||||
]}
|
||||
title="PREMIUM PERFORMANCE GEAR"
|
||||
description="Engineered for maximum intensity and aesthetic dominance."
|
||||
title="PREMIUM APPAREL & NUTRITION"
|
||||
description="Gear up with the same equipment and fuel used by the strongest athletes in the world."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="programs" data-section="programs">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No generic cookie-cutter plans",
|
||||
"Zero guesswork",
|
||||
"Constant intensity",
|
||||
"No wasted volume",
|
||||
"No plateaus",
|
||||
],
|
||||
items: ["No generic plans", "Zero guesswork", "No wasted effort"]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Hypertrophy focus",
|
||||
"Advanced progressive overload",
|
||||
"Detailed nutrition breakdown",
|
||||
"Recovery optimization",
|
||||
"Weekly tracking",
|
||||
],
|
||||
items: ["Hypertrophy Focus", "Advanced Overload", "Weekly Progression Tracking"]
|
||||
}}
|
||||
title="PROGRAM COMPARISON"
|
||||
description="Choose the intensity path that aligns with your genetic potential and goals."
|
||||
title="PROGRAMS THAT DELIVER"
|
||||
description="Strategic hypertrophy and strength programming designed to push you beyond previous plateaus."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="scale-rotate"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexfit",
|
||||
testimonial: "The intensity levels are unmatched. My gains hit a new plateau within 4 weeks.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-a-young-man-fit-1774817752822-7f09d06c.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P.",
|
||||
handle: "@jordan_lifts",
|
||||
testimonial: "Clean design, even cleaner programming. Best in the game right now.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-a-young-woman-a-1774817752612-58d584b2.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah_trains",
|
||||
testimonial: "Actually useful content. No fluff, just results.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-an-athlete-musc-1774817752485-74cf5e45.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike D.",
|
||||
handle: "@mike_training",
|
||||
testimonial: "Finally, a program that treats physique goals with scientific seriousness.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-a-fitness-enthu-1774817752140-5b9fb9fc.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily S.",
|
||||
handle: "@emily_lifts",
|
||||
testimonial: "Everything I needed to break through my progress wall.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdSwgbrX2YvM6S7nhI5iI5DW9i/professional-portrait-of-a-young-man-fit-1774817752822-7f09d06c.png?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", handle: "@alexfit", testimonial: "The intensity levels are unmatched. Gains hit a new peak within 4 weeks." },
|
||||
{ id: "t2", name: "Jordan P.", handle: "@jordan_lifts", testimonial: "Clean design, even cleaner programming. Best in the game." },
|
||||
{ id: "t3", name: "Sarah K.", handle: "@sarah_trains", testimonial: "Actually useful content. No fluff, just results." },
|
||||
]}
|
||||
title="TRANSFORMATION STORIES"
|
||||
description="Real results from athletes who demanded more from their training."
|
||||
title="BUILT FOR RESULTS"
|
||||
description="Hear from athletes who turned their physique ambitions into reality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="LAID PERFORMANCE"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user