Update src/app/page.tsx
This commit is contained in:
313
src/app/page.tsx
313
src/app/page.tsx
@@ -34,37 +34,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Facilities",
|
||||
id: "facilities",
|
||||
},
|
||||
name: "Facilities", id: "facilities"},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "programs",
|
||||
},
|
||||
name: "Programs", id: "programs"},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "membership",
|
||||
},
|
||||
name: "Membership", id: "membership"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/yoga-wellness-center-logo-template-creative-modern-design-vector_53876-136295.jpg"
|
||||
logoAlt="Fonzie Swimming & Wellness Logo"
|
||||
@@ -75,41 +59,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Premium Fitness, Swimming, Wellness—All Under One Roof"
|
||||
description="Campania's most advanced facility combines state-of-the-art equipment, an Olympic-standard pool, and expert coaching. Join 128 members who've transformed their fitness journey with us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Membership Plans",
|
||||
href: "#membership",
|
||||
},
|
||||
text: "Explore Membership Plans", href: "#membership"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silos-building-exterior_146671-19372.jpg",
|
||||
imageAlt: "Luxurious indoor swimming pool with clear blue water",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silos-building-exterior_146671-19372.jpg", imageAlt: "Luxurious indoor swimming pool with clear blue water"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-sports-girl-performs-exercises-hips-buttocks-healthy-lifestyle_78826-3370.jpg",
|
||||
imageAlt: "State-of-the-art gym with modern cardio and strength equipment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-sports-girl-performs-exercises-hips-buttocks-healthy-lifestyle_78826-3370.jpg", imageAlt: "State-of-the-art gym with modern cardio and strength equipment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725243.jpg",
|
||||
imageAlt: "Serene studio for yoga and group fitness classes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725243.jpg", imageAlt: "Serene studio for yoga and group fitness classes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2303.jpg",
|
||||
imageAlt: "Relaxing spa area with sauna and hydro-massage pool",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2303.jpg", imageAlt: "Relaxing spa area with sauna and hydro-massage pool"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-exercising-weight-bench_329181-14151.jpg",
|
||||
imageAlt: "Personal trainer assisting a client in a fitness session",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-exercising-weight-bench_329181-14151.jpg", imageAlt: "Personal trainer assisting a client in a fitness session"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-dancing-studio_23-2150620995.jpg",
|
||||
imageAlt: "Clean and modern changing rooms with private lockers",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-dancing-studio_23-2150620995.jpg", imageAlt: "Clean and modern changing rooms with private lockers"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,9 +89,7 @@ export default function LandingPage() {
|
||||
title="Experience Unparalleled Wellness at Fonzie Swimming & Wellness"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,34 +101,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "pool",
|
||||
label: "Aquatics",
|
||||
title: "Olympic-Standard Pool",
|
||||
items: [
|
||||
"50-meter lap lanes",
|
||||
"Competitive training ready",
|
||||
"Aqua fitness classes",
|
||||
],
|
||||
id: "pool", label: "Aquatics", title: "Olympic-Standard Pool", items: [
|
||||
"50-meter lap lanes", "Competitive training ready", "Aqua fitness classes"],
|
||||
},
|
||||
{
|
||||
id: "gym",
|
||||
label: "Fitness",
|
||||
title: "Modern Gym & Studios",
|
||||
items: [
|
||||
"Latest cardio and strength equipment",
|
||||
"Functional training zone",
|
||||
"Dedicated group exercise studios",
|
||||
],
|
||||
id: "gym", label: "Fitness", title: "Modern Gym & Studios", items: [
|
||||
"Latest cardio and strength equipment", "Functional training zone", "Dedicated group exercise studios"],
|
||||
},
|
||||
{
|
||||
id: "spa",
|
||||
label: "Relaxation",
|
||||
title: "Spa & Relaxation Zones",
|
||||
items: [
|
||||
"Saunas and steam rooms",
|
||||
"Hydro-massage therapy",
|
||||
"Luxurious recovery lounges",
|
||||
],
|
||||
id: "spa", label: "Relaxation", title: "Spa & Relaxation Zones", items: [
|
||||
"Saunas and steam rooms", "Hydro-massage therapy", "Luxurious recovery lounges"],
|
||||
},
|
||||
]}
|
||||
title="Our State-of-the-Art Facilities"
|
||||
@@ -177,25 +126,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "rating",
|
||||
value: "4.9/5",
|
||||
title: "Star Rating",
|
||||
description: "Over 500 members have rated us for our outstanding facilities and service.",
|
||||
icon: Star,
|
||||
id: "rating", value: "4.9/5", title: "Star Rating", description: "Over 500 members have rated us for our outstanding facilities and service.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "trainers",
|
||||
value: "20+",
|
||||
title: "Expert Trainers",
|
||||
description: "Our certified coaches bring years of experience and passion to guide your fitness journey.",
|
||||
icon: Users,
|
||||
id: "trainers", value: "20+", title: "Expert Trainers", description: "Our certified coaches bring years of experience and passion to guide your fitness journey.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "classes",
|
||||
value: "150+",
|
||||
title: "Weekly Classes",
|
||||
description: "From high-intensity training to calming yoga, discover a diverse schedule to invigorate your routine.",
|
||||
icon: CalendarCheck,
|
||||
id: "classes", value: "150+", title: "Weekly Classes", description: "From high-intensity training to calming yoga, discover a diverse schedule to invigorate your routine.", icon: CalendarCheck,
|
||||
},
|
||||
]}
|
||||
title="Numbers That Speak for Themselves"
|
||||
@@ -208,49 +145,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "yoga",
|
||||
name: "Dynamic Yoga & Pilates",
|
||||
price: "From €15/class",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-easy-seat-pose-rear-view_1163-5012.jpg",
|
||||
imageAlt: "People doing yoga in a bright studio",
|
||||
},
|
||||
id: "yoga", name: "Dynamic Yoga & Pilates", price: "From €15/class", imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-easy-seat-pose-rear-view_1163-5012.jpg", imageAlt: "People doing yoga in a bright studio"},
|
||||
{
|
||||
id: "pt",
|
||||
name: "Personal Training Sessions",
|
||||
price: "From €60/session",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-doing-excercisses-gym-with-personal-male-trainer_1157-51781.jpg",
|
||||
imageAlt: "Personal trainer working with a client in the gym",
|
||||
},
|
||||
id: "pt", name: "Personal Training Sessions", price: "From €60/session", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-doing-excercisses-gym-with-personal-male-trainer_1157-51781.jpg", imageAlt: "Personal trainer working with a client in the gym"},
|
||||
{
|
||||
id: "adult-swim",
|
||||
name: "Adult Swimming Lessons",
|
||||
price: "From €20/lesson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-male-basin_23-2148326775.jpg",
|
||||
imageAlt: "Adults learning to swim with an instructor",
|
||||
},
|
||||
id: "adult-swim", name: "Adult Swimming Lessons", price: "From €20/lesson", imageSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-male-basin_23-2148326775.jpg", imageAlt: "Adults learning to swim with an instructor"},
|
||||
{
|
||||
id: "kids-swim",
|
||||
name: "Kids' Aquatic Programs",
|
||||
price: "From €18/lesson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-swiming-lesson-male-coach-dad-helping-her-with-goggles-while-swimming_1157-50623.jpg",
|
||||
imageAlt: "Children enjoying a swimming lesson",
|
||||
},
|
||||
id: "kids-swim", name: "Kids' Aquatic Programs", price: "From €18/lesson", imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-swiming-lesson-male-coach-dad-helping-her-with-goggles-while-swimming_1157-50623.jpg", imageAlt: "Children enjoying a swimming lesson"},
|
||||
{
|
||||
id: "wellness-workshops",
|
||||
name: "Wellness Workshops",
|
||||
price: "From €30/workshop",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-taking-salad-with-wooden-spoons_23-2147807497.jpg",
|
||||
imageAlt: "Group participating in a wellness workshop",
|
||||
},
|
||||
id: "wellness-workshops", name: "Wellness Workshops", price: "From €30/workshop", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-taking-salad-with-wooden-spoons_23-2147807497.jpg", imageAlt: "Group participating in a wellness workshop"},
|
||||
{
|
||||
id: "spin",
|
||||
name: "High-Intensity Spin Classes",
|
||||
price: "From €12/class",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270248.jpg",
|
||||
imageAlt: "People attending a high-energy spin class",
|
||||
},
|
||||
id: "spin", name: "High-Intensity Spin Classes", price: "From €12/class", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270248.jpg", imageAlt: "People attending a high-energy spin class"},
|
||||
]}
|
||||
title="Explore Our Premium Programs & Services"
|
||||
description="From invigorating group classes to personalized coaching and specialized aquatic programs, we offer a diverse range of options to meet your unique fitness and wellness goals."
|
||||
@@ -264,38 +172,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Starter",
|
||||
price: "€79/month",
|
||||
subtitle: "Essential Access",
|
||||
features: [
|
||||
"Full gym access",
|
||||
"Standard group classes",
|
||||
"Locker room facilities",
|
||||
],
|
||||
id: "basic", badge: "Starter", price: "€79/month", subtitle: "Essential Access", features: [
|
||||
"Full gym access", "Standard group classes", "Locker room facilities"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Popular",
|
||||
price: "€129/month",
|
||||
subtitle: "Enhanced Wellness",
|
||||
features: [
|
||||
"All Basic features",
|
||||
"Olympic pool access",
|
||||
"Spa & relaxation zones",
|
||||
"2 personal training sessions",
|
||||
],
|
||||
id: "premium", badge: "Popular", price: "€129/month", subtitle: "Enhanced Wellness", features: [
|
||||
"All Basic features", "Olympic pool access", "Spa & relaxation zones", "2 personal training sessions"],
|
||||
},
|
||||
{
|
||||
id: "family",
|
||||
badge: "Value",
|
||||
price: "€199/month",
|
||||
subtitle: "Family & Aquatic",
|
||||
features: [
|
||||
"All Premium features (2 adults + 2 children)",
|
||||
"Kids' aquatic programs",
|
||||
"Exclusive family events",
|
||||
],
|
||||
id: "family", badge: "Value", price: "€199/month", subtitle: "Family & Aquatic", features: [
|
||||
"All Premium features (2 adults + 2 children)", "Kids' aquatic programs", "Exclusive family events"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Membership Plans for Every Lifestyle"
|
||||
@@ -311,25 +197,15 @@ export default function LandingPage() {
|
||||
author="Alessia Rossi, Health Professional"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg",
|
||||
alt: "Alessia Rossi",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg", alt: "Alessia Rossi"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-ginger-girl-shows-thumbs-up-smiles-white-teeth-approve-agree-say-yes-recommend-clinic-company-satisfied-with-quality-service-white-background_176420-45534.jpg",
|
||||
alt: "Marco Bianchi",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-ginger-girl-shows-thumbs-up-smiles-white-teeth-approve-agree-say-yes-recommend-clinic-company-satisfied-with-quality-service-white-background_176420-45534.jpg", alt: "Marco Bianchi"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-fitness-woman-holding-yoga-mat-showing-ok-sign-with-fingers-against-grey-wall_23-2148097414.jpg",
|
||||
alt: "Elena Moretti",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-fitness-woman-holding-yoga-mat-showing-ok-sign-with-fingers-against-grey-wall_23-2148097414.jpg", alt: "Elena Moretti"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2933.jpg",
|
||||
alt: "Giuseppe Verdi",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2933.jpg", alt: "Giuseppe Verdi"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-kid-woman-training_23-2148872533.jpg",
|
||||
alt: "The Fontana Family",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-kid-woman-training_23-2148872533.jpg", alt: "The Fontana Family"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -342,35 +218,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What are your operating hours?",
|
||||
content: "Our facility is open Monday to Friday from 6 AM to 10 PM, and on weekends from 8 AM to 8 PM. Please check our schedule for holiday hours.",
|
||||
},
|
||||
id: "faq1", title: "What are your operating hours?", content: "Our facility is open Monday to Friday from 6 AM to 10 PM, and on weekends from 8 AM to 8 PM. Please check our schedule for holiday hours."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer guest passes?",
|
||||
content: "Yes, we offer day passes for prospective members. Please inquire at the reception for more details and to schedule a facility tour.",
|
||||
},
|
||||
id: "faq2", title: "Do you offer guest passes?", content: "Yes, we offer day passes for prospective members. Please inquire at the reception for more details and to schedule a facility tour."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Are swimming lessons available for all ages?",
|
||||
content: "Absolutely! We provide swimming lessons for children starting from 3 years old, as well as adult beginner and advanced classes. Private coaching is also available.",
|
||||
},
|
||||
id: "faq3", title: "Are swimming lessons available for all ages?", content: "Absolutely! We provide swimming lessons for children starting from 3 years old, as well as adult beginner and advanced classes. Private coaching is also available."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What types of group classes do you offer?",
|
||||
content: "Our diverse schedule includes a variety of classes such as Yoga, Pilates, Spin, HIIT, Aqua Aerobics, and more. You can view the full schedule on our website.",
|
||||
},
|
||||
id: "faq4", title: "What types of group classes do you offer?", content: "Our diverse schedule includes a variety of classes such as Yoga, Pilates, Spin, HIIT, Aqua Aerobics, and more. You can view the full schedule on our website."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Is there parking available?",
|
||||
content: "Yes, we offer ample complimentary parking for all our members and guests in our private lot, ensuring convenience during your visit.",
|
||||
},
|
||||
id: "faq5", title: "Is there parking available?", content: "Yes, we offer ample complimentary parking for all our members and guests in our private lot, ensuring convenience during your visit."},
|
||||
{
|
||||
id: "faq6",
|
||||
title: "How can I book a personal training session?",
|
||||
content: "Personal training sessions can be booked directly through our website's member portal or by contacting our fitness team at the front desk. Consultations are free.",
|
||||
},
|
||||
id: "faq6", title: "How can I book a personal training session?", content: "Personal training sessions can be booked directly through our website's member portal or by contacting our fitness team at the front desk. Consultations are free."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our facilities, memberships, programs, and more. If you can't find what you're looking for, feel free to contact us directly."
|
||||
@@ -382,8 +240,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Wellness Journey Today"
|
||||
description="Ready to transform your fitness? Contact us to schedule a tour, inquire about memberships, or book your first class. Our team is here to assist you and help you achieve your health goals."
|
||||
@@ -396,79 +253,47 @@ export default function LandingPage() {
|
||||
logoText="Fonzie Swimming & Wellness"
|
||||
columns={[
|
||||
{
|
||||
title: "Facilities",
|
||||
items: [
|
||||
title: "Facilities", items: [
|
||||
{
|
||||
label: "Olympic Pool",
|
||||
href: "#facilities",
|
||||
},
|
||||
label: "Olympic Pool", href: "#facilities"},
|
||||
{
|
||||
label: "Gym & Studios",
|
||||
href: "#facilities",
|
||||
},
|
||||
label: "Gym & Studios", href: "#facilities"},
|
||||
{
|
||||
label: "Spa & Wellness",
|
||||
href: "#facilities",
|
||||
},
|
||||
label: "Spa & Wellness", href: "#facilities"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Programs",
|
||||
items: [
|
||||
title: "Programs", items: [
|
||||
{
|
||||
label: "Memberships",
|
||||
href: "#membership",
|
||||
},
|
||||
label: "Memberships", href: "#membership"},
|
||||
{
|
||||
label: "Group Classes",
|
||||
href: "#programs",
|
||||
},
|
||||
label: "Group Classes", href: "#programs"},
|
||||
{
|
||||
label: "Personal Training",
|
||||
href: "#programs",
|
||||
},
|
||||
label: "Personal Training", href: "#programs"},
|
||||
{
|
||||
label: "Swimming Lessons",
|
||||
href: "#programs",
|
||||
},
|
||||
label: "Swimming Lessons", href: "#programs"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user