Merge version_1 into main #2
304
src/app/page.tsx
304
src/app/page.tsx
@@ -33,30 +33,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Classes",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Instructors",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Classes", id: "features" },
|
||||
{ name: "Instructors", id: "team" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Naples Motion Studio"
|
||||
/>
|
||||
@@ -66,36 +48,16 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Move, Dance, Transform Your Body"
|
||||
description="Join Naples' most energetic fitness and dance studio. Expert instructors, flexible classes, and a supportive community await you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your First Class",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150228965.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Your First Class", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150228965.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={false}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-breakdance-performance_23-2148855045.jpg",
|
||||
alt: "Male breakdance performance",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/curly-brunette-plus-size-model-doing-acrobatic-dance-room_627829-8078.jpg",
|
||||
alt: "Curly brunette plus size model doing acrobatic at dance room",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-performing-stretching-exercise-exercise-mat_1170-278.jpg",
|
||||
alt: "Woman performing stretching exercise on exercise mat",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-dancer-practising-dance-studio_23-2148003955.jpg",
|
||||
alt: "Young female dancer practising in the dance studio",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-feels-positive-makes-thumbs-up_114579-14503.jpg",
|
||||
alt: "Young girl feels positive and makes thumbs up.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-breakdance-performance_23-2148855045.jpg", alt: "Male breakdance performance" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/curly-brunette-plus-size-model-doing-acrobatic-dance-room_627829-8078.jpg", alt: "Curly brunette plus size model doing acrobatic at dance room" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-performing-stretching-exercise-exercise-mat_1170-278.jpg", alt: "Woman performing stretching exercise on exercise mat" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-dancer-practising-dance-studio_23-2148003955.jpg", alt: "Young female dancer practising in the dance studio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-girl-feels-positive-makes-thumbs-up_114579-14503.jpg", alt: "Young girl feels positive and makes thumbs up." },
|
||||
]}
|
||||
avatarText="Join 500+ happy members"
|
||||
/>
|
||||
@@ -106,7 +68,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Passion for Movement"
|
||||
description="At Naples Motion Studio, we believe movement is medicine. Whether you're a seasoned dancer or a fitness beginner, our community-driven classes are designed to build strength, confidence, and joy in a welcoming environment."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-doing-parkour-training_23-2150410925.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-doing-parkour-training_23-2150410925.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,49 +79,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dance Cardio",
|
||||
description: "High-energy dance workouts that burn calories and boost mood.",
|
||||
icon: Zap,
|
||||
title: "Dance Cardio", description: "High-energy dance workouts that burn calories and boost mood.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=il5llq",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114135.jpg",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=il5llq", imageAlt: "fitness class icons set" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114135.jpg", imageAlt: "modern gym equipment studio" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150228965.jpg?_wi=2",
|
||||
imageAlt: "fitness class icons set",
|
||||
},
|
||||
{
|
||||
title: "Yoga Flow",
|
||||
description: "Find your balance with gentle, mindful yoga sessions.",
|
||||
icon: Leaf,
|
||||
title: "Yoga Flow", description: "Find your balance with gentle, mindful yoga sessions.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-girls-posing-together_23-2149490219.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-lifting-barbell-bar_23-2147789575.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-girls-posing-together_23-2149490219.jpg", imageAlt: "modern gym equipment studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-lifting-barbell-bar_23-2147789575.jpg", imageAlt: "stretching pilates fitness class" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-parkour-training_23-2150410925.jpg?_wi=2",
|
||||
imageAlt: "fitness class icons set",
|
||||
},
|
||||
{
|
||||
title: "Strength & Tone",
|
||||
description: "Build lean muscle through targeted, low-impact conditioning.",
|
||||
icon: Activity,
|
||||
title: "Strength & Tone", description: "Build lean muscle through targeted, low-impact conditioning.", icon: Activity,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-group-young-people-doing-yoga-class_171337-13826.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8hjufo",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mixed-group-young-people-doing-yoga-class_171337-13826.jpg", imageAlt: "stretching pilates fitness class" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8hjufo", imageAlt: "fitness class icons set" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-white-id-badges-hanging-gray-background_9975-135594.jpg?_wi=1",
|
||||
imageAlt: "fitness class icons set",
|
||||
},
|
||||
]}
|
||||
title="Classes Designed for Everyone"
|
||||
@@ -174,42 +112,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Single Drop-in",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-white-id-badges-hanging-gray-background_9975-135594.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "5 Class Pack",
|
||||
price: "$115",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "10 Class Pack",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-doing-fitness-exercises-with-dumbbells-class_1163-1291.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Monthly Unlimited",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-polo-players-pool-with-swimming-equipment_23-2150893920.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Student Pass",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sports-items-with-clipboard_23-2148259144.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "New Client Special",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163342.jpg",
|
||||
},
|
||||
{ id: "1", name: "Single Drop-in", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/blank-white-id-badges-hanging-gray-background_9975-135594.jpg" },
|
||||
{ id: "2", name: "5 Class Pack", price: "$115", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg" },
|
||||
{ id: "3", name: "10 Class Pack", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-doing-fitness-exercises-with-dumbbells-class_1163-1291.jpg" },
|
||||
{ id: "4", name: "Monthly Unlimited", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/water-polo-players-pool-with-swimming-equipment_23-2150893920.jpg" },
|
||||
{ id: "5", name: "Student Pass", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sports-items-with-clipboard_23-2148259144.jpg" },
|
||||
{ id: "6", name: "New Client Special", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163342.jpg" },
|
||||
]}
|
||||
title="Our Class Packages"
|
||||
description="Flexible booking options to fit your lifestyle and fitness goals."
|
||||
@@ -223,24 +131,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Head Fitness Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-people-partying-together_23-2148628945.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Rossi",
|
||||
role: "Dance Instructor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dancer-practicing-contemporary-dance_107420-63942.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Vance",
|
||||
role: "Yoga Practitioner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background_613910-15829.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Head Fitness Coach", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-people-partying-together_23-2148628945.jpg" },
|
||||
{ id: "2", name: "David Rossi", role: "Dance Instructor", imageSrc: "http://img.b2bpic.net/free-photo/dancer-practicing-contemporary-dance_107420-63942.jpg" },
|
||||
{ id: "3", name: "Elena Vance", role: "Yoga Practitioner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background_613910-15829.jpg" },
|
||||
]}
|
||||
title="Meet Our Expert Instructors"
|
||||
description="Our team of certified professionals is dedicated to supporting your unique fitness journey."
|
||||
@@ -254,46 +147,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Member",
|
||||
company: "Naples Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
role: "Member",
|
||||
company: "Naples Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-engaged-gym_1157-32101.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica L.",
|
||||
role: "Member",
|
||||
company: "Naples Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-gym-training_23-2148419894.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brian T.",
|
||||
role: "Member",
|
||||
company: "Naples Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria P.",
|
||||
role: "Member",
|
||||
company: "Naples Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007192.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Member", company: "Naples Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg" },
|
||||
{ id: "2", name: "Michael K.", role: "Member", company: "Naples Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-engaged-gym_1157-32101.jpg" },
|
||||
{ id: "3", name: "Jessica L.", role: "Member", company: "Naples Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-gym-training_23-2148419894.jpg" },
|
||||
{ id: "4", name: "Brian T.", role: "Member", company: "Naples Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg" },
|
||||
{ id: "5", name: "Maria P.", role: "Member", company: "Naples Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007192.jpg" },
|
||||
]}
|
||||
title="Community Love"
|
||||
description="Hear what our members have to say about their experience."
|
||||
@@ -307,55 +165,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Foundation",
|
||||
price: "$99",
|
||||
period: "/month",
|
||||
features: [
|
||||
"4 Classes Monthly",
|
||||
"Community Access",
|
||||
],
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-woman-young-woman-doing-yoga-morning_654080-1096.jpg",
|
||||
imageAlt: "Yoga woman Young woman doing yoga in morning",
|
||||
},
|
||||
id: "basic", title: "Foundation", price: "$99", period: "/month", features: ["4 Classes Monthly", "Community Access"],
|
||||
button: { text: "Select Plan", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-woman-young-woman-doing-yoga-morning_654080-1096.jpg"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Transform",
|
||||
price: "$150",
|
||||
period: "/month",
|
||||
features: [
|
||||
"Unlimited Classes",
|
||||
"Priority Booking",
|
||||
"Guest Passes",
|
||||
],
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150228965.jpg?_wi=3",
|
||||
imageAlt: "Yoga woman Young woman doing yoga in morning",
|
||||
},
|
||||
id: "pro", title: "Transform", price: "$150", period: "/month", features: ["Unlimited Classes", "Priority Booking", "Guest Passes"],
|
||||
button: { text: "Select Plan", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150228965.jpg"},
|
||||
{
|
||||
id: "elite",
|
||||
title: "Ultimate",
|
||||
price: "$250",
|
||||
period: "/month",
|
||||
features: [
|
||||
"Unlimited Everything",
|
||||
"Private Consult",
|
||||
"Apparel Discount",
|
||||
],
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-parkour-training_23-2150410925.jpg?_wi=3",
|
||||
imageAlt: "Yoga woman Young woman doing yoga in morning",
|
||||
},
|
||||
id: "elite", title: "Ultimate", price: "$250", period: "/month", features: ["Unlimited Everything", "Private Consult", "Apparel Discount"],
|
||||
button: { text: "Select Plan", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-parkour-training_23-2150410925.jpg"},
|
||||
]}
|
||||
title="Membership Tiers"
|
||||
description="Choose the best plan to reach your health goals."
|
||||
@@ -367,21 +187,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need dance experience?",
|
||||
content: "Absolutely not! Our classes are beginner-friendly.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I book a class?",
|
||||
content: "You can book directly through our mobile app.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What should I wear?",
|
||||
content: "Comfortable workout clothes and clean gym sneakers.",
|
||||
},
|
||||
{ id: "1", title: "Do I need dance experience?", content: "Absolutely not! Our classes are beginner-friendly." },
|
||||
{ id: "2", title: "How do I book a class?", content: "You can book directly through our mobile app." },
|
||||
{ id: "3", title: "What should I wear?", content: "Comfortable workout clothes and clean gym sneakers." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797674.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -394,9 +202,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Sign up today and get your first class free."
|
||||
@@ -406,14 +212,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Naples Motion Studio"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user