289 lines
16 KiB
TypeScript
289 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||
import { Star, Users, MapPin, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="large"
|
||
background="floatingGradient"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="Tlenorgym"
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Experience", id: "experience" },
|
||
{ name: "Reviews", id: "reviews" },
|
||
{ name: "Visit Us", id: "visit-us" },
|
||
]}
|
||
button={{
|
||
text: "Call Now", href: "tel:0552089293"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogo
|
||
logoText="Tlenorgym"
|
||
description="Cardio • Musculation • CrossFit • Coaching Personnel"
|
||
buttons={[
|
||
{
|
||
text: "Call Now", href: "tel:0552089293"},
|
||
{
|
||
text: "Book a Free Trial", href: "#lead-capture"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-gym-fitnes_624325-2383.jpg"
|
||
imageAlt="Tlenorgym modern gym facility with dynamic training atmosphere"
|
||
showDimOverlay={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust" data-section="trust">
|
||
<MetricCardThree
|
||
title="Join Our Growing Community"
|
||
description="Trusted by locals in Draria committed to strength, health, and real results."
|
||
tag="4.3 ⭐ Rating"
|
||
metrics={[
|
||
{
|
||
id: "1", icon: Star,
|
||
title: "Rating", value: "4.3 ⭐"},
|
||
{
|
||
id: "2", icon: Users,
|
||
title: "Members", value: "51+"},
|
||
{
|
||
id: "3", icon: MapPin,
|
||
title: "Location", value: "Draria"},
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardSixteen
|
||
title="Our Services"
|
||
description="Comprehensive fitness solutions for every goal and experience level."
|
||
tag="What We Offer"
|
||
negativeCard={{
|
||
items: [
|
||
"Generic gym routines", "Crowded, unmotivating space", "No personalized guidance"],
|
||
}}
|
||
positiveCard={{
|
||
items: [
|
||
"Cardio Training with modern equipment", "Musculation (Strength Training) programs", "CrossFit functional training", "Group Fitness Classes for motivation", "Personal Coaching tailored to your goals", "Weight Loss specialized programs"],
|
||
}}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="experience" data-section="experience">
|
||
<ProductCardTwo
|
||
title="Experience Tlenorgym"
|
||
description="Discover our state-of-the-art facilities designed to inspire and transform."
|
||
tag="Gym Gallery"
|
||
products={[
|
||
{
|
||
id: "1", brand: "Tlenorgym", name: "Modern Training Floors", price: "Premium", rating: 5,
|
||
reviewCount: "51 reviews", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2149445923.jpg?_wi=1", imageAlt: "Modern gym training floor with professional equipment"},
|
||
{
|
||
id: "2", brand: "Tlenorgym", name: "Professional Equipment", price: "Premium", rating: 5,
|
||
reviewCount: "51 reviews", imageSrc: "http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg", imageAlt: "Gym facility with mirrors and training equipment"},
|
||
{
|
||
id: "3", brand: "Tlenorgym", name: "Cardio Zone", price: "Modern", rating: 5,
|
||
reviewCount: "51 reviews", imageSrc: "http://img.b2bpic.net/free-photo/stationary-bike_23-2148017333.jpg", imageAlt: "Cardio training zone with treadmills and ellipticals"},
|
||
{
|
||
id: "4", brand: "Tlenorgym", name: "Strength Area", price: "Complete", rating: 5,
|
||
reviewCount: "51 reviews", imageSrc: "http://img.b2bpic.net/free-photo/gym-with-motivational-phrase_1134-447.jpg", imageAlt: "Strength training area with barbells and weights"},
|
||
{
|
||
id: "5", brand: "Tlenorgym", name: "Group Classes", price: "Energetic", rating: 5,
|
||
reviewCount: "51 reviews", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-dance-therapy-class_23-2149346557.jpg", imageAlt: "Group fitness class in motion with members"},
|
||
{
|
||
id: "6", brand: "Tlenorgym", name: "Personal Coaching", price: "Personalized", rating: 5,
|
||
reviewCount: "51 reviews", imageSrc: "http://img.b2bpic.net/free-photo/precise-workout-with-personal-trainer_329181-14156.jpg", imageAlt: "Personal trainer coaching client one-on-one"},
|
||
{
|
||
id: "7", brand: "Tlenorgym", name: "Community Spirit", price: "Inclusive", rating: 5,
|
||
reviewCount: "51 reviews", imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-7.jpg", imageAlt: "Diverse gym members training together"},
|
||
{
|
||
id: "8", brand: "Tlenorgym", name: "Welcoming Reception", price: "Professional", rating: 5,
|
||
reviewCount: "51 reviews", imageSrc: "http://img.b2bpic.net/free-photo/girl-gym_1157-4997.jpg", imageAlt: "Clean modern gym reception area"},
|
||
]}
|
||
gridVariant="bento-grid"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="coaching" data-section="coaching">
|
||
<MediaAbout
|
||
title="Personal Coaching"
|
||
description="Transform your fitness journey with expert guidance. Our certified coaches create personalized workout plans, provide weight loss coaching, develop strength programs, and optimize your performance."
|
||
tag="1-on-1 Training"
|
||
tagIcon={Zap}
|
||
buttons={[
|
||
{
|
||
text: "Start Your Training Today", href: "#lead-capture"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/time-supply-some-proteins_329181-14105.jpg"
|
||
imageAlt="Certified personal trainer coaching client"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardOne
|
||
title="What Our Members Say"
|
||
description="Real results and real feedback from our Draria fitness community."
|
||
tag="4.3 ⭐ From 51 Reviews"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Ahmed Ben Ali", role: "Member", company: "Draria Local", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg", imageAlt: "Ahmed Ben Ali testimonial"},
|
||
{
|
||
id: "2", name: "Fatima Belhadj", role: "Member", company: "Draria Local", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", imageAlt: "Fatima Belhadj testimonial"},
|
||
{
|
||
id: "3", name: "Karim Mehdi", role: "Member", company: "Draria Local", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-training-outdoors_23-2149676958.jpg", imageAlt: "Karim Mehdi testimonial"},
|
||
{
|
||
id: "4", name: "Leila Saïd", role: "Member", company: "Draria Local", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-training-sunrise-seaside_176420-6356.jpg", imageAlt: "Leila Saïd testimonial"},
|
||
{
|
||
id: "5", name: "Mohamed Belkacem", role: "Member", company: "Draria Local", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-running-black-background_1301-6600.jpg", imageAlt: "Mohamed Belkacem testimonial"},
|
||
{
|
||
id: "6", name: "Amina Bouzidi", role: "Member", company: "Draria Local", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13215.jpg", imageAlt: "Amina Bouzidi testimonial"},
|
||
]}
|
||
gridVariant="uniform-all-items-equal"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="visit-us" data-section="visit-us">
|
||
<FaqSplitMedia
|
||
title="Visit Tlenorgym"
|
||
description="Find us at our convenient Draria location. Come see our facility and start your fitness journey today."
|
||
tag="Location & Hours"
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Where is Tlenorgym located?", content: "We are located at Cité les deux oliviers, Route de Saoula, Draria, Algeria. Easy access from anywhere in Draria. Look for our sign!"},
|
||
{
|
||
id: "2", title: "What are your opening hours?", content: "We are open daily to serve you. We close at 21:30 every day, so you can fit your workout into your schedule."},
|
||
{
|
||
id: "3", title: "Can I visit for a tour?", content: "Absolutely! You're welcome to visit anytime during business hours to see our facilities, meet our coaches, and experience our community firsthand."},
|
||
{
|
||
id: "4", title: "What should I bring for my first visit?", content: "Bring comfortable workout clothes, sneakers, a water bottle, and an open mind. We provide the rest – equipment, motivation, and professional guidance."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2149445923.jpg?_wi=2"
|
||
imageAlt="Tlenorgym facility welcome area"
|
||
mediaPosition="left"
|
||
mediaAnimation="slide-up"
|
||
faqsAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="lead-capture" data-section="lead-capture">
|
||
<ContactFaq
|
||
ctaTitle="Ready to Start Your Fitness Journey?"
|
||
ctaDescription="Fill out the form below and our team will contact you quickly to help you get started."
|
||
ctaButton={{
|
||
text: "Request Membership Info", href: "#"}}
|
||
ctaIcon={Zap}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "How quickly will you contact me?", content: "We aim to reach out within 24 hours of your submission. During business hours, we typically respond within a few hours. Your success is our priority."},
|
||
{
|
||
id: "2", title: "Do you offer trial sessions?", content: "Yes! We offer free trial sessions so you can experience Tlenorgym firsthand. Meet our coaches, use our equipment, and get a feel for our community."},
|
||
{
|
||
id: "3", title: "What membership options do you have?", content: "We offer flexible membership plans tailored to your goals and budget. From basic monthly memberships to annual plans with personal coaching, we have options for everyone."},
|
||
{
|
||
id: "4", title: "Is there a contract or long-term commitment?", content: "No pressure. We believe in building relationships. While longer commitments offer better value, we work with your preferences and financial situation."},
|
||
]}
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="call-cta" data-section="call-cta">
|
||
<MediaAbout
|
||
title="Ready to Transform?"
|
||
description="Stop waiting and start your fitness transformation today. Call us now or book your free trial."
|
||
buttons={[
|
||
{
|
||
text: "Call 0552 08 92 93", href: "tel:0552089293"},
|
||
{
|
||
text: "Book a Free Trial", href: "#lead-capture"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/man-working-out-gym_23-2148197774.jpg"
|
||
imageAlt="Motivated gym members during strength training"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
logoText="Tlenorgym"
|
||
columns={[
|
||
{
|
||
items: [
|
||
{ label: "Home", href: "#hero" },
|
||
{ label: "Services", href: "#services" },
|
||
{ label: "Experience", href: "#experience" },
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Reviews", href: "#reviews" },
|
||
{ label: "Coaching", href: "#coaching" },
|
||
{ label: "Visit Us", href: "#visit-us" },
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Call Us", href: "tel:0552089293" },
|
||
{ label: "Book Trial", href: "#lead-capture" },
|
||
{ label: "Contact", href: "#lead-capture" },
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Location", href: "#visit-us" },
|
||
{ label: "Hours", href: "#visit-us" },
|
||
{ label: "Membership", href: "#lead-capture" },
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|