186 lines
8.9 KiB
TypeScript
186 lines
8.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Benefits", id: "features" },
|
|
{ name: "Trainers", id: "team" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Fitness Iron Gym"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{ variant: "plain" }}
|
|
title="Sculpt Your Best Self at Fitness Iron Gym"
|
|
description="Experience Dhaka's premier fitness destination where luxury meets performance. Join a community dedicated to health, discipline, and results."
|
|
testimonials={[
|
|
{ name: "Shahrier Islam", handle: "@shahrier", testimonial: "These gym shorts are fantastic! The atmosphere is clean and perfect for my daily workout.", rating: 5 },
|
|
{ name: "Arifa Akter Eva", handle: "@arifa", testimonial: "I'm satisfied with the Girls Group here. Trainers are so helpful. I'll stay with this gym.", rating: 5 },
|
|
{ name: "Tushar Das", handle: "@tushar", testimonial: "Fantastic environment that enriches mental and physical health. Highly recommend.", rating: 5 },
|
|
{ name: "Kamrul Islam", handle: "@kamrul", testimonial: "The equipment is top notch and the staff is incredibly supportive.", rating: 5 },
|
|
{ name: "Fatima Zahra", handle: "@fatima", testimonial: "The best investment for my health this year. Highly recommended!", rating: 5 }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-shirtless-man-lifting-weights_23-2148418188.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatarText="Join 500+ satisfied members"
|
|
marqueeItems={[
|
|
{ type: "text", text: "24/7 Access" },
|
|
{ type: "text", text: "Expert Coaching" },
|
|
{ type: "text", text: "Premium Equipment" },
|
|
{ type: "text", text: "Community Focused" },
|
|
{ type: "text", text: "Personal Training" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="The Mugda Fitness Standard"
|
|
description="Fitness Iron Gym is more than just a training space; it's a second home where discipline, tidiness, and support converge to help you hit your goals."
|
|
metrics={[
|
|
{ value: "4+", title: "Years of Excellence" },
|
|
{ value: "500+", title: "Happy Members" },
|
|
{ value: "24/7", title: "Gym Support" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289969.jpg"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Advanced Cardio Area", description: "Top-tier treadmills and bikes to boost your stamina.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-weights-gym_23-2148768913.jpg" },
|
|
{ title: "Weightlifting Zone", description: "Rugged, high-performance racks and free weights for strength gains.", imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-dumbbell-from-rack-gym-close-up-her-hand_169016-46934.jpg" },
|
|
{ title: "Organized Equipment", description: "Tidy facility with everything you need for efficient training.", imageSrc: "http://img.b2bpic.net/free-photo/man-choosing-barbell-gym_23-2147671883.jpg" }
|
|
]}
|
|
title="Premium Facilities & Equipment"
|
|
description="We ensure your journey is seamless with world-class gear and a pristine environment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "10kg", description: "Avg weight loss achieved" },
|
|
{ id: "m2", value: "6+", description: "Months to transformation" },
|
|
{ id: "m3", value: "10/10", description: "Member satisfaction rating" }
|
|
]}
|
|
title="Real Results, Real Impact"
|
|
description="Our community is evidence of the power of consistent training and guidance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
groups={[
|
|
{
|
|
id: "g1", groupTitle: "Fitness Coaches", members: [
|
|
{ id: "t1", title: "Aynal Vai", subtitle: "Senior Trainer", detail: "Extremely experienced and well-regarded for his mentorship." },
|
|
{ id: "t2", title: "Eti Apu", subtitle: "Wellness Guide", detail: "Empathetic, supportive, and dedicated to every member." }
|
|
]
|
|
}
|
|
]}
|
|
title="Expert Personal Trainers"
|
|
description="Our trainers aren't just experts; they're supportive partners in your fitness success."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "test1", title: "Weight Loss Success", quote: "I lost 10kg in 6 months! The training here is truly professional and caring.", name: "Fahsim Islam", role: "Member" },
|
|
{ id: "test2", title: "Family Environment", quote: "I pass 2+ hours here every day. It's like my second family. Trainers are so friendly.", name: "Kamrul Islam", role: "Member" },
|
|
{ id: "test3", title: "Best in Dhaka", quote: "The atmosphere enriches our physical and mental health. Truly outstanding.", name: "Tushar Das", role: "Member" },
|
|
{ id: "test4", title: "Supportive Coaches", quote: "The trainer is very good and caring. I suggest everyone join here.", name: "Abdullah", role: "Member" },
|
|
{ id: "test5", title: "Exceptional Quality", quote: "Outstanding gym with great trainers. I love working out here.", name: "Nazim Rubu", role: "Member" }
|
|
]}
|
|
title="Voices of the Iron Gym Community"
|
|
description="Read stories from those who transformed their bodies and minds in our gym."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "Are there special facilities for girls?", content: "Yes, we have dedicated support and excellent facilities ensuring privacy and comfort for our female members." },
|
|
{ id: "q2", title: "Is the gym affordable?", content: "Absolutely. We pride ourselves on offering high-quality, professional training at a budget-friendly range." },
|
|
{ id: "q3", title: "Can beginners join?", content: "Yes! Our trainers are very caring and humble, making it easy for beginners to start their journey." }
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know before joining our gym family."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
text="Ready to transform your life at Fitness Iron Gym? Drop by our Mugda branch today for a tour and meet your future trainers."
|
|
buttons={[{ text: "Visit Us Today", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Fitness Iron Gym"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|