222 lines
10 KiB
TypeScript
222 lines
10 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 FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Training", id: "#features"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="One II One Gym"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Personalized Fitness Excellence."
|
|
description="Experience one-on-one training tailored to your body, your goals, and your lifestyle. Start your transformation today at One II One Gym."
|
|
tag="Expert Training"
|
|
buttons={[
|
|
{
|
|
text: "Book Session", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/trainer-helping-woman-while-practicing-pilates_107420-84998.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Your Goals. Our Focus."
|
|
description={[
|
|
"At One II One Gym, we believe that effective training requires total focus. Our coaches work exclusively with you, ensuring every rep counts and your technique is flawless.", "No crowds, no distractions. Just you and the expert guidance needed to surpass your limits."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
tag: "Training", title: "Custom Programs", subtitle: "Data-Driven", description: "Tailored workout plans designed specifically for your biometrics.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dumbbells-wooden-background_23-2148531499.jpg?_wi=1"},
|
|
{
|
|
tag: "Nutrition", title: "Full Support", subtitle: "Total Fuel", description: "Comprehensive dietary guidance integrated into your plan.", imageSrc: "http://img.b2bpic.net/free-photo/young-women-taking-part-spinning-class_23-2149332072.jpg"},
|
|
{
|
|
tag: "Facilities", title: "Private Space", subtitle: "Distraction Free", description: "High-end, sanitized, and fully equipped private training zones.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197736.jpg"},
|
|
]}
|
|
title="Everything You Need to Succeed"
|
|
description="Comprehensive fitness solutions delivered in a private, supportive environment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="blur-reveal"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "150+", description: "Active Clients"},
|
|
{
|
|
id: "m2", value: "98%", description: "Goal Achievement"},
|
|
{
|
|
id: "m3", value: "2.5k", description: "Sessions Completed"},
|
|
{
|
|
id: "m4", value: "5.0", description: "Average Rating"},
|
|
]}
|
|
title="Real Results, Proven Success"
|
|
description="Our numbers speak for themselves."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "p1", title: "Essentials", price: "$120", period: "/mo", features: [
|
|
"1x Weekly Session", "Basic Nutrition Advice", "App Access"],
|
|
button: {
|
|
text: "Get Started", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32156.jpg", imageAlt: "personal trainer helping client gym workout"},
|
|
{
|
|
id: "p2", title: "Transformation", price: "$450", period: "/mo", features: [
|
|
"3x Weekly Session", "Full Nutrition Plan", "Weekly Check-ins", "App Access"],
|
|
button: {
|
|
text: "Get Started", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-woman-while-practicing-pilates_107420-84998.jpg?_wi=2", imageAlt: "personal trainer helping client gym workout"},
|
|
{
|
|
id: "p3", title: "Elite", price: "$800", period: "/mo", features: [
|
|
"Unlimited Training", "24/7 Support", "Advanced Lab Data", "Meal Delivery Access"],
|
|
button: {
|
|
text: "Get Started", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dumbbells-wooden-background_23-2148531499.jpg?_wi=2", imageAlt: "personal trainer helping client gym workout"},
|
|
]}
|
|
title="Select Your Transformation"
|
|
description="Flexible plans to fit your schedule."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardSix
|
|
animationType="blur-reveal"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "John Doe", handle: "@johnfit", testimonial: "The focus and attention at One II One is unmatched. I saw more progress in three months than three years at big gyms.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-holding-dumbbells_23-2149517267.jpg"},
|
|
{
|
|
id: "2", name: "Jane Smith", handle: "@janeleads", testimonial: "My trainer understands my body like no one else. Highly recommend for results.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-sports-woman-standing-with-arms-folded-looking-camera-white_231208-13447.jpg"},
|
|
{
|
|
id: "3", name: "Alex Riv", handle: "@alexriv", testimonial: "Serious training for serious goals. This is the place to be.", imageSrc: "http://img.b2bpic.net/free-photo/two-women-dressing-room-gym_329181-13268.jpg"},
|
|
{
|
|
id: "4", name: "Sarah Lee", handle: "@sarahfit", testimonial: "The attention to detail and nutrition advice changed my life.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-doing-ok-signs-isolated-white-wall_141793-101716.jpg"},
|
|
{
|
|
id: "5", name: "Mark V", handle: "@markmv", testimonial: "Best environment for training. No judgment, just pure progression.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8257.jpg"},
|
|
]}
|
|
title="Success Stories"
|
|
description="See why our members choose 1-on-1 focus."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do I need prior experience?", content: "Absolutely not. We cater to all levels, from total beginners to advanced athletes."},
|
|
{
|
|
id: "f2", title: "Can I train with a partner?", content: "Yes, we offer partner training sessions if you prefer working out with a friend."},
|
|
{
|
|
id: "f3", title: "How do I cancel my plan?", content: "Our plans are flexible with a simple 30-day notice requirement."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/women-with-medical-masks-practicing-elbow-salute-gym_23-2148762655.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
title="Frequently Asked Questions"
|
|
description="Still have questions? Here's what our members usually ask."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get Started"
|
|
title="Book Your Consult"
|
|
description="Ready to change your life? Send us your email and we'll reach out."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="One II One Gym"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Services", href: "#features"},
|
|
{
|
|
label: "Pricing", href: "#pricing"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy", href: "#"},
|
|
{
|
|
label: "Terms", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 One II One Gym. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|