Merge version_2 into main #2
354
src/app/page.tsx
354
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ApexFitness"
|
||||
/>
|
||||
@@ -54,118 +46,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevate Your Fitness Journey"
|
||||
description="High-quality, durable home gym equipment built for results. Transform your space into your personal training sanctuary."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-composition-minimal-style_23-2149006334.jpg?_wi=1",
|
||||
imageAlt: "Adjustable Dumbbells",
|
||||
},
|
||||
imageSrc: "https://images.unsplash.com/photo-1540497077202-7b8a3e55ab0c?auto=format&fit=crop&q=80&w=800", imageAlt: "Man and woman training together at sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-out-alone_23-2149089393.jpg?_wi=1",
|
||||
imageAlt: "Resistance Bands Set",
|
||||
},
|
||||
imageSrc: "https://images.unsplash.com/photo-1517838277536-f5f99be501cd?auto=format&fit=crop&q=80&w=800", imageAlt: "Couple exercising outdoor sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-stance-fists_23-2148241611.jpg?_wi=1",
|
||||
imageAlt: "Push-up Board",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-picture-person-holding-small-blue-dumbbell_181624-14999.jpg?_wi=1",
|
||||
imageAlt: "Gym Gloves",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothing-doing-yoga-medi_1258-106996.jpg?_wi=1",
|
||||
imageAlt: "Ab Roller Wheel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sporty-woman-holding-device_23-2149168696.jpg?_wi=1",
|
||||
imageAlt: "Protein Shaker Bottle",
|
||||
},
|
||||
imageSrc: "https://images.unsplash.com/photo-1526506118085-60ce8714f8c5?auto=format&fit=crop&q=80&w=800", imageAlt: "People working out at golden hour"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sporty-woman-holding-device_23-2149168696.jpg?_wi=2",
|
||||
imageAlt: "Protein Shaker Bottle",
|
||||
},
|
||||
imageSrc: "https://images.unsplash.com/photo-1571019613454-1b2f9dd80373?auto=format&fit=crop&q=80&w=800", imageAlt: "Group fitness at sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothing-doing-yoga-medi_1258-106996.jpg?_wi=2",
|
||||
imageAlt: "Ab Roller Wheel",
|
||||
},
|
||||
imageSrc: "https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&q=80&w=800", imageAlt: "Man and woman exercising at sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-picture-person-holding-small-blue-dumbbell_181624-14999.jpg?_wi=2",
|
||||
imageAlt: "Gym Gloves",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-stance-fists_23-2148241611.jpg?_wi=2",
|
||||
imageAlt: "Push-up Board",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-out-alone_23-2149089393.jpg?_wi=2",
|
||||
imageAlt: "Resistance Bands Set",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-composition-minimal-style_23-2149006334.jpg?_wi=2",
|
||||
imageAlt: "Adjustable Dumbbells",
|
||||
},
|
||||
imageSrc: "https://images.unsplash.com/photo-1549476464-37392f717541?auto=format&fit=crop&q=80&w=800", imageAlt: "Fitness partners outdoor training"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sport-composition-minimal-style_23-2149006334.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-out-alone_23-2149089393.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-stance-fists_23-2148241611.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-picture-person-holding-small-blue-dumbbell_181624-14999.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothing-doing-yoga-medi_1258-106996.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ athletes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/sport-composition-minimal-style_23-2149006334.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-out-alone_23-2149089393.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-stance-fists_23-2148241611.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-picture-person-holding-small-blue-dumbbell_181624-14999.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothing-doing-yoga-medi_1258-106996.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,48 +80,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Adjustable Dumbbells",
|
||||
price: "$129.00",
|
||||
variant: "Premium Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-composition-minimal-style_23-2149006334.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Resistance Bands Set",
|
||||
price: "$39.00",
|
||||
variant: "Latex-Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-out-alone_23-2149089393.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Push-up Board",
|
||||
price: "$45.00",
|
||||
variant: "Multi-Function",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-stance-fists_23-2148241611.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gym Gloves",
|
||||
price: "$25.00",
|
||||
variant: "Breathable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-picture-person-holding-small-blue-dumbbell_181624-14999.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ab Roller Wheel",
|
||||
price: "$29.00",
|
||||
variant: "Heavy Duty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothing-doing-yoga-medi_1258-106996.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Protein Shaker Bottle",
|
||||
price: "$15.00",
|
||||
variant: "Leak Proof",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sporty-woman-holding-device_23-2149168696.jpg?_wi=3",
|
||||
},
|
||||
{ id: "1", name: "Pro Dumbbells", price: "$129.00", variant: "Set", imageSrc: "https://images.unsplash.com/photo-1583454110551-21f2fa2afe61?auto=format&fit=crop&q=80&w=600" },
|
||||
{ id: "2", name: "Resistance Kit", price: "$39.00", variant: "Pro", imageSrc: "https://images.unsplash.com/photo-1598289456812-5106155694a1?auto=format&fit=crop&q=80&w=600" },
|
||||
{ id: "3", name: "Push-up Board", price: "$45.00", variant: "Foldable", imageSrc: "https://images.unsplash.com/photo-1574680178050-55c6a6a96e0a?auto=format&fit=crop&q=80&w=600" },
|
||||
{ id: "4", name: "Gym Gloves", price: "$25.00", variant: "Leather", imageSrc: "https://images.unsplash.com/photo-1599058917765-a780eda07a3e?auto=format&fit=crop&q=80&w=600" },
|
||||
]}
|
||||
title="Essential Fitness Gear"
|
||||
description="Pro-grade equipment for every fitness level."
|
||||
@@ -230,26 +96,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Premium Quality",
|
||||
description: "Rigorous testing to ensure long-lasting durability for your home gym.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Fast Shipping",
|
||||
description: "We ensure your gear reaches you quickly and safely across the country.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Secure Checkout",
|
||||
description: "Shop with total confidence using our encrypted and secure payment gateways.",
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Affordable Prices",
|
||||
description: "Professional quality fitness gear without the markup of traditional retailers.",
|
||||
},
|
||||
{ icon: CheckCircle, title: "Premium Quality", description: "Rigorous testing for durability." },
|
||||
{ icon: Truck, title: "Fast Shipping", description: "Quick delivery to your door." },
|
||||
{ icon: ShieldCheck, title: "Secure", description: "Encrypted payments always." },
|
||||
{ icon: DollarSign, title: "Value", description: "Pro quality, no markup." },
|
||||
]}
|
||||
title="Why Choose ApexFitness?"
|
||||
description="Quality meets reliability in every piece of equipment we sell."
|
||||
@@ -263,27 +113,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "b1",
|
||||
name: "Adjustable Dumbbells",
|
||||
price: "$129.00",
|
||||
variant: "Top Choice",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-composition-minimal-style_23-2149006334.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
name: "Resistance Bands Set",
|
||||
price: "$39.00",
|
||||
variant: "Best Value",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-out-alone_23-2149089393.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
name: "Ab Roller Wheel",
|
||||
price: "$29.00",
|
||||
variant: "Core Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothing-doing-yoga-medi_1258-106996.jpg?_wi=4",
|
||||
},
|
||||
{ id: "b1", name: "Pro Dumbbells", price: "$129.00", variant: "Best Seller", imageSrc: "https://images.unsplash.com/photo-1583454110551-21f2fa2afe61?auto=format&fit=crop&q=80&w=600" },
|
||||
{ id: "b2", name: "Resistance Kit", price: "$39.00", variant: "Top Rated", imageSrc: "https://images.unsplash.com/photo-1598289456812-5106155694a1?auto=format&fit=crop&q=80&w=600" },
|
||||
{ id: "b3", name: "Ab Roller", price: "$29.00", variant: "Essential", imageSrc: "https://images.unsplash.com/photo-1574680178050-55c6a6a96e0a?auto=format&fit=crop&q=80&w=600" },
|
||||
]}
|
||||
title="Our Best Sellers"
|
||||
description="See what the community is training with right now."
|
||||
@@ -295,61 +127,11 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Beginner Fitness Enthusiast",
|
||||
company: "Home Workout Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-picture-person-holding-small-blue-dumbbell_181624-14999.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Gym Veteran",
|
||||
company: "Powerlifting Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-composition-minimal-style_23-2149006334.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
role: "Fitness Coach",
|
||||
company: "FitOnline",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-out-alone_23-2149089393.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Marathon Runner",
|
||||
company: "Road Runners Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothing-doing-yoga-medi_1258-106996.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
role: "Yoga Instructor",
|
||||
company: "Studio Zen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-stance-fists_23-2148241611.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "15k+",
|
||||
label: "Active Users",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{ value: "15k+", label: "Active Users" },
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "98%", label: "Satisfaction Rate" },
|
||||
]}
|
||||
title="Customer Success Stories"
|
||||
description="Join thousands of fitness enthusiasts who trust ApexFitness for their journey."
|
||||
@@ -361,21 +143,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Commitment to You"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Experience",
|
||||
value: "10+ Years",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Community",
|
||||
value: "20k+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Products",
|
||||
value: "500+",
|
||||
},
|
||||
{ icon: Award, label: "Experience", value: "10+ Years" },
|
||||
{ icon: Users, label: "Community", value: "20k+" },
|
||||
{ icon: CheckCircle, label: "Products", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -384,71 +154,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Need Help Choosing?"
|
||||
description="Have questions about our equipment? Our expert team is here to help you build your perfect workout space."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
description="Our expert team is here to help you build your perfect workout space."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#best-sellers",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 ApexFitness Store."
|
||||
bottomRightText="All rights reserved."
|
||||
@@ -457,4 +175,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user