Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
293
src/app/page.tsx
293
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|||||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||||
@@ -29,30 +29,16 @@ export default function LandingPage() {
|
|||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Features", id: "features" },
|
||||||
},
|
{ name: "Pricing", id: "pricing" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Features",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Pricing",
|
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="SmallTown Fit"
|
brandName="SmallTown Fit"
|
||||||
|
button={{ text: "Join Today", href: "#pricing" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -60,108 +46,50 @@ export default function LandingPage() {
|
|||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Your Neighborhood Gym"
|
title="Your Neighborhood Gym"
|
||||||
description="Building a stronger community, one workout at a time. Welcome to the gym that feels like home."
|
description="Building a stronger community, one workout at a time. Welcome to the gym that feels like home."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "John D.",
|
name: "John D.", handle: "@johnd", testimonial: "I love the friendly vibe here!", rating: 5,
|
||||||
handle: "@johnd",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o7t0kv&_wi=1", imageAlt: "local community gym interior"},
|
||||||
testimonial: "I love the friendly vibe here!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o7t0kv&_wi=1",
|
|
||||||
imageAlt: "local community gym interior",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Sarah K.",
|
name: "Sarah K.", handle: "@sarahk", testimonial: "The best gym in town, hands down.", rating: 5,
|
||||||
handle: "@sarahk",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iz9mkb", imageAlt: "local community gym interior"},
|
||||||
testimonial: "The best gym in town, hands down.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iz9mkb",
|
|
||||||
imageAlt: "local community gym interior",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Mike R.",
|
name: "Mike R.", handle: "@miker", testimonial: "So convenient and always clean.", rating: 5,
|
||||||
handle: "@miker",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ro8yk", imageAlt: "local community gym interior"},
|
||||||
testimonial: "So convenient and always clean.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ro8yk",
|
|
||||||
imageAlt: "local community gym interior",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Lisa B.",
|
name: "Lisa B.", handle: "@lisab", testimonial: "Great instructors and very welcoming environment.", rating: 5,
|
||||||
handle: "@lisab",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dinv17", imageAlt: "local community gym interior"},
|
||||||
testimonial: "Great instructors and very welcoming environment.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dinv17",
|
|
||||||
imageAlt: "local community gym interior",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Tom W.",
|
name: "Tom W.", handle: "@tomw", testimonial: "Highly recommend joining this local gem.", rating: 5,
|
||||||
handle: "@tomw",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ighdd2", imageAlt: "local community gym interior"},
|
||||||
testimonial: "Highly recommend joining this local gem.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ighdd2",
|
|
||||||
imageAlt: "local community gym interior",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Join Today",
|
text: "Join Today", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o7t0kv&_wi=2"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o7t0kv&_wi=2"
|
||||||
imageAlt="local community gym interior"
|
imageAlt="local community gym interior"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hexjwl",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hexjwl", alt: "smiling gym member happy"},
|
||||||
alt: "smiling gym member happy",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d6ezqe",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d6ezqe", alt: "happy gym customer portrait"},
|
||||||
alt: "happy gym customer portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gmxqdb",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gmxqdb", alt: "smiling gym regular member"},
|
||||||
alt: "smiling gym regular member",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahe7k4",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahe7k4", alt: "happy gym user smiling"},
|
||||||
alt: "happy gym user smiling",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zt4124",
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zt4124", alt: "healthy active senior smiling"},
|
||||||
alt: "healthy active senior smiling",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text-icon", text: "Community Focused", icon: Users },
|
||||||
type: "text-icon",
|
{ type: "text-icon", text: "All Levels Welcome", icon: Activity },
|
||||||
text: "Community Focused",
|
{ type: "text-icon", text: "Open 24/7", icon: Clock },
|
||||||
icon: Users,
|
{ type: "text-icon", text: "Modern Equipment", icon: Zap },
|
||||||
},
|
{ type: "text-icon", text: "Expert Guidance", icon: Award },
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "All Levels Welcome",
|
|
||||||
icon: Activity,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Open 24/7",
|
|
||||||
icon: Clock,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Modern Equipment",
|
|
||||||
icon: Zap,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Expert Guidance",
|
|
||||||
icon: Award,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -172,8 +100,7 @@ export default function LandingPage() {
|
|||||||
title="Local Roots, Global Quality"
|
title="Local Roots, Global Quality"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Learn More",
|
text: "Learn More"},
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -185,26 +112,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Strength Training", subtitle: "Top tier equipment", category: "Weights", value: "24/7 Access"},
|
||||||
title: "Strength Training",
|
|
||||||
subtitle: "Top tier equipment",
|
|
||||||
category: "Weights",
|
|
||||||
value: "24/7 Access",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Cardio Zone", subtitle: "Modern endurance gear", category: "Cardio", value: "Unlimited"},
|
||||||
title: "Cardio Zone",
|
|
||||||
subtitle: "Modern endurance gear",
|
|
||||||
category: "Cardio",
|
|
||||||
value: "Unlimited",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Wellness Studio", subtitle: "Yoga and mobility", category: "Classes", value: "Included"},
|
||||||
title: "Wellness Studio",
|
|
||||||
subtitle: "Yoga and mobility",
|
|
||||||
category: "Classes",
|
|
||||||
value: "Included",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Everything You Need"
|
title="Everything You Need"
|
||||||
description="Comprehensive facilities for all fitness levels."
|
description="Comprehensive facilities for all fitness levels."
|
||||||
@@ -218,33 +130,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", price: "$29/mo", name: "Basic", buttons: [
|
||||||
price: "$29/mo",
|
|
||||||
name: "Basic",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Sign Up",
|
text: "Sign Up"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Gym access",
|
"Gym access", "Free weights"],
|
||||||
"Free weights",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", price: "$49/mo", name: "Pro", buttons: [
|
||||||
price: "$49/mo",
|
|
||||||
name: "Pro",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Sign Up",
|
text: "Sign Up"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"All basic features",
|
"All basic features", "Classes included", "Guest pass"],
|
||||||
"Classes included",
|
|
||||||
"Guest pass",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Membership Plans"
|
title="Membership Plans"
|
||||||
@@ -259,23 +158,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
team={[
|
team={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Alex Smith", role: "Head Coach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mbs5x8"},
|
||||||
name: "Alex Smith",
|
|
||||||
role: "Head Coach",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mbs5x8",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Jordan P.", role: "Instructor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ks78u"},
|
||||||
name: "Jordan P.",
|
|
||||||
role: "Instructor",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7ks78u",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Casey L.", role: "Trainer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m9ry5i"},
|
||||||
name: "Casey L.",
|
|
||||||
role: "Trainer",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m9ry5i",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Coaches"
|
title="Our Coaches"
|
||||||
description="Experts dedicated to your success."
|
description="Experts dedicated to your success."
|
||||||
@@ -289,59 +176,25 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah", role: "Local Member", company: "Small Town", rating: 5,
|
||||||
name: "Sarah",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hexjwl"},
|
||||||
role: "Local Member",
|
|
||||||
company: "Small Town",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hexjwl",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Mark", role: "Member", company: "Small Town", rating: 5,
|
||||||
name: "Mark",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d6ezqe"},
|
||||||
role: "Member",
|
|
||||||
company: "Small Town",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d6ezqe",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Elena", role: "Member", company: "Small Town", rating: 5,
|
||||||
name: "Elena",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gmxqdb"},
|
||||||
role: "Member",
|
|
||||||
company: "Small Town",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gmxqdb",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Paul", role: "Member", company: "Small Town", rating: 5,
|
||||||
name: "Paul",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahe7k4"},
|
||||||
role: "Member",
|
|
||||||
company: "Small Town",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahe7k4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Julie", role: "Member", company: "Small Town", rating: 5,
|
||||||
name: "Julie",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zt4124"},
|
||||||
role: "Member",
|
|
||||||
company: "Small Town",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zt4124",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{ value: "500+", label: "Members" },
|
||||||
value: "500+",
|
{ value: "15+", label: "Years" },
|
||||||
label: "Members",
|
{ value: "100%", label: "Happy" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "15+",
|
|
||||||
label: "Years",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "100%",
|
|
||||||
label: "Happy",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Community Love"
|
title="Community Love"
|
||||||
description="Hear what our members think about the gym."
|
description="Hear what our members think about the gym."
|
||||||
@@ -352,15 +205,13 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Contact Us"
|
tag="Contact Us"
|
||||||
title="Ready to Start?"
|
title="Ready to Start?"
|
||||||
description="Stop by for a tour or sign up online."
|
description="Stop by for a tour or sign up online."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get in Touch",
|
text: "Get in Touch"},
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -370,29 +221,15 @@ export default function LandingPage() {
|
|||||||
logoText="SmallTown Fit"
|
logoText="SmallTown Fit"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
{ label: "About", href: "#about" },
|
||||||
{
|
{ label: "Team", href: "#team" },
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Team",
|
|
||||||
href: "#team",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
{ label: "Membership", href: "#pricing" },
|
||||||
{
|
{ label: "Classes", href: "#features" },
|
||||||
label: "Membership",
|
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Classes",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -401,4 +238,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user