Update src/app/page.tsx
This commit is contained in:
217
src/app/page.tsx
217
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Membership", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="Pulse Fitness"
|
||||
/>
|
||||
@@ -55,33 +47,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unleash Your Potential"
|
||||
description="Transform your life with our expert-led fitness programs. Designed for all levels, our training helps you achieve your goals faster."
|
||||
tag="ELITE FITNESS TRAINING"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-is-engaged-gym_1157-32174.jpg?_wi=1",
|
||||
imageAlt: "person working out in gym",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-is-engaged-gym_1157-32174.jpg", imageAlt: "person working out in gym"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-doing-resitance-exercise-mat_23-2148387880.jpg?_wi=1",
|
||||
imageAlt: "group fitness class motivation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-athlete-exercising-rowing-machine-gym_637285-8548.jpg",
|
||||
imageAlt: "Young female athlete exercising on rowing machine in a gym",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-man-gym-black-man-performs-exercises-guy-black-t-shirt_1157-48338.jpg",
|
||||
imageAlt: "Sports man in the gym. A black man performs exercises. Guy in a black t-shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-is-engaged-gym_1157-29802.jpg",
|
||||
imageAlt: "A handsome black man is engaged in a gym",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-doing-resitance-exercise-mat_23-2148387880.jpg", imageAlt: "group fitness class motivation"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -106,40 +80,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Personal Coaching",
|
||||
description: "1-on-1 sessions to maximize your results.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-notebook-with-dumbbells_23-2148531494.jpg",
|
||||
imageAlt: "modern gym equipment training",
|
||||
},
|
||||
title: "Personal Coaching", description: "1-on-1 sessions to maximize your results.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-notebook-with-dumbbells_23-2148531494.jpg", imageAlt: "modern gym equipment training"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-is-engaged-gym_1157-32174.jpg?_wi=2",
|
||||
imageAlt: "modern gym equipment training",
|
||||
},
|
||||
{
|
||||
title: "Nutrition Planning",
|
||||
description: "Custom meal plans for holistic health.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-top-standing-with-coach_1157-32118.jpg",
|
||||
imageAlt: "nutritional coaching health wellness",
|
||||
},
|
||||
title: "Nutrition Planning", description: "Custom meal plans for holistic health.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-top-standing-with-coach_1157-32118.jpg", imageAlt: "nutritional coaching health wellness"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-doing-resitance-exercise-mat_23-2148387880.jpg?_wi=2",
|
||||
imageAlt: "modern gym equipment training",
|
||||
},
|
||||
{
|
||||
title: "Mindful Fitness",
|
||||
description: "Yoga and mobility for a balanced body.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-sporty-people-sitting-sukhasana-exercise_1163-5015.jpg",
|
||||
imageAlt: "yoga class relaxation peaceful",
|
||||
},
|
||||
title: "Mindful Fitness", description: "Yoga and mobility for a balanced body.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-sporty-people-sitting-sukhasana-exercise_1163-5015.jpg", imageAlt: "yoga class relaxation peaceful"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-practicing-yoga_23-2148741931.jpg?_wi=1",
|
||||
imageAlt: "modern gym equipment training",
|
||||
},
|
||||
]}
|
||||
title="Training Made Simple"
|
||||
@@ -155,59 +111,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Pulse",
|
||||
name: "Yoga Mat",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-practicing-yoga_23-2148741931.jpg?_wi=2",
|
||||
},
|
||||
id: "1", brand: "Pulse", name: "Yoga Mat", price: "$45", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-practicing-yoga_23-2148741931.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Pulse",
|
||||
name: "Resistance Bands",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-man_23-2148138057.jpg",
|
||||
},
|
||||
id: "2", brand: "Pulse", name: "Resistance Bands", price: "$25", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/fitness-man_23-2148138057.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Nutri",
|
||||
name: "Whey Protein",
|
||||
price: "$39",
|
||||
rating: 4,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barman-filling-shaker-with-ice_23-2148209409.jpg",
|
||||
},
|
||||
id: "3", brand: "Nutri", name: "Whey Protein", price: "$39", rating: 4,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/barman-filling-shaker-with-ice_23-2148209409.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Hydra",
|
||||
name: "Metal Bottle",
|
||||
price: "$20",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915629.jpg",
|
||||
},
|
||||
id: "4", brand: "Hydra", name: "Metal Bottle", price: "$20", rating: 5,
|
||||
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915629.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Smart",
|
||||
name: "Tracker Watch",
|
||||
price: "$99",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-listening-music-after-running_1301-5264.jpg",
|
||||
},
|
||||
id: "5", brand: "Smart", name: "Tracker Watch", price: "$99", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-listening-music-after-running_1301-5264.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Soft",
|
||||
name: "Gym Towel",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-fitness-equipments-digital-tablet-wooden-floor_23-2147827954.jpg",
|
||||
},
|
||||
id: "6", brand: "Soft", name: "Gym Towel", price: "$15", rating: 5,
|
||||
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-fitness-equipments-digital-tablet-wooden-floor_23-2147827954.jpg"},
|
||||
]}
|
||||
title="Premium Gear"
|
||||
description="Essential equipment to support your fitness routine."
|
||||
@@ -221,20 +141,11 @@ export default function LandingPage() {
|
||||
tag="RESULTS MATTER"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2k+",
|
||||
description: "Members trained",
|
||||
},
|
||||
id: "m1", value: "1.2k+", description: "Members trained"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "85%",
|
||||
description: "Goal success rate",
|
||||
},
|
||||
id: "m2", value: "85%", description: "Goal success rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
description: "Sessions completed",
|
||||
},
|
||||
id: "m3", value: "5k+", description: "Sessions completed"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -245,30 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-woman-taking-selfie-while-having-fruit-juice_23-2148952571.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/fitness-woman-taking-selfie-while-having-fruit-juice_23-2148952571.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jason Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-gesturing-thumbs-up-gym_23-2147827418.jpg",
|
||||
},
|
||||
id: "2", name: "Jason Doe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-gesturing-thumbs-up-gym_23-2147827418.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-athleisure-posing-outdoors_23-2148655853.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-athleisure-posing-outdoors_23-2148655853.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/giving-high-five-gorgeous-blonde-woman-gym-her-weekend-time_146671-17030.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/giving-high-five-gorgeous-blonde-woman-gym-her-weekend-time_146671-17030.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-pink-yoga-pants-with-white-towel-around-her-neck-taking-selfie-grassy-hill_181624-27086.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/female-pink-yoga-pants-with-white-towel-around-her-neck-taking-selfie-grassy-hill_181624-27086.jpg"},
|
||||
]}
|
||||
cardTitle="Member Success Stories"
|
||||
cardTag="COMMUNITY"
|
||||
@@ -282,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need experience?",
|
||||
content: "No experience needed; we cater to all skill levels.",
|
||||
},
|
||||
id: "f1", title: "Do I need experience?", content: "No experience needed; we cater to all skill levels."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What equipment is provided?",
|
||||
content: "We provide full access to professional gym equipment.",
|
||||
},
|
||||
id: "f2", title: "What equipment is provided?", content: "We provide full access to professional gym equipment."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I join a class?",
|
||||
content: "Book your class via our app in seconds.",
|
||||
},
|
||||
id: "f3", title: "How do I join a class?", content: "Book your class via our app in seconds."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers to help you get started."
|
||||
@@ -310,15 +197,9 @@ export default function LandingPage() {
|
||||
description="Reach out to schedule your first free assessment."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-with-sport-equipment_23-2148948546.jpg"
|
||||
/>
|
||||
@@ -329,29 +210,19 @@ export default function LandingPage() {
|
||||
logoText="Pulse Fitness"
|
||||
columns={[
|
||||
{
|
||||
title: "Programs",
|
||||
items: [
|
||||
title: "Programs", items: [
|
||||
{
|
||||
label: "Personal Training",
|
||||
href: "#",
|
||||
},
|
||||
label: "Personal Training", href: "#"},
|
||||
{
|
||||
label: "Group Classes",
|
||||
href: "#",
|
||||
},
|
||||
label: "Group Classes", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user