Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| aa7ad2bdbe | |||
| 1f8c7ef112 | |||
| dc230aea65 |
312
src/app/page.tsx
312
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Classes",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Classes", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cozy Gym"
|
||||
/>
|
||||
@@ -58,99 +43,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fitness That Feels Like Home"
|
||||
description="Join a welcoming community where your goals become our mission. Experience a workout environment designed for comfort, consistency, and real results."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexfit",
|
||||
testimonial: "The most welcoming gym I've ever been to. No intimidation, just great vibes.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=koft83&_wi=1",
|
||||
imageAlt: "welcoming community gym bright light",
|
||||
},
|
||||
{
|
||||
name: "Maria K.",
|
||||
handle: "@mariafitness",
|
||||
testimonial: "Finally, a place where I feel comfortable working out. Love the community!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfxpys&_wi=1",
|
||||
imageAlt: "welcoming community gym bright light",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johndee",
|
||||
testimonial: "Exceptional atmosphere. It doesn't feel like a chore to go here.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9y0fvs&_wi=1",
|
||||
imageAlt: "welcoming community gym bright light",
|
||||
},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarahruns",
|
||||
testimonial: "The staff truly cares about every member. Highly recommend this gym.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1z1wv5&_wi=1",
|
||||
imageAlt: "welcoming community gym bright light",
|
||||
},
|
||||
{
|
||||
name: "David B.",
|
||||
handle: "@daveb",
|
||||
testimonial: "Clean facilities and wonderful equipment. The best local gym.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=crr2sg&_wi=1",
|
||||
imageAlt: "welcoming community gym bright light",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alexfit", testimonial: "The most welcoming gym I've ever been to. No intimidation, just great vibes.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=koft83&_wi=1", imageAlt: "welcoming community gym bright light" },
|
||||
{ name: "Maria K.", handle: "@mariafitness", testimonial: "Finally, a place where I feel comfortable working out. Love the community!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfxpys&_wi=1", imageAlt: "welcoming community gym bright light" },
|
||||
{ name: "John D.", handle: "@johndee", testimonial: "Exceptional atmosphere. It doesn't feel like a chore to go here.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9y0fvs&_wi=1", imageAlt: "welcoming community gym bright light" },
|
||||
{ name: "Sarah L.", handle: "@sarahruns", testimonial: "The staff truly cares about every member. Highly recommend this gym.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1z1wv5&_wi=1", imageAlt: "welcoming community gym bright light" },
|
||||
{ name: "David B.", handle: "@daveb", testimonial: "Clean facilities and wonderful equipment. The best local gym.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=crr2sg&_wi=1", imageAlt: "welcoming community gym bright light" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=koft83&_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "Happy member smiling",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "Fit member laughing",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "Confident member posing",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "Smiling gym goer",
|
||||
},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "Active lifestyle member",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Access",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Events",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Coaching",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Equipment",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Inclusive Space",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{type: "text", text: "24/7 Access"}, {type: "text", text: "Community Events"}, {type: "text", text: "Expert Coaching"}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -161,18 +66,9 @@ export default function LandingPage() {
|
||||
title="Welcome to Cozy Gym"
|
||||
description="We believe fitness shouldn't feel like a battlefield. Our studio is built on the philosophy that consistency comes from comfort. Whether you're a beginner or a veteran, you have a place here."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Community First",
|
||||
description: "Meet supportive peers who cheer you on.",
|
||||
},
|
||||
{
|
||||
title: "Tailored Guidance",
|
||||
description: "Expert trainers focused on your individual needs.",
|
||||
},
|
||||
{
|
||||
title: "Relaxed Atmosphere",
|
||||
description: "Workout in a space that makes you feel at ease.",
|
||||
},
|
||||
{ title: "Community First", description: "Meet supportive peers who cheer you on." },
|
||||
{ title: "Tailored Guidance", description: "Expert trainers focused on your individual needs." },
|
||||
{ title: "Relaxed Atmosphere", description: "Workout in a space that makes you feel at ease." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfxpys&_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -185,21 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Zen Yoga Studio",
|
||||
description: "Find your flow in our peaceful, sunlit yoga space.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9y0fvs&_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Personalized Lifting",
|
||||
description: "Modern weights in a clean, uncluttered layout.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1z1wv5&_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Functional Training",
|
||||
description: "Open space for all your movement and mobility drills.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=crr2sg&_wi=2",
|
||||
},
|
||||
{ title: "Zen Yoga Studio", description: "Find your flow in our peaceful, sunlit yoga space.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9y0fvs&_wi=2" },
|
||||
{ title: "Personalized Lifting", description: "Modern weights in a clean, uncluttered layout.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1z1wv5&_wi=2" },
|
||||
{ title: "Functional Training", description: "Open space for all your movement and mobility drills.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=crr2sg&_wi=2" },
|
||||
]}
|
||||
title="Spaces Built for You"
|
||||
description="Explore our dedicated workout zones designed for variety and comfort."
|
||||
@@ -212,40 +96,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essentials",
|
||||
price: "$49",
|
||||
subtitle: "Perfect for starters",
|
||||
features: [
|
||||
"Full gym access",
|
||||
"Group classes",
|
||||
"Standard locker",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$79",
|
||||
subtitle: "For fitness seekers",
|
||||
features: [
|
||||
"All basic benefits",
|
||||
"Free personal training session",
|
||||
"Towel service",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essentials", price: "$49", subtitle: "Perfect for starters", features: ["Full gym access", "Group classes", "Standard locker"], buttons: [{ text: "Get Started", href: "#contact" }] },
|
||||
{ id: "pro", badge: "Most Popular", price: "$79", subtitle: "For fitness seekers", features: ["All basic benefits", "Free personal training session", "Towel service"], buttons: [{ text: "Join Pro", href: "#contact" }] },
|
||||
]}
|
||||
title="Simple Membership"
|
||||
description="Transparent pricing with no hidden fees or contracts."
|
||||
@@ -257,23 +109,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Members Stay"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Happy Members",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Support Available",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Weekly Classes",
|
||||
},
|
||||
]}
|
||||
metrics={[{ id: "m1", value: "500+", description: "Happy Members" }, { id: "m2", value: "24/7", description: "Support Available" }, { id: "m3", value: "15+", description: "Weekly Classes" }]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -283,61 +119,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
date: "Jan 2024",
|
||||
title: "Best decision",
|
||||
quote: "The atmosphere is simply incredible.",
|
||||
tag: "Member",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1xmz6q",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=koft83&_wi=3",
|
||||
imageAlt: "happy gym member smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob S.",
|
||||
date: "Feb 2024",
|
||||
title: "Love the vibes",
|
||||
quote: "Friendly and clean every time.",
|
||||
tag: "Member",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nakfdv",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfxpys&_wi=3",
|
||||
imageAlt: "happy gym member smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie P.",
|
||||
date: "Mar 2024",
|
||||
title: "Highly recommended",
|
||||
quote: "Great classes and even better trainers.",
|
||||
tag: "Member",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zwcicq",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9y0fvs&_wi=3",
|
||||
imageAlt: "happy gym member smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diane L.",
|
||||
date: "Apr 2024",
|
||||
title: "Super supportive",
|
||||
quote: "I've never felt more comfortable.",
|
||||
tag: "Member",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o2aygc",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1z1wv5&_wi=3",
|
||||
imageAlt: "happy gym member smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve W.",
|
||||
date: "May 2024",
|
||||
title: "Amazing gym",
|
||||
quote: "Everything I needed was right here.",
|
||||
tag: "Member",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1mkp7b",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=crr2sg&_wi=3",
|
||||
imageAlt: "happy gym member smiling portrait",
|
||||
},
|
||||
{ id: "1", name: "Alice M.", date: "Jan 2024", title: "Best decision", quote: "The atmosphere is simply incredible.", tag: "Member", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1xmz6q", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=koft83&_wi=3" },
|
||||
{ id: "2", name: "Bob S.", date: "Feb 2024", title: "Love the vibes", quote: "Friendly and clean every time.", tag: "Member", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nakfdv", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfxpys&_wi=3" },
|
||||
]}
|
||||
title="Hear From Our Community"
|
||||
description="See why locals make us their favorite fitness home."
|
||||
@@ -349,20 +132,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Join?"
|
||||
description="Send us a message and we'll help you get started with a free tour."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=694jyp"
|
||||
/>
|
||||
</div>
|
||||
@@ -371,40 +141,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Cozy Gym"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Classes",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigate", items: [{ label: "About", href: "#about" }, { label: "Classes", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user