Merge version_1 into main #3
323
src/app/page.tsx
323
src/app/page.tsx
@@ -26,210 +26,139 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Store", id: "products"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="PeakFit"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Store", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="PeakFit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Upgrade Your Training Essentials"
|
||||
description="Premium fitness accessories designed for athletes who demand precision, durability, and performance in every movement."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.", handle: "@alexfit", testimonial: "The best gear I've ever used. Durable and sleek.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-sport-arrangement_23-2149006364.jpg", imageAlt: "professional fitness gym equipment athlete"},
|
||||
{
|
||||
name: "Jordan S.", handle: "@jordanlift", testimonial: "Revolutionized my daily workouts. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-running-treadmill-side-view_23-2149517326.jpg", imageAlt: "durable fitness gear quality"},
|
||||
{
|
||||
name: "Casey M.", handle: "@caseytrains", testimonial: "Incredible quality. Worth every single penny.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment_23-2148148926.jpg", imageAlt: "ergonomic gym training accessories"},
|
||||
{
|
||||
name: "Taylor P.", handle: "@taylorcoach", testimonial: "Perfect for my personal training studio.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-pair-boxing-gloves_23-2150367625.jpg", imageAlt: "durable construction gym accessories"},
|
||||
{
|
||||
name: "Morgan D.", handle: "@morgangym", testimonial: "Solid construction and great aesthetics.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-neatly-organized-arranged-sport-items_23-2150275266.jpg", imageAlt: "fitness resistance band set studio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-sport-arrangement_23-2149006364.jpg"
|
||||
imageAlt="Professional athlete training with premium accessories"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-camera-smiling-confident-with-arms-crossed-standing-white-background_141793-118472.jpg", alt: "Athlete 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg", alt: "Athlete 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", alt: "Athlete 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg", alt: "Athlete 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661014.jpg", alt: "Athlete 5"},
|
||||
],
|
||||
avatarText: "Trusted by 10,000+ athletes", marqueeItems: [
|
||||
{
|
||||
type: "text", text: "Durable"},
|
||||
{
|
||||
type: "text", text: "Ergonomic"},
|
||||
{
|
||||
type: "text", text: "High-Performance"},
|
||||
{
|
||||
type: "text", text: "Pro-Grade"},
|
||||
{
|
||||
type: "text", text: "Tested"},
|
||||
]
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Upgrade Your Training Essentials"
|
||||
description="Premium fitness accessories designed for athletes who demand precision, durability, and performance in every movement."
|
||||
testimonials={[
|
||||
{ name: "Alex R.", handle: "@alexfit", testimonial: "The best gear I've ever used. Durable and sleek.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-sport-arrangement_23-2149006364.jpg", imageAlt: "professional fitness gym equipment athlete" },
|
||||
{ name: "Jordan S.", handle: "@jordanlift", testimonial: "Revolutionized my daily workouts. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-running-treadmill-side-view_23-2149517326.jpg", imageAlt: "durable fitness gear quality" },
|
||||
{ name: "Casey M.", handle: "@caseytrains", testimonial: "Incredible quality. Worth every single penny.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment_23-2148148926.jpg", imageAlt: "ergonomic gym training accessories" },
|
||||
{ name: "Taylor P.", handle: "@taylorcoach", testimonial: "Perfect for my personal training studio.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-pair-boxing-gloves_23-2150367625.jpg", imageAlt: "durable construction gym accessories" },
|
||||
{ name: "Morgan D.", handle: "@morgangym", testimonial: "Solid construction and great aesthetics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/composition-with-neatly-organized-arranged-sport-items_23-2150275266.jpg", imageAlt: "fitness resistance band set studio" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-sport-arrangement_23-2149006364.jpg"
|
||||
imageAlt="Professional athlete training with premium accessories"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-camera-smiling-confident-with-arms-crossed-standing-white-background_141793-118472.jpg", alt: "Athlete 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg", alt: "Athlete 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", alt: "Athlete 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg", alt: "Athlete 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661014.jpg", alt: "Athlete 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ athletes"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Durable" },
|
||||
{ type: "text", text: "Ergonomic" },
|
||||
{ type: "text", text: "High-Performance" },
|
||||
{ type: "text", text: "Pro-Grade" },
|
||||
{ type: "text", text: "Tested" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Built for Durability", description: "High-grade materials ensuring longevity under heavy use.", imageSrc: "http://img.b2bpic.net/free-photo/people-running-treadmill-side-view_23-2149517326.jpg"},
|
||||
{
|
||||
title: "Ergonomic Excellence", description: "Designed to fit naturally and improve your form.", imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment_23-2148148926.jpg"},
|
||||
{
|
||||
title: "Elite Performance", description: "Tested by top-tier athletes for maximum output.", imageSrc: "http://img.b2bpic.net/free-photo/view-pair-boxing-gloves_23-2150367625.jpg"},
|
||||
]}
|
||||
title="Why Athletes Choose PeakFit"
|
||||
description="We engineer tools that bridge the gap between potential and peak performance."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Built for Durability", description: "High-grade materials ensuring longevity under heavy use.", imageSrc: "http://img.b2bpic.net/free-photo/people-running-treadmill-side-view_23-2149517326.jpg" },
|
||||
{ title: "Ergonomic Excellence", description: "Designed to fit naturally and improve your form.", imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment_23-2148148926.jpg" },
|
||||
{ title: "Elite Performance", description: "Tested by top-tier athletes for maximum output.", imageSrc: "http://img.b2bpic.net/free-photo/view-pair-boxing-gloves_23-2150367625.jpg" },
|
||||
]}
|
||||
title="Why Athletes Choose PeakFit"
|
||||
description="We engineer tools that bridge the gap between potential and peak performance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Resistance Band Set", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-neatly-organized-arranged-sport-items_23-2150275266.jpg"},
|
||||
{
|
||||
id: "p2", name: "Performance Lifting Gloves", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2148861953.jpg"},
|
||||
{
|
||||
id: "p3", name: "Pro Yoga Mat", price: "$69", imageSrc: "http://img.b2bpic.net/free-photo/yoga-outdoor-concept-health-body-care_185193-111343.jpg"},
|
||||
{
|
||||
id: "p4", name: "Speed Jump Rope", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-sporty-woman-black-t-shirt-with-headband-holding-two-skipping-ropes-looking-confused-having-doubts-standing-white-wall_141793-48358.jpg"},
|
||||
{
|
||||
id: "p5", name: "Deep Tissue Foam Roller", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-fitness-exercises-gym-holding-massage-foam-roller_169016-46927.jpg"},
|
||||
{
|
||||
id: "p6", name: "Elite Shaker Bottle", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yoga-essential-items_23-2149458906.jpg"},
|
||||
]}
|
||||
title="Pro-Grade Equipment Collection"
|
||||
description="Everything you need to level up your training sessions."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Resistance Band Set", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-neatly-organized-arranged-sport-items_23-2150275266.jpg" },
|
||||
{ id: "p2", name: "Performance Lifting Gloves", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2148861953.jpg" },
|
||||
{ id: "p3", name: "Pro Yoga Mat", price: "$69", imageSrc: "http://img.b2bpic.net/free-photo/yoga-outdoor-concept-health-body-care_185193-111343.jpg" },
|
||||
{ id: "p4", name: "Speed Jump Rope", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-sporty-woman-black-t-shirt-with-headband-holding-two-skipping-ropes-looking-confused-having-doubts-standing-white-wall_141793-48358.jpg" },
|
||||
{ id: "p5", name: "Deep Tissue Foam Roller", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-fitness-exercises-gym-holding-massage-foam-roller_169016-46927.jpg" },
|
||||
{ id: "p6", name: "Elite Shaker Bottle", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yoga-essential-items_23-2149458906.jpg" },
|
||||
]}
|
||||
title="Pro-Grade Equipment Collection"
|
||||
description="Everything you need to level up your training sessions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", title: "Game Changer", quote: "Essential for my daily routine.", name: "Sarah J.", role: "CrossFit Athlete", imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-camera-smiling-confident-with-arms-crossed-standing-white-background_141793-118472.jpg"},
|
||||
{
|
||||
id: "t2", title: "Pure Quality", quote: "I've never felt gear this robust.", name: "Marcus L.", role: "Personal Trainer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg"},
|
||||
{
|
||||
id: "t3", title: "Exceptional", quote: "My performance metrics are up.", name: "Elena K.", role: "Triathlete", imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg"},
|
||||
{
|
||||
id: "t4", title: "Highly Recommend", quote: "PeakFit is the new standard.", name: "Tom B.", role: "Weightlifter", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg"},
|
||||
{
|
||||
id: "t5", title: "Elite Grade", quote: "Reliability at its finest.", name: "Chloe F.", role: "Sports Pro", imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661014.jpg"},
|
||||
]}
|
||||
title="Loved by Global Athletes"
|
||||
description="Hear from the community pushing their limits daily."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Game Changer", quote: "Essential for my daily routine.", name: "Sarah J.", role: "CrossFit Athlete", imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-camera-smiling-confident-with-arms-crossed-standing-white-background_141793-118472.jpg" },
|
||||
{ id: "t2", title: "Pure Quality", quote: "I've never felt gear this robust.", name: "Marcus L.", role: "Personal Trainer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg" },
|
||||
{ id: "t3", title: "Exceptional", quote: "My performance metrics are up.", name: "Elena K.", role: "Triathlete", imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg" },
|
||||
{ id: "t4", title: "Highly Recommend", quote: "PeakFit is the new standard.", name: "Tom B.", role: "Weightlifter", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg" },
|
||||
{ id: "t5", title: "Elite Grade", quote: "Reliability at its finest.", name: "Chloe F.", role: "Sports Pro", imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661014.jpg" },
|
||||
]}
|
||||
title="Loved by Global Athletes"
|
||||
description="Hear from the community pushing their limits daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Shipping times?", content: "Orders typically arrive within 3-5 business days."},
|
||||
{
|
||||
id: "q2", title: "Are items returnable?", content: "Yes, return any unused items within 30 days."},
|
||||
{
|
||||
id: "q3", title: "Warranty provided?", content: "All gear comes with a 1-year performance warranty."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you train with confidence."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Shipping times?", content: "Orders typically arrive within 3-5 business days." },
|
||||
{ id: "q2", title: "Are items returnable?", content: "Yes, return any unused items within 30 days." },
|
||||
{ id: "q3", title: "Warranty provided?", content: "All gear comes with a 1-year performance warranty." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you train with confidence."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Stay Driven"
|
||||
description="Sign up for training tips and exclusive access to new product drops."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg"
|
||||
imageAlt="Modern fitness environment"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
title="Stay Driven"
|
||||
description="Sign up for training tips and exclusive access to new product drops."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg"
|
||||
imageAlt="Modern fitness environment"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About"},
|
||||
{
|
||||
label: "Careers"},
|
||||
{
|
||||
label: "Support"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All"},
|
||||
{
|
||||
label: "Deals"},
|
||||
{
|
||||
label: "New Arrivals"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy"},
|
||||
{
|
||||
label: "Terms"},
|
||||
{
|
||||
label: "Returns"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="PeakFit"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About" }, { label: "Careers" }, { label: "Support" }] },
|
||||
{ items: [{ label: "Shop All" }, { label: "Deals" }, { label: "New Arrivals" }] },
|
||||
{ items: [{ label: "Privacy" }, { label: "Terms" }, { label: "Returns" }] },
|
||||
]}
|
||||
logoText="PeakFit"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user