Merge version_1 into main #2
269
src/app/page.tsx
269
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FitWell"
|
||||
/>
|
||||
@@ -58,45 +48,28 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Elevate Your Health Journey"
|
||||
description="Premium fitness products, expert guidance, and a community dedicated to your personal growth and wellness."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg?_wi=1",
|
||||
imageAlt: "Hero Fitness Scene 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg", imageAlt: "Hero Fitness Scene 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg?_wi=2",
|
||||
imageAlt: "Hero Fitness Scene 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg", imageAlt: "Hero Fitness Scene 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg?_wi=3",
|
||||
imageAlt: "Hero Fitness Scene 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg", imageAlt: "Hero Fitness Scene 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg?_wi=4",
|
||||
imageAlt: "Hero Fitness Scene 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg", imageAlt: "Hero Fitness Scene 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg?_wi=5",
|
||||
imageAlt: "Hero Fitness Scene 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg", imageAlt: "Hero Fitness Scene 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg?_wi=6",
|
||||
imageAlt: "Hero Fitness Scene 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg", imageAlt: "Hero Fitness Scene 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,9 +79,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Wellness Partner"
|
||||
description={[
|
||||
"At FitWell, we believe health is a lifelong pursuit, not a destination. Our curated products and expert-led resources help you achieve balance.",
|
||||
"We prioritize sustainability, quality, and community support in every item we offer to ensure your fitness journey is both effective and enjoyable.",
|
||||
]}
|
||||
"At FitWell, we believe health is a lifelong pursuit, not a destination. Our curated products and expert-led resources help you achieve balance.", "We prioritize sustainability, quality, and community support in every item we offer to ensure your fitness journey is both effective and enjoyable."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,97 +88,38 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "FitWell",
|
||||
name: "Premium Whey Protein",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-yoga-essentials-arrangement_23-2149442703.jpg?_wi=1",
|
||||
},
|
||||
id: "1", brand: "FitWell", name: "Premium Whey Protein", price: "$45.00", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-yoga-essentials-arrangement_23-2149442703.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "FitWell",
|
||||
name: "Resistance Bands Set",
|
||||
price: "$29.00",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100699.jpg",
|
||||
},
|
||||
id: "2", brand: "FitWell", name: "Resistance Bands Set", price: "$29.00", rating: 4,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100699.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "TechFit",
|
||||
name: "Smart Fitness Watch",
|
||||
price: "$199.00",
|
||||
rating: 5,
|
||||
reviewCount: "452",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vr-headset-by-computer-gaming-technology_53876-97101.jpg",
|
||||
},
|
||||
id: "3", brand: "TechFit", name: "Smart Fitness Watch", price: "$199.00", rating: 5,
|
||||
reviewCount: "452", imageSrc: "http://img.b2bpic.net/free-photo/vr-headset-by-computer-gaming-technology_53876-97101.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "FitWell",
|
||||
name: "Adjustable Yoga Mat",
|
||||
price: "$55.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817415.jpg",
|
||||
},
|
||||
id: "4", brand: "FitWell", name: "Adjustable Yoga Mat", price: "$55.00", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817415.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "StrongHands",
|
||||
name: "Weightlifting Gloves",
|
||||
price: "$25.00",
|
||||
rating: 4,
|
||||
reviewCount: "76",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-gloves-medical-mask-gym-using-hand-sanitizer_23-2148769844.jpg",
|
||||
},
|
||||
id: "5", brand: "StrongHands", name: "Weightlifting Gloves", price: "$25.00", rating: 4,
|
||||
reviewCount: "76", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-gloves-medical-mask-gym-using-hand-sanitizer_23-2148769844.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "RecovTech",
|
||||
name: "Pro Massage Gun",
|
||||
price: "$120.00",
|
||||
rating: 5,
|
||||
reviewCount: "340",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-hydrating_23-2149177977.jpg",
|
||||
},
|
||||
id: "6", brand: "RecovTech", name: "Pro Massage Gun", price: "$120.00", rating: 5,
|
||||
reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-hydrating_23-2149177977.jpg"},
|
||||
{
|
||||
id: "7",
|
||||
brand: "HydroFlow",
|
||||
name: "Insulated Steel Bottle",
|
||||
price: "$35.00",
|
||||
rating: 4,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-with-paddleboard_23-2149105065.jpg",
|
||||
},
|
||||
id: "7", brand: "HydroFlow", name: "Insulated Steel Bottle", price: "$35.00", rating: 4,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-with-paddleboard_23-2149105065.jpg"},
|
||||
{
|
||||
id: "8",
|
||||
brand: "LiftGear",
|
||||
name: "Leather Lifting Belt",
|
||||
price: "$48.00",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-athletic-sportswear-girl-training-gym_1157-13757.jpg",
|
||||
},
|
||||
id: "8", brand: "LiftGear", name: "Leather Lifting Belt", price: "$48.00", rating: 5,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-athletic-sportswear-girl-training-gym_1157-13757.jpg"},
|
||||
{
|
||||
id: "9",
|
||||
brand: "SpeedFast",
|
||||
name: "Professional Jump Rope",
|
||||
price: "$15.00",
|
||||
rating: 4,
|
||||
reviewCount: "112",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-training_23-2149137093.jpg",
|
||||
},
|
||||
id: "9", brand: "SpeedFast", name: "Professional Jump Rope", price: "$15.00", rating: 4,
|
||||
reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-training_23-2149137093.jpg"},
|
||||
{
|
||||
id: "10",
|
||||
brand: "RecoveryPro",
|
||||
name: "Deep Tissue Foam Roller",
|
||||
price: "$22.00",
|
||||
rating: 5,
|
||||
reviewCount: "188",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-tolerating-heat-wave_23-2149101357.jpg",
|
||||
},
|
||||
id: "10", brand: "RecoveryPro", name: "Deep Tissue Foam Roller", price: "$22.00", rating: 5,
|
||||
reviewCount: "188", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-tolerating-heat-wave_23-2149101357.jpg"},
|
||||
]}
|
||||
title="Shop Our Premium Collection"
|
||||
description="Essential fitness tools and high-quality supplements designed for peak performance and rapid recovery."
|
||||
@@ -221,28 +133,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Data Analytics",
|
||||
description: "Track your progress with advanced insights to ensure you stay on the path toward your goals.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-sportive-woman-with-curly-hair-does-push-ups-exercises-outdoors-dressed-beige-tracksuit-planking_273609-55479.jpg?_wi=7",
|
||||
imageAlt: "healthy fitness professional athlete gym",
|
||||
title: "Data Analytics", description: "Track your progress with advanced insights to ensure you stay on the path toward your goals.", bentoComponent: "reveal-icon", icon: BarChart,
|
||||
},
|
||||
{
|
||||
title: "Community Support",
|
||||
description: "Join thousands of members on our digital platform to share, compete, and grow together.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32108.jpg",
|
||||
imageAlt: "professional fitness coach portrait",
|
||||
title: "Community Support", description: "Join thousands of members on our digital platform to share, compete, and grow together.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Nutrition Planning",
|
||||
description: "Custom meal guidance adapted for your unique lifestyle and fitness targets.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-yoga-essentials-arrangement_23-2149442703.jpg?_wi=2",
|
||||
imageAlt: "organic protein powder studio photography",
|
||||
title: "Nutrition Planning", description: "Custom meal guidance adapted for your unique lifestyle and fitness targets.", bentoComponent: "reveal-icon", icon: Utensils,
|
||||
},
|
||||
]}
|
||||
title="Fitness Reimagined"
|
||||
@@ -254,42 +151,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Full-time Athlete",
|
||||
testimonial: "The quality of products is unmatched and the community support is absolutely incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-smartphone_23-2149177997.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", role: "Full-time Athlete", testimonial: "The quality of products is unmatched and the community support is absolutely incredible.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-smartphone_23-2149177997.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Peterson",
|
||||
role: "Busy Professional",
|
||||
testimonial: "FitWell has helped me balance work and health perfectly. The tools provided are life-changing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-mid-adult-male-athlete_1262-5312.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Peterson", role: "Busy Professional", testimonial: "FitWell has helped me balance work and health perfectly. The tools provided are life-changing.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-mid-adult-male-athlete_1262-5312.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Yoga Practitioner",
|
||||
testimonial: "I love the attention to detail in their products. It shows in every single session.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-workout-with-battle-ropes_1303-32020.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "Yoga Practitioner", testimonial: "I love the attention to detail in their products. It shows in every single session.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-workout-with-battle-ropes_1303-32020.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jessica Lee",
|
||||
role: "Fitness Coach",
|
||||
testimonial: "I recommend FitWell to every one of my clients because the results are consistent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tender-happy-woman-with-dark-curly-hair-enjoying-vacations-sitting-rattan-chair_197531-22812.jpg",
|
||||
},
|
||||
id: "4", name: "Jessica Lee", role: "Fitness Coach", testimonial: "I recommend FitWell to every one of my clients because the results are consistent.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tender-happy-woman-with-dark-curly-hair-enjoying-vacations-sitting-rattan-chair_197531-22812.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Miller",
|
||||
role: "Strength Trainer",
|
||||
testimonial: "The technology provided is top-tier and makes recovery significantly faster.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-funny-overweight-man-wearing-eyeglasses-is-workout-with-abs-handroller-healthy-copy-space_1150-58885.jpg",
|
||||
},
|
||||
id: "5", name: "David Miller", role: "Strength Trainer", testimonial: "The technology provided is top-tier and makes recovery significantly faster.", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-funny-overweight-man-wearing-eyeglasses-is-workout-with-abs-handroller-healthy-copy-space_1150-58885.jpg"},
|
||||
]}
|
||||
title="Voices of Transformation"
|
||||
description="See how our members have redefined their fitness journey with our products and services."
|
||||
@@ -300,14 +173,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to take your fitness to the next level? Our team is standing by to help you choose the best products and plans for your goals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@fitwell.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@fitwell.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -317,54 +187,33 @@ export default function LandingPage() {
|
||||
logoText="FitWell"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
label: "Community", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Supplements",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Supplements", href: "#products"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Accessories", href: "#products"},
|
||||
{
|
||||
label: "Tech",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Tech", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user