Merge version_1 into main #1
271
src/app/page.tsx
271
src/app/page.tsx
@@ -31,34 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "#benefits",
|
||||
},
|
||||
name: "Benefits", id: "#benefits"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
brandName="EliteFuel"
|
||||
/>
|
||||
</div>
|
||||
@@ -66,38 +52,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="Unleash Your Full Potential"
|
||||
description="Premium fitness supplements engineered for peak performance and rapid results. Fuel your ambition."
|
||||
tag="Fuel Your Greatness"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-close-up-portrait-man-with-naked-torso_1321-9.jpg",
|
||||
imageAlt: "Muscular male athlete",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-close-up-portrait-man-with-naked-torso_1321-9.jpg", imageAlt: "Muscular male athlete"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-posing-dark-wall_176420-690.jpg",
|
||||
imageAlt: "Muscular female athlete",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-muscular-guy_613910-16871.jpg",
|
||||
imageAlt: "Black and white portrait of muscular guy.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-sexy-african-american-muscular-bare-torso-man-jeans-overalls-posed-green-grass-agasinst-football-gates-stadium-field-fashionable-black-man-portrait_627829-12881.jpg",
|
||||
imageAlt: "Handsome sexy african american muscular bare torso man at jeans overalls posed at green grass agasinst football gates of stadium field Fashionable black man portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/power-peace-monochrome-shot-calm-thoughtful-warrior-standing-with-sword-near-rocks-woods-young-strong-man-with-muscular-torso-posing-copyspace_7502-8678.jpg",
|
||||
imageAlt: "Power in peace. Monochrome shot of a calm thoughtful warrior standing with a sword near the rocks at the woods. Young strong man with a muscular torso posing copyspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-posing-dark-wall_176420-690.jpg", imageAlt: "Muscular female athlete"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -113,29 +80,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Enhanced Strength & Power",
|
||||
description: "Break through plateaus and lift heavier with scientifically backed ingredients for superior muscle power.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sportsman-exercising-with-barbell-cross-training-gym_637285-2501.jpg",
|
||||
imageAlt: "Hand lifting a dumbbell",
|
||||
},
|
||||
title: "Enhanced Strength & Power", description: "Break through plateaus and lift heavier with scientifically backed ingredients for superior muscle power.", imageSrc: "http://img.b2bpic.net/free-photo/young-sportsman-exercising-with-barbell-cross-training-gym_637285-2501.jpg", imageAlt: "Hand lifting a dumbbell"},
|
||||
{
|
||||
title: "Rapid Recovery",
|
||||
description: "Minimize downtime and bounce back faster after intense workouts, ready for your next session.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-exhausted-young-male-athlete-relaxing-against-white-wall_23-2148124229.jpg",
|
||||
imageAlt: "Athlete stretching after workout",
|
||||
},
|
||||
title: "Rapid Recovery", description: "Minimize downtime and bounce back faster after intense workouts, ready for your next session.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-exhausted-young-male-athlete-relaxing-against-white-wall_23-2148124229.jpg", imageAlt: "Athlete stretching after workout"},
|
||||
{
|
||||
title: "Laser-Sharp Focus",
|
||||
description: "Achieve mental clarity and unwavering concentration to dominate every workout and conquer your goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-yoga-mat_23-2149358951.jpg",
|
||||
imageAlt: "Focused athlete looking intense",
|
||||
},
|
||||
title: "Laser-Sharp Focus", description: "Achieve mental clarity and unwavering concentration to dominate every workout and conquer your goals.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-yoga-mat_23-2149358951.jpg", imageAlt: "Focused athlete looking intense"},
|
||||
{
|
||||
title: "Lean Muscle Growth",
|
||||
description: "Optimized protein synthesis and nutrient absorption for efficient development of lean, powerful muscle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163413.jpg",
|
||||
imageAlt: "Muscular arm flexing",
|
||||
},
|
||||
title: "Lean Muscle Growth", description: "Optimized protein synthesis and nutrient absorption for efficient development of lean, powerful muscle.", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163413.jpg", imageAlt: "Muscular arm flexing"},
|
||||
]}
|
||||
title="Unlock Peak Performance"
|
||||
description="Discover how our scientifically formulated supplements transform your body and mind."
|
||||
@@ -147,55 +98,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elite Whey Protein",
|
||||
price: "$49.99",
|
||||
variant: "Vanilla Bean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-woman-holding-bottle-posing_176420-994.jpg",
|
||||
imageAlt: "Elite Whey Protein",
|
||||
},
|
||||
id: "p1", name: "Elite Whey Protein", price: "$49.99", variant: "Vanilla Bean", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-woman-holding-bottle-posing_176420-994.jpg", imageAlt: "Elite Whey Protein"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ignite Pre-Workout",
|
||||
price: "$34.99",
|
||||
variant: "Electric Blue Raspberry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-sportsman-holding-sport-nutrition-using-laptop-computer_171337-15506.jpg",
|
||||
imageAlt: "Ignite Pre-Workout",
|
||||
},
|
||||
id: "p2", name: "Ignite Pre-Workout", price: "$34.99", variant: "Electric Blue Raspberry", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-sportsman-holding-sport-nutrition-using-laptop-computer_171337-15506.jpg", imageAlt: "Ignite Pre-Workout"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pure Creatine Monohydrate",
|
||||
price: "$29.99",
|
||||
variant: "Unflavored",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-runner-holding-bottle-water_23-2149044625.jpg",
|
||||
imageAlt: "Pure Creatine Monohydrate",
|
||||
},
|
||||
id: "p3", name: "Pure Creatine Monohydrate", price: "$29.99", variant: "Unflavored", imageSrc: "http://img.b2bpic.net/free-photo/side-view-runner-holding-bottle-water_23-2149044625.jpg", imageAlt: "Pure Creatine Monohydrate"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Alpha Multi-Vitamins",
|
||||
price: "$24.99",
|
||||
variant: "Daily Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-food-complements-arrangement_23-2149080638.jpg",
|
||||
imageAlt: "Alpha Multi-Vitamins",
|
||||
},
|
||||
id: "p4", name: "Alpha Multi-Vitamins", price: "$24.99", variant: "Daily Essential", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-food-complements-arrangement_23-2149080638.jpg", imageAlt: "Alpha Multi-Vitamins"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "BCAA Blast",
|
||||
price: "$39.99",
|
||||
variant: "Fruit Punch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-drinking-something-after-training_58466-11016.jpg",
|
||||
imageAlt: "BCAA Blast",
|
||||
},
|
||||
id: "p5", name: "BCAA Blast", price: "$39.99", variant: "Fruit Punch", imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-drinking-something-after-training_58466-11016.jpg", imageAlt: "BCAA Blast"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Thermo Shred Fat Burner",
|
||||
price: "$59.99",
|
||||
variant: "Capsules",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760059.jpg",
|
||||
imageAlt: "Thermo Shred Fat Burner",
|
||||
},
|
||||
id: "p6", name: "Thermo Shred Fat Burner", price: "$59.99", variant: "Capsules", imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-container-still-life_23-2150760059.jpg", imageAlt: "Thermo Shred Fat Burner"},
|
||||
]}
|
||||
title="Our Premium Product Range"
|
||||
description="Explore our scientifically formulated supplements designed to elevate your fitness journey."
|
||||
@@ -209,20 +125,11 @@ export default function LandingPage() {
|
||||
tag="Real Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10,000+",
|
||||
description: "Lives Transformed",
|
||||
},
|
||||
id: "m1", value: "10,000+", description: "Lives Transformed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m2", value: "95%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2X",
|
||||
description: "Faster Recovery Rate",
|
||||
},
|
||||
id: "m3", value: "2X", description: "Faster Recovery Rate"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -235,45 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "CrossFit Athlete",
|
||||
testimonial: "EliteFuel's protein has been a game-changer for my recovery. I feel stronger and ready for every WOD!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1589.jpg",
|
||||
imageAlt: "Sarah J.",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "CrossFit Athlete", testimonial: "EliteFuel's protein has been a game-changer for my recovery. I feel stronger and ready for every WOD!", imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1589.jpg", imageAlt: "Sarah J."},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael L.",
|
||||
role: "Bodybuilder",
|
||||
testimonial: "The pre-workout is incredible. Sustained energy and focus without the crash. My lifts have never been better.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-blouse-posing-like-holding-phone-while-showing-winner-gesture-looking-delightful_176474-42184.jpg",
|
||||
imageAlt: "Michael L.",
|
||||
},
|
||||
id: "t2", name: "Michael L.", role: "Bodybuilder", testimonial: "The pre-workout is incredible. Sustained energy and focus without the crash. My lifts have never been better.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-blouse-posing-like-holding-phone-while-showing-winner-gesture-looking-delightful_176474-42184.jpg", imageAlt: "Michael L."},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Fitness Enthusiast",
|
||||
testimonial: "I've seen amazing changes since starting with EliteFuel. The quality is unmatched, and the results speak for themselves.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-plastic-water_1258-106707.jpg",
|
||||
imageAlt: "Emily R.",
|
||||
},
|
||||
id: "t3", name: "Emily R.", role: "Fitness Enthusiast", testimonial: "I've seen amazing changes since starting with EliteFuel. The quality is unmatched, and the results speak for themselves.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-plastic-water_1258-106707.jpg", imageAlt: "Emily R."},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Marathon Runner",
|
||||
testimonial: "Alpha Multi-Vitamins keep me feeling great and performing at my best. Essential for my long runs and overall health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-spportswoman-shows-thumbs-up-motivated-fitness-woman-like-something-giving-compliment-recommending-sport-gym-white-background_176420-47064.jpg",
|
||||
imageAlt: "David K.",
|
||||
},
|
||||
id: "t4", name: "David K.", role: "Marathon Runner", testimonial: "Alpha Multi-Vitamins keep me feeling great and performing at my best. Essential for my long runs and overall health.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-spportswoman-shows-thumbs-up-motivated-fitness-woman-like-something-giving-compliment-recommending-sport-gym-white-background_176420-47064.jpg", imageAlt: "David K."},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica M.",
|
||||
role: "Personal Trainer",
|
||||
testimonial: "I recommend EliteFuel to all my clients. The clean ingredients and visible results make it my top choice for supplements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-with-confident-expression-pointing-back-standing-light-wall_141793-56708.jpg",
|
||||
imageAlt: "Jessica M.",
|
||||
},
|
||||
id: "t5", name: "Jessica M.", role: "Personal Trainer", testimonial: "I recommend EliteFuel to all my clients. The clean ingredients and visible results make it my top choice for supplements.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-with-confident-expression-pointing-back-standing-light-wall_141793-56708.jpg", imageAlt: "Jessica M."},
|
||||
]}
|
||||
title="Hear From Our Champions"
|
||||
description="Real stories from athletes who transformed their bodies with our supplements."
|
||||
@@ -286,25 +163,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Are your supplements suitable for both men and women?",
|
||||
content: "Yes, our entire product line is formulated to support the fitness goals of both men and women, regardless of their experience level.",
|
||||
},
|
||||
id: "faq1", title: "Are your supplements suitable for both men and women?", content: "Yes, our entire product line is formulated to support the fitness goals of both men and women, regardless of their experience level."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How quickly can I expect to see results?",
|
||||
content: "Results vary based on individual metabolism, diet, and training intensity. However, many users report noticeable improvements in energy and recovery within 2-4 weeks.",
|
||||
},
|
||||
id: "faq2", title: "How quickly can I expect to see results?", content: "Results vary based on individual metabolism, diet, and training intensity. However, many users report noticeable improvements in energy and recovery within 2-4 weeks."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What are your shipping and return policies?",
|
||||
content: "We offer fast, reliable shipping nationwide. For returns, we provide a 30-day satisfaction guarantee. Please visit our 'Shipping & Returns' page for full details.",
|
||||
},
|
||||
id: "faq3", title: "What are your shipping and return policies?", content: "We offer fast, reliable shipping nationwide. For returns, we provide a 30-day satisfaction guarantee. Please visit our 'Shipping & Returns' page for full details."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Are your products third-party tested?",
|
||||
content: "Absolutely. All EliteFuel supplements undergo rigorous third-party testing to ensure purity, potency, and safety, guaranteeing the highest quality for our customers.",
|
||||
},
|
||||
id: "faq4", title: "Are your products third-party tested?", content: "Absolutely. All EliteFuel supplements undergo rigorous third-party testing to ensure purity, potency, and safety, guaranteeing the highest quality for our customers."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our products and your fitness journey."
|
||||
@@ -316,8 +181,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Stay Connected"
|
||||
title="Join Our Community"
|
||||
description="Subscribe to our newsletter for exclusive offers, fitness tips, and product updates."
|
||||
@@ -334,74 +198,43 @@ export default function LandingPage() {
|
||||
logoText="EliteFuel"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#benefits",
|
||||
},
|
||||
label: "About Us", href: "#benefits"},
|
||||
{
|
||||
label: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Mission", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Protein",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Protein", href: "#products"},
|
||||
{
|
||||
label: "Pre-Workout",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Pre-Workout", href: "#products"},
|
||||
{
|
||||
label: "Vitamins",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Vitamins", href: "#products"},
|
||||
{
|
||||
label: "Creatine",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Creatine", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/elitefuel",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/elitefuel"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/elitefuel",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/elitefuel"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com/elitefuel",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com/elitefuel"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user