341 lines
16 KiB
TypeScript
341 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { Zap, CheckCircle, Sparkles, Award, Star, HelpCircle, Phone, Dumbbell, Target, Users, Heart, TrendingDown, Smile, BookOpen, DollarSign, Eye, MessageSquare, Home } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Programs", id: "programs" },
|
|
{ name: "About Us", id: "about" },
|
|
{ name: "Hygiene & Safety", id: "hygiene" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Programs", href: "/" },
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Hygiene & Safety", href: "/hygiene-safety" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Book Free Trial", href: "#contact" },
|
|
{ label: "Call: (555) 123-4567", href: "tel:+15551234567" },
|
|
{ label: "Email: info@elitefitness.com", href: "mailto:info@elitefitness.com" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Membership Agreement", href: "#" },
|
|
{ label: "Cancellation Policy", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Elite Fitness"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Book Free Trial",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Transform Your Fitness with Expert Guidance in Your City"
|
|
description="Clean, well-equipped gym with certified trainers who care about your success. No judgment, just real results. Join our supportive fitness community today."
|
|
tag="Welcome to Elite Fitness"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+1234567890" },
|
|
{ text: "📝 Book Free Trial", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-women-training-with-yoga-mats_23-2148938423.jpg"
|
|
imageAlt="Clean, bright gym interior with modern equipment"
|
|
mediaAnimation="blur-reveal"
|
|
background={{ variant: "gradient-bars" }}
|
|
avatarText="Join 500+ members transforming their fitness"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-recovery" data-section="trust-recovery">
|
|
<MediaAbout
|
|
tag="Why Elite Fitness"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
title="Your Health & Cleanliness Matter to Us"
|
|
description="We've invested in state-of-the-art equipment maintenance and cleaning protocols. Every member receives guidance from certified trainers. Transparent pricing means no hidden charges—just honest fitness coaching."
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-man-gym-with-medical-masks_23-2148766010.jpg?_wi=1"
|
|
imageAlt="Sanitized, well-maintained gym equipment"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Learn About Our Standards", href: "/hygiene-safety" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
title="Our Services"
|
|
description="Tailored fitness solutions for everyone—from beginners to experienced members."
|
|
tag="Programs & Guidance"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "Weight Training",
|
|
description: "Comprehensive strength programs with expert form coaching to build muscle safely.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{ icon: Dumbbell, label: "Form Coaching", value: "Expert guidance" },
|
|
{ icon: Target, label: "Goal-Oriented", value: "Real results" },
|
|
],
|
|
},
|
|
{
|
|
title: "Personal Training",
|
|
description: "One-on-one sessions with certified trainers tailored to your specific fitness goals.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{ icon: Users, label: "Certified Trainers", value: "Professional guidance" },
|
|
{ icon: Heart, label: "Personalized Plans", value: "Custom approach" },
|
|
],
|
|
},
|
|
{
|
|
title: "Fat Loss Programs",
|
|
description: "Structured programs combining cardio, resistance, and nutrition guidance for sustainable results.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{ icon: TrendingDown, label: "Proven Results", value: "Member success" },
|
|
{ icon: Zap, label: "Fast-Track Options", value: "Accelerated results" },
|
|
],
|
|
},
|
|
{
|
|
title: "Beginner Programs",
|
|
description: "Welcoming, non-intimidating introduction to fitness with supportive trainers every step.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{ icon: Smile, label: "No Judgment", value: "Supportive environment" },
|
|
{ icon: BookOpen, label: "Learn Fundamentals", value: "Build strong foundation" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose-us" data-section="why-choose-us">
|
|
<FeatureBento
|
|
title="Why Choose Elite Fitness"
|
|
description="We combine professional expertise, clean facilities, and genuine care for member success."
|
|
tag="What Sets Us Apart"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "Experienced Trainers",
|
|
description: "Our certified trainers have years of experience and a passion for helping members achieve real results.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{ icon: Award, label: "Certified", value: "Professional" },
|
|
{ icon: Sparkles, label: "Knowledgeable", value: "Expert guidance" },
|
|
],
|
|
},
|
|
{
|
|
title: "Affordable Plans",
|
|
description: "Quality fitness shouldn't break the bank. Our transparent pricing ensures you get real value.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{ icon: DollarSign, label: "Fair Pricing", value: "No hidden costs" },
|
|
{ icon: Zap, label: "Flexible Options", value: "Pay as you go" },
|
|
],
|
|
},
|
|
{
|
|
title: "Friendly Environment",
|
|
description: "We've built a welcoming community where everyone is focused on their own journey, not judgments.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{ icon: Users, label: "Community Vibe", value: "Supportive members" },
|
|
{ icon: Home, label: "Family Feel", value: "Welcoming space" },
|
|
],
|
|
},
|
|
{
|
|
title: "Proper Guidance",
|
|
description: "Every member gets personalized attention to ensure correct form and maximum safety.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{ icon: Eye, label: "Form Checks", value: "Safety first" },
|
|
{ icon: MessageSquare, label: "Open Communication", value: "Always available" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
names={[
|
|
"Member Since 2015",
|
|
"500+ Active Members",
|
|
"200+ Success Stories",
|
|
"Industry Certified",
|
|
"Daily Support Available",
|
|
"100% Satisfaction Focus",
|
|
"Local Community Trusted",
|
|
]}
|
|
title="Trusted by Our Community"
|
|
description="Join hundreds of members who've transformed their fitness and found their motivation here at Elite Fitness."
|
|
tag="Our Promise"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Real Results from Real Members"
|
|
tag="Our Impact"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "members", value: "500+", description: "Active members achieving their goals" },
|
|
{ id: "transformations", value: "200+", description: "Member success stories and transformations" },
|
|
{ id: "experience", value: "9 Years", description: "Serving the community with dedication" },
|
|
{ id: "satisfaction", value: "98%", description: "Member satisfaction and retention rate" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/emotive-athletic-woman-posing-against-pink-wall_273609-20250.jpg?_wi=1", imageAlt: "Sarah Johnson" },
|
|
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-holding-dumbbell-isolated-purple_141793-73334.jpg?_wi=1", imageAlt: "Michael Chen" },
|
|
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fit-young-woman-outdoor_23-2148381970.jpg?_wi=1", imageAlt: "Emily Rodriguez" },
|
|
{ id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/upperangle-shot-attractive-sweaty-sportswoman-using-gym-equipment-gain-perfect-abs-good-body-shape-pushup-rings-pumping-biceps-smiling-as-if-feeling-joy-working-out-train-endurance_197531-30367.jpg?_wi=1", imageAlt: "David Kim" },
|
|
{ id: "5", name: "Jessica Wu", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-joyful-diverse-couple-keep-muscle-flexible-have-daily-workout-wear-sports-clothing-stand-closely-look-camera-with-happy-expression_273609-32465.jpg?_wi=1", imageAlt: "Jessica Wu" },
|
|
{ id: "6", name: "James Martinez", imageSrc: "http://img.b2bpic.net/free-photo/person-training-athletics_23-2151077720.jpg?_wi=1", imageAlt: "James Martinez" },
|
|
]}
|
|
cardTitle="What Our Members Say"
|
|
cardTag="Best trainers and guidance in the city. Clean facility, supportive environment, and real results!"
|
|
cardTagIcon={Heart}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
tag="Common Questions"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about memberships, trainers, or how we maintain our facilities? We've got answers."
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205575.jpg?_wi=1"
|
|
imageAlt="Personal trainer providing guidance to gym member"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Is the gym clean and hygienic?",
|
|
content: "Absolutely. We follow strict cleaning protocols with sanitized equipment throughout the day. Our facility is cleaned daily with professional-grade disinfectants. Every member contributes to keeping the space clean and respectful.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "I'm a complete beginner. Will I feel out of place?",
|
|
content: "Not at all. Our Beginner Programs are designed specifically for people new to fitness. Our trainers are patient, supportive, and will guide you safely through every exercise. Many of our 500+ members started exactly where you are.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Do I need to commit to a long contract?",
|
|
content: "We offer flexible membership options. Choose month-to-month, quarterly, or annual plans. No hidden contracts. Our transparent pricing means you only pay for what you use. If our gym isn't right for you, you're free to leave—no penalties.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "How do trainers provide guidance?",
|
|
content: "Our certified trainers offer form checks during weight training, personalized training sessions, and guidance on nutrition. They're available throughout the day to answer questions and ensure you're exercising safely.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "What makes this gym different?",
|
|
content: "We focus on three things: cleanliness, expert guidance, and affordability. We've been serving this community for 9+ years with real trainers who care about your success—not just your membership fee.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Can I book a free trial?",
|
|
content: "Yes! Book a free 1-day trial to experience our facility, meet our trainers, and see if Elite Fitness is right for you. No credit card required. Click 'Book Free Trial' to schedule your visit.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
tagIcon={Phone}
|
|
title="Ready to Transform Your Fitness?"
|
|
description="Book your free trial today or call us to learn more about our programs and membership options."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="Enter your email or phone"
|
|
buttonText="Book Free Trial"
|
|
termsText="By booking, you agree to our terms and will receive contact info about your trial."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Elite Fitness"
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |