Merge version_1 into main #2
203
src/app/page.tsx
203
src/app/page.tsx
@@ -31,91 +31,56 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Classes",
|
||||
id: "classes",
|
||||
},
|
||||
name: "Classes", id: "classes"},
|
||||
{
|
||||
name: "Training",
|
||||
id: "training",
|
||||
},
|
||||
name: "Training", id: "training"},
|
||||
]}
|
||||
brandName="Crunch Fitness"
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Join Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Our Gym is Your Gym"
|
||||
description="Kick your feet up! With a gym designed around you, we think you’ll love it here. Join the #NoJudgments fitness movement."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fit-woman-gym-side-view_23-2149445952.jpg",
|
||||
alt: "Member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fit-woman-gym-side-view_23-2149445952.jpg", alt: "Member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-high-five-gym_23-2149049819.jpg",
|
||||
alt: "Member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-high-five-gym_23-2149049819.jpg", alt: "Member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149517345.jpg",
|
||||
alt: "Member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149517345.jpg", alt: "Member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-female-jogger-walking-down-running-track-river-looking-pointing-finger-front-view-activity-age-concept_74855-12870.jpg",
|
||||
alt: "Member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-female-jogger-walking-down-running-track-river-looking-pointing-finger-front-view-activity-age-concept_74855-12870.jpg", alt: "Member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tense-young-sporty-man-wearing-headphones-neck-holding-dumbbells-isolated-purple_141793-73682.jpg",
|
||||
alt: "Active Member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tense-young-sporty-man-wearing-headphones-neck-holding-dumbbells-isolated-purple_141793-73682.jpg", alt: "Active Member"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
{
|
||||
text: "Free Trial",
|
||||
href: "#",
|
||||
},
|
||||
text: "Free Trial", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Inclusive",
|
||||
},
|
||||
type: "text", text: "Inclusive"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Energy",
|
||||
},
|
||||
type: "text", text: "High-Energy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Supportive",
|
||||
},
|
||||
type: "text", text: "Supportive"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community",
|
||||
},
|
||||
type: "text", text: "Community"},
|
||||
{
|
||||
type: "text",
|
||||
text: "#NoJudgments",
|
||||
},
|
||||
type: "text", text: "#NoJudgments"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,19 +92,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Positivity",
|
||||
value: "Encourage",
|
||||
},
|
||||
label: "Positivity", value: "Encourage"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Inclusivity",
|
||||
value: "Diverse",
|
||||
},
|
||||
label: "Inclusivity", value: "Diverse"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Fun",
|
||||
value: "Party",
|
||||
},
|
||||
label: "Fun", value: "Party"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -153,20 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Group Fitness",
|
||||
description: "Our dedicated group fitness studios are four walls of innovative, ass-kicking fun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-mom-little-daughter-together-aerobics_1153-4791.jpg",
|
||||
},
|
||||
title: "Group Fitness", description: "Our dedicated group fitness studios are four walls of innovative, ass-kicking fun.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-mom-little-daughter-together-aerobics_1153-4791.jpg"},
|
||||
{
|
||||
title: "Things to Lift",
|
||||
description: "Bulk up, trim down, or just rock out to your favorite playlist with our equipment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-129242.jpg",
|
||||
},
|
||||
title: "Things to Lift", description: "Bulk up, trim down, or just rock out to your favorite playlist with our equipment.", imageSrc: "http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-129242.jpg"},
|
||||
{
|
||||
title: "Miles of Cardio",
|
||||
description: "We’ve got all the gear to get your heart rate up and raise the roof.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-women-running-together_23-2149386048.jpg",
|
||||
},
|
||||
title: "Miles of Cardio", description: "We’ve got all the gear to get your heart rate up and raise the roof.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-women-running-together_23-2149386048.jpg"},
|
||||
]}
|
||||
title="Built for Your Success"
|
||||
description="Our dedicated group fitness studios and cutting-edge equipment are designed for the most awesome workouts."
|
||||
@@ -175,46 +125,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="classes" data-section="classes">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Strength",
|
||||
price: "Sculpt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationary-bike-room_23-2148017414.jpg",
|
||||
},
|
||||
id: "1", name: "Strength", price: "Sculpt", imageSrc: "http://img.b2bpic.net/free-photo/stationary-bike-room_23-2148017414.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ride",
|
||||
price: "Spin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-training-together-with-weight-lifting_23-2149307958.jpg",
|
||||
},
|
||||
id: "2", name: "Ride", price: "Spin", imageSrc: "http://img.b2bpic.net/free-photo/people-training-together-with-weight-lifting_23-2149307958.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mind Body",
|
||||
price: "Strengthen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-doing-yoga-sports-lifestyle-toned-body_1157-48060.jpg",
|
||||
},
|
||||
id: "3", name: "Mind Body", price: "Strengthen", imageSrc: "http://img.b2bpic.net/free-photo/women-doing-yoga-sports-lifestyle-toned-body_1157-48060.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dance",
|
||||
price: "Rhythm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-their-yoga-session_23-2149222468.jpg",
|
||||
},
|
||||
id: "4", name: "Dance", price: "Rhythm", imageSrc: "http://img.b2bpic.net/free-photo/women-their-yoga-session_23-2149222468.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cardio",
|
||||
price: "Intensity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-couple-gym_23-2148503031.jpg",
|
||||
},
|
||||
id: "5", name: "Cardio", price: "Intensity", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-couple-gym_23-2148503031.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Specialty",
|
||||
price: "Exciting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-black-dumbbells_1163-128.jpg",
|
||||
},
|
||||
id: "6", name: "Specialty", price: "Exciting", imageSrc: "http://img.b2bpic.net/free-photo/many-black-dumbbells_1163-128.jpg"},
|
||||
]}
|
||||
title="Check Out Our Group Fitness Classes"
|
||||
description="Believe in the power of a motivating group fitness community."
|
||||
@@ -228,33 +155,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "experts",
|
||||
groupTitle: "Certified Experts",
|
||||
members: [
|
||||
id: "experts", groupTitle: "Certified Experts", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Head Coach",
|
||||
subtitle: "Strength Specialist",
|
||||
detail: "Certified trainer with 10+ years of experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-out-with-ball-isolated-white-wall_231208-8965.jpg",
|
||||
},
|
||||
id: "m1", title: "Head Coach", subtitle: "Strength Specialist", detail: "Certified trainer with 10+ years of experience.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-out-with-ball-isolated-white-wall_231208-8965.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Group Lead",
|
||||
subtitle: "Cardio Specialist",
|
||||
detail: "Passionate about group energy and results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22868.jpg",
|
||||
},
|
||||
id: "m2", title: "Group Lead", subtitle: "Cardio Specialist", detail: "Passionate about group energy and results.", imageSrc: "http://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22868.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Yoga Instructor",
|
||||
subtitle: "Mind/Body Expert",
|
||||
detail: "Focusing on strength and recovery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-personal-trainer-helping-woman-working-with-heavy-dumbbells-gym_651396-1074.jpg",
|
||||
},
|
||||
id: "m3", title: "Yoga Instructor", subtitle: "Mind/Body Expert", detail: "Focusing on strength and recovery.", imageSrc: "http://img.b2bpic.net/free-photo/male-personal-trainer-helping-woman-working-with-heavy-dumbbells-gym_651396-1074.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-sports-people-doing-burpees-indoors_23-2149326091.jpg?_wi=1",
|
||||
imageAlt: "personal fitness trainer professional",
|
||||
},
|
||||
]}
|
||||
title="Goals are Made to be Crushed"
|
||||
@@ -266,12 +174,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join Now"
|
||||
title="Get Started Today"
|
||||
description="Sign up for a free trial or find your local Crunch fitness center."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-sports-people-doing-burpees-indoors_23-2149326091.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-sports-people-doing-burpees-indoors_23-2149326091.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -282,49 +189,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
label: "Locations", href: "#"},
|
||||
{
|
||||
label: "Classes",
|
||||
href: "#classes",
|
||||
},
|
||||
label: "Classes", href: "#classes"},
|
||||
{
|
||||
label: "Training",
|
||||
href: "#training",
|
||||
},
|
||||
label: "Training", href: "#training"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user