121 lines
5.2 KiB
TypeScript
121 lines
5.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Award, CheckCircle, Shield, Dumbbell, Zap, Users, UserPlus } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Classes", id: "classes" },
|
|
{ name: "Coaches", id: "coaches" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Faisal Gym"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Faisal Gym"
|
|
description="Unleash Your Potential in the heart of Giza. Premium fitness equipment and expert coaching."
|
|
buttons={[
|
|
{ text: "Book Trial", href: "#contact" },
|
|
{ text: "View Plans", href: "#pricing" },
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "https://img.b2bpic.net/free-photo/gym-with-dumbbells-weights_1150-13617.jpg" },
|
|
{ imageSrc: "https://img.b2bpic.net/free-photo/muscular-man-lifting-heavy-barbell_1150-14364.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<AboutMetric
|
|
title="Why Choose Faisal Gym"
|
|
metrics={[
|
|
{ label: "Certified Coaches", value: "10+", icon: Users },
|
|
{ label: "State-of-Art", value: "24/7", icon: Zap },
|
|
{ label: "Transformations", value: "500+", icon: Award },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
title="Our Classes"
|
|
description="From HIIT to Strength Training, we have a class for your goal."
|
|
accordionItems={[
|
|
{ id: "1", title: "HIIT", content: "High-intensity training for fat burning." },
|
|
{ id: "2", title: "Bodybuilding", content: "Build lean muscle with professional guidance." },
|
|
{ id: "3", title: "Yoga", content: "Improve flexibility and core strength." },
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/people-working-out-gym_1150-13619.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Member Success"
|
|
description="Hear from our athletes about their fitness journeys."
|
|
testimonials={[
|
|
{ id: "1", name: "Ahmed M.", handle: "@ahmedm", testimonial: "The best gym in Faisal! Incredible coaches and atmosphere." },
|
|
{ id: "2", name: "Sara K.", handle: "@sarak", testimonial: "My transformation has been amazing thanks to the team." },
|
|
{ id: "3", name: "Omar R.", handle: "@omarr", testimonial: "High-end gear and very professional environment." },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Book Your Trial"
|
|
description="Take the first step toward your fitness goals today."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your fitness goal..." }}
|
|
buttonText="Reserve Free Session"
|
|
imageSrc="https://img.b2bpic.net/free-photo/young-fitness-couple-doing-exercises-gym_1150-13618.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Faisal Gym"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |