222 lines
14 KiB
TypeScript
222 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Programs", id: "programs" },
|
|
{ name: "Membership", id: "membership" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Oneabove Fitness"
|
|
button={{
|
|
text: "Join Now", href: "#membership"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{ variant: "glowing-orb" }}
|
|
title="Push Beyond Limits"
|
|
description="Transform your body at Oneabove Fitness Kharghar. Elite coaching and world-class equipment to redefine your potential."
|
|
testimonials={[
|
|
{ name: "Rahul P.", handle: "@rahulfitness", testimonial: "The best transformation center in Kharghar! Truly world-class.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024288.jpg", imageAlt: "gym workout cinematic lighting" },
|
|
{ name: "Priya S.", handle: "@priyagains", testimonial: "Expert trainers and amazing atmosphere. Highly motivated here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-treadmill-console-with-settings_1262-2975.jpg", imageAlt: "gym workout cinematic lighting" },
|
|
{ name: "Amit K.", handle: "@amitfit", testimonial: "Oneabove changed my life. Incredible gym equipment.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/fitness-equipment-pack_23-2147533676.jpg", imageAlt: "gym workout cinematic lighting" },
|
|
{ name: "Sneha R.", handle: "@snehafit", testimonial: "The personal training guidance here is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fencing_654080-2252.jpg", imageAlt: "gym workout cinematic lighting" },
|
|
{ name: "Vikram J.", handle: "@vikfit", testimonial: "Pure motivation! The facility is top-notch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163376.jpg", imageAlt: "gym workout cinematic lighting" },
|
|
]}
|
|
buttons={[
|
|
{ text: "Start Transformation", href: "#membership" },
|
|
{ text: "Book Free Trial", href: "#contact" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024288.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-male-basketball-player_23-2151098141.jpg", alt: "Portrait of young male basketball player" },
|
|
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-dumbbell_23-2149177943.jpg", alt: "Full shot man training with dumbbell" },
|
|
{ src: "http://img.b2bpic.net/free-photo/people-training-athletics_23-2151077718.jpg", alt: "People training for athletics" },
|
|
{ src: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32155.jpg", alt: "Two internationals friends is engaged in a gym" },
|
|
{ src: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg", alt: "Beautiful sportive girl posing with crossed arms over dark wall." },
|
|
]}
|
|
marqueeItems={[
|
|
{ type: "text", text: "World-Class Training" },
|
|
{ type: "text", text: "Elite Equipment" },
|
|
{ type: "text", text: "Personalized Coaching" },
|
|
{ type: "text", text: "Transformation Focused" },
|
|
{ type: "text", text: "Join the Elite" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Elite Transformation Center"
|
|
description="Oneabove Fitness is not just a gym; it's a movement. We focus on science-based strength, fat loss, and muscle development in a luxurious environment designed for high performance."
|
|
metrics={[
|
|
{ value: "500+", title: "Members" },
|
|
{ value: "10+", title: "Certified Trainers" },
|
|
{ value: "Modern", title: "Equipment" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-treadmill-console-with-settings_1262-2975.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="programs" data-section="programs">
|
|
<FeatureCardMedia
|
|
animationType="scale-rotate"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "p1", title: "Strength Training", description: "Build raw strength with our premium weight section.", tag: "CORE", imageSrc: "http://img.b2bpic.net/free-vector/fitness-equipment-pack_23-2147533676.jpg" },
|
|
{ id: "p2", title: "Weight Loss", description: "Science-backed fat loss protocols for sustainable results.", tag: "FAT LOSS", imageSrc: "http://img.b2bpic.net/free-vector/weight-lifting-icon-logo-design_474888-2459.jpg" },
|
|
{ id: "p3", title: "Personal Training", description: "One-on-one expert guidance to push your limits safely.", tag: "PREMIUM", imageSrc: "http://img.b2bpic.net/free-vector/letter-s-gym-logo-design-template_474888-2045.jpg" },
|
|
{ id: "p4", title: "Functional Fitness", description: "Improve your daily movement and athletic performance.", tag: "ATHLETIC", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-yellow-weights_23-2148523319.jpg" },
|
|
{ id: "p5", title: "Muscle Building", description: "Hypertrophy training for maximum physique development.", tag: "GROWTH", imageSrc: "http://img.b2bpic.net/free-vector/set-bodybuilding-badges-stickers-isolated-white_1441-200.jpg" },
|
|
{ id: "p6", title: "Cardio & Endurance", description: "Increase heart health and stamina with top-tier equipment.", tag: "CARDIO", imageSrc: "http://img.b2bpic.net/free-vector/black-blue-crossfit-label-collection_23-2147621821.jpg" },
|
|
]}
|
|
title="Customized Training Programs"
|
|
description="Personalized workouts to help you achieve your fitness goals faster."
|
|
/>
|
|
</div>
|
|
|
|
<div id="trainers" data-section="trainers">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
team={[
|
|
{ id: "t1", name: "Vikram Singh", role: "Head Trainer", imageSrc: "http://img.b2bpic.net/free-photo/fencing_654080-2252.jpg" },
|
|
{ id: "t2", name: "Sarah Miller", role: "Transformation Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fit-woman-holding-yoga-mat-before-start-working-fitness-workout-studio-personal-trainer-practicing-gym-exercices-stretching-body-muscles-working-healthy-lifestyle_482257-36803.jpg" },
|
|
{ id: "t3", name: "Rahul Verma", role: "Strength Coach", imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg" },
|
|
{ id: "t4", name: "Ananya P.", role: "Fat Loss Expert", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg" },
|
|
]}
|
|
title="Meet Our Elite Team"
|
|
description="Learn from the best in the industry. Our trainers are certified experts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="membership" data-section="membership">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{ id: "b1", badge: "Basic", price: "₹2,499", subtitle: "Monthly Trial", features: ["Equipment access", "Locker access"], buttons: [{ text: "Join Now" }] },
|
|
{ id: "b2", badge: "Standard", price: "₹5,999", subtitle: "3 Month Focus", features: ["Equipment access", "Free assessment"], buttons: [{ text: "Join Now" }] },
|
|
{ id: "b3", badge: "Most Popular", price: "₹9,999", subtitle: "6 Month Transformation", features: ["All equipment", "Locker access", "Trainer guidance"], buttons: [{ text: "Join Now" }] },
|
|
{ id: "b4", badge: "Elite", price: "₹17,999", subtitle: "1 Year Elite Access", features: ["Everything included", "Full support", "Priority access"], buttons: [{ text: "Join Now" }] },
|
|
]}
|
|
title="Choose Your Path"
|
|
description="Select the plan that aligns with your transformation journey."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "g1", name: "Transformation 1", price: "Before/After", variant: "Result", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163376.jpg" },
|
|
{ id: "g2", name: "Transformation 2", price: "Before/After", variant: "Result", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-training-dark-wall-close-up_176420-6627.jpg" },
|
|
{ id: "g3", name: "Transformation 3", price: "Before/After", variant: "Result", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-sport-with-stats-side-view_23-2150040505.jpg" },
|
|
{ id: "g4", name: "Transformation 4", price: "Before/After", variant: "Result", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-athlete-group-talking-with-each-other_171337-10774.jpg" },
|
|
]}
|
|
title="Transformation Highlights"
|
|
description="Witness the power of consistency and dedication."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "ts1", name: "John Doe", role: "Member", testimonial: "Exceptional gym and even better trainers.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-friends-outdoors_23-2150828896.jpg" },
|
|
{ id: "ts2", name: "Jane Smith", role: "Member", testimonial: "The atmosphere keeps me motivated every day.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg" },
|
|
{ id: "ts3", name: "Mike Ross", role: "Member", testimonial: "Best gym in Kharghar by far.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-is-engaged-gym_1157-24073.jpg" },
|
|
{ id: "ts4", name: "Sarah Lee", role: "Member", testimonial: "Professional, clean, and top-tier equipment.", imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32149.jpg" },
|
|
{ id: "ts5", name: "David Kim", role: "Member", testimonial: "Life changing fitness facility.", imageSrc: "http://img.b2bpic.net/free-photo/man-posing-indoors-climbing-arena_23-2150461843.jpg" },
|
|
]}
|
|
title="Member Success Stories"
|
|
description="Don't take our word for it — hear from those who have transformed."
|
|
/>
|
|
</div>
|
|
|
|
<div id="facilities" data-section="facilities">
|
|
<FeatureCardMedia
|
|
animationType="blur-reveal"
|
|
textboxLayout="inline-image"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ id: "f1", title: "Air-Conditioned Area", description: "Train in comfort even during intense sessions.", tag: "FACILITY", imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-with-naked-torso-takes-shower_8353-8870.jpg" },
|
|
{ id: "f2", title: "Cardio Zone", description: "High-end treadmill and cycles.", tag: "CARDIO", imageSrc: "http://img.b2bpic.net/free-photo/soccer-game-concept_23-2151043844.jpg" },
|
|
{ id: "f3", title: "Steam & Shower", description: "Relax after training.", tag: "RECOVERY", imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-player-before-match_23-2150887442.jpg" },
|
|
]}
|
|
title="Premium Facilities"
|
|
description="Experience training in a space built for peak results."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="CONTACT"
|
|
title="Get Started Today"
|
|
description="Ready to push beyond your limits? Contact us for a free tour."
|
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197730.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-blur-dark-grey-black-gradient-used-as-background-studio-wall-display-your-products_1258-67508.jpg"
|
|
logoText="Oneabove Fitness"
|
|
columns={[
|
|
{ title: "Location", items: [{ label: "Kharghar, Navi Mumbai", href: "#contact" }] },
|
|
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Membership", href: "#membership" }] },
|
|
]}
|
|
copyrightText="© 2025 Oneabove Fitness Kharghar"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|