447 lines
16 KiB
TypeScript
447 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Activity, Award, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "About Us",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Features",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "Coach",
|
|
id: "#coach",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="CrossFit Gym Amritsar"
|
|
button={{
|
|
text: "Join Now",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "downward-rays-animated-grid",
|
|
}}
|
|
title="Unleash Your Potential at CrossFit Gym Amritsar"
|
|
description="Experience an unparalleled fitness journey with expert coaching, a vibrant community, and state-of-the-art facilities. Achieve your strength, stamina, and health goals with us."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-with-dumbbell_23-2151717281.jpg?_wi=1",
|
|
imageAlt: "Group workout in CrossFit gym",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-training-with-weights_23-2148603901.jpg?_wi=1",
|
|
imageAlt: "Woman doing box jumps",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/graceful-muscular-sportsman-workouts-air-with-gymnastic-rings-training-abandoned-industrial-building_613910-21814.jpg",
|
|
imageAlt: "Man lifting barbell",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-people-together_23-2148948543.jpg",
|
|
imageAlt: "Full shot fit people together",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-lifting-weight_23-2148774238.jpg",
|
|
imageAlt: "Medium shot man lifting weight",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-latin-people-training-outdoors_23-2151039413.jpg",
|
|
imageAlt: "Group stretching",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bearded-senior-man-doing-plank-gym-with-his-beautiful-fit-female-trainer-clapping-hands-make-exercise-more-complex-healthy-active-lifestyle-people-age-fitness-concept_343059-4790.jpg",
|
|
imageAlt: "Coach guiding a workout",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sport-equipment-device_23-2149177959.jpg",
|
|
imageAlt: "Clean gym interior",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-twerking_23-2149879688.jpg",
|
|
imageAlt: "Full shot smiley friends twerking",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/men-training-together-outdoors-with-weights_23-2150765082.jpg",
|
|
imageAlt: "Men training together outdoors with weights",
|
|
},
|
|
]}
|
|
tag="Elevate Your Fitness"
|
|
buttons={[
|
|
{
|
|
text: "Join Our Community",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Explore Classes",
|
|
href: "#features",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/vertical-shot-tired-sporty-woman-leans-forward-feels-tired-takes-break-after-running-drinks-fresh-water-listens-music-via-wireless-headphones-poses-against-grey-wall-people-sport-wellness-concept_273609-59154.jpg",
|
|
alt: "Happy member 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-working-out-gym_23-2148111589.jpg",
|
|
alt: "Happy member 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/dedicated-female-athlete-having-cross-training-gym-exercising-with-battle-rope_637285-875.jpg",
|
|
alt: "Happy member 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-athletic-female-with-barbell-gym-club_613910-16859.jpg",
|
|
alt: "Happy member 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/bodybuilder-posing-gym-studio-shot_613910-16512.jpg",
|
|
alt: "Happy member 5",
|
|
},
|
|
]}
|
|
avatarText="Join 500+ satisfied members"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Achieve Your Goals",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Expert Coaching",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Supportive Community",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "State-of-the-Art Facilities",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Transform Your Life",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="About CrossFit Gym Amritsar"
|
|
description={[
|
|
"CrossFit Gym Amritsar is more than just a gym; it's a community dedicated to transforming lives through fitness. We foster an environment of discipline, energy, and unwavering support, making every workout an impactful step towards your best self.",
|
|
"Our philosophy is centered around functional fitness that builds real-world strength and endurance. With top-notch equipment and a meticulously maintained facility, we provide the perfect foundation for high-intensity training, catering to all fitness levels from beginners to advanced athletes.",
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Our Mission",
|
|
href: "#",
|
|
},
|
|
{
|
|
text: "Our Values",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Expert Coaching",
|
|
description: "Benefit from personalized guidance and constant motivation from highly dedicated and expert coaches like Mr. Noblepreet Singh, ensuring safe and confident progress.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Award,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-muscular-tattooed-strong-muscle-bearded-european-man-doing-hard-exercise_343596-1187.jpg",
|
|
imageAlt: "crossfit training program",
|
|
},
|
|
{
|
|
title: "Vibrant Community",
|
|
description: "Join a supportive family where everyone motivates each other, transforming your fitness journey into a shared, empowering experience.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Users,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-with-dumbbell_23-2151717281.jpg?_wi=2",
|
|
imageAlt: "crossfit training program",
|
|
},
|
|
{
|
|
title: "State-of-the-Art Facility",
|
|
description: "Train in a well-equipped, clean, and dynamic gym, designed to support high-intensity and functional fitness workouts.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Activity,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-training-with-weights_23-2148603901.jpg?_wi=2",
|
|
imageAlt: "crossfit training program",
|
|
},
|
|
]}
|
|
title="What Makes Us Exceptional"
|
|
description="Discover the core elements that define the CrossFit Gym Amritsar experience, from personalized coaching to a motivating community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="coach" data-section="coach">
|
|
<TeamCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
gridVariant="one-large-right-three-stacked-left"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "noblepreet-singh",
|
|
name: "Mr. Noblepreet Singh",
|
|
role: "Head Coach & Founder",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32112.jpg",
|
|
imageAlt: "Coach Noblepreet Singh",
|
|
},
|
|
]}
|
|
title="Meet Our Head Coach: Mr. Noblepreet Singh"
|
|
description="Coach Noblepreet Singh is the driving force behind our members' success. His dedication, expertise, and personalized guidance are truly commendable, ensuring every athlete reaches their full potential."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="Our Impact & Achievements"
|
|
tag="Results Speak"
|
|
metrics={[
|
|
{
|
|
id: "members",
|
|
value: "500+",
|
|
description: "Active Members",
|
|
},
|
|
{
|
|
id: "classes",
|
|
value: "100+",
|
|
description: "Classes per Month",
|
|
},
|
|
{
|
|
id: "satisfaction",
|
|
value: "98%",
|
|
description: "Member Satisfaction",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Priya Sharma",
|
|
role: "Fitness Enthusiast",
|
|
company: "Local Business Owner",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13209.jpg",
|
|
imageAlt: "Priya Sharma",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Rahul Kapoor",
|
|
role: "Software Engineer",
|
|
company: "Tech Innovations",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-woman-mountain-looking-away_23-2148343493.jpg",
|
|
imageAlt: "Rahul Kapoor",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Ananya Gupta",
|
|
role: "University Student",
|
|
company: "Amritsar University",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-gym_1157-15950.jpg",
|
|
imageAlt: "Ananya Gupta",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Vikramjeet Singh",
|
|
role: "Marketing Manager",
|
|
company: "Global Brands Inc.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/image-young-woman-doing-aerobics-workout-form-home-listening-music-wireless-headphones-making_1258-197005.jpg",
|
|
imageAlt: "Vikramjeet Singh",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Simran Kaur",
|
|
role: "Entrepreneur",
|
|
company: "Startup Ventures",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-towel-her-shoulder-pointing-back-smiling-cheerfully-standing-pink-wall_141793-48807.jpg",
|
|
imageAlt: "Simran Kaur",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "5 Stars",
|
|
label: "Average Rating",
|
|
},
|
|
{
|
|
value: "100+",
|
|
label: "Success Stories",
|
|
},
|
|
{
|
|
value: "5 Years",
|
|
label: "Changing Lives",
|
|
},
|
|
]}
|
|
title="Hear From Our Amazing Members"
|
|
description="Our community is our strength. Read how CrossFit Gym Amritsar has transformed lives and fostered a true sense of belonging."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Fitness Gear Pro",
|
|
"Nutrition Hub",
|
|
"Amritsar Sports Club",
|
|
"PhysioCare Clinic",
|
|
"Healthy Living Magazine",
|
|
"Corporate Wellness Co.",
|
|
"Yoga & Pilates Studio",
|
|
]}
|
|
title="Trusted by Fitness Enthusiasts & Local Brands"
|
|
description="Our partnerships reflect our commitment to excellence and community engagement in Amritsar's fitness landscape."
|
|
tag="Community & Partners"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1",
|
|
title: "What is CrossFit?",
|
|
content: "CrossFit is a high-intensity fitness program incorporating elements from several sports and types of exercise. It's designed to improve overall fitness, strength, and endurance.",
|
|
},
|
|
{
|
|
id: "faq-2",
|
|
title: "Is CrossFit suitable for beginners?",
|
|
content: "Absolutely! Our expert coaches provide personalized guidance and scalable workouts, making CrossFit accessible and effective for all fitness levels, including complete beginners.",
|
|
},
|
|
{
|
|
id: "faq-3",
|
|
title: "What kind of equipment do you have?",
|
|
content: "Our gym is fully equipped with state-of-the-art CrossFit gear, including barbells, dumbbells, pull-up rigs, rowing machines, assault bikes, and more, all maintained to the highest standards.",
|
|
},
|
|
{
|
|
id: "faq-4",
|
|
title: "How do I sign up for a membership?",
|
|
content: "You can sign up directly on our website or visit our gym during business hours. Our team will guide you through the membership options and help you choose the best plan for your fitness goals.",
|
|
},
|
|
{
|
|
id: "faq-5",
|
|
title: "What are your operating hours?",
|
|
content: "We are open Monday to Friday from 5 AM to 9 PM, and Saturday from 7 AM to 2 PM. We are closed on Sundays.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-sport-outfit-holding-white-sign-measuring-her-body-white-desk-body-health-sport-beauty-exercises-fit_140725-85426.jpg"
|
|
imageAlt="Gym members discussing training"
|
|
mediaAnimation="slide-up"
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our gym, memberships, classes, and coaching philosophy."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
tag="Start Your Journey"
|
|
title="Join CrossFit Gym Amritsar Today!"
|
|
description="Ready to experience the best fitness journey in Amritsar? Drop us a line, and we'll help you get started. Improve your strength, stamina, and overall health with our dedicated community."
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Get Started Now"
|
|
termsText="By clicking 'Get Started Now', you agree to our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="CrossFit Gym Amritsar"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|