Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2cee547230 | |||
| 8f5f169852 | |||
| 34c690ce97 | |||
| 8cd579ffa0 | |||
| 1ea92e13fe | |||
| 371db93c64 |
408
src/app/page.tsx
408
src/app/page.tsx
@@ -2,17 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, TrendingUp, Users } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Dumbbell, Target, Zap, Heart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,386 +30,126 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="U.D. Fitness"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Unlock Your Potential at U.D. Fitness"
|
||||
description="Expert guidance, state-of-the-art equipment, and a supportive community to help you hit your peak."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alex_fit",
|
||||
testimonial: "Transformative environment, best training I've ever had.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-stretching-gym_23-2147827896.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jamie L.",
|
||||
handle: "@jamie_runs",
|
||||
testimonial: "U.D. Fitness changed my whole routine. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-59110.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sam T.",
|
||||
handle: "@sam_lift",
|
||||
testimonial: "Supportive staff and elite gym equipment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-holding-kettlebell_23-2151997779.jpg",
|
||||
},
|
||||
{
|
||||
name: "Casey M.",
|
||||
handle: "@casey_active",
|
||||
testimonial: "Great community atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fit-woman-gym-side-view_23-2149445952.jpg",
|
||||
},
|
||||
{
|
||||
name: "Morgan D.",
|
||||
handle: "@morgan_gains",
|
||||
testimonial: "The best place to build strength.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-view-exercise-machines_1203-949.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones_23-2148435366.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-curly-woman-has-bright-smile-shows-white-teeth-dressed-casual-sport-bra-has-fitness-workout-spare-time-models-indoor_273609-33761.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-dark-skinned-runner-resting-seaside-after-activity-open-air-sitting-embankment-enjoying-sunset-summer-evening-cheerful-student-spending-his-vacations-exercising-outdoors_273609-1184.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-excited-pink_179666-2069.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
]}
|
||||
<HeroBillboardScroll
|
||||
title="Unlock Your Peak Performance"
|
||||
description="Transform your lifestyle with elite coaching, cutting-edge facilities, and a community built to push you further."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Join Today", href: "#pricing" }, { text: "Book a Tour", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-young-woman-stretching-gym_23-2147827896.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: "text", content: "The U.D. Fitness Philosophy" }]}
|
||||
buttons={[{ text: "Read Our Story" }]}
|
||||
useInvertedBackground={true}
|
||||
title="The U.D. Fitness Mission"
|
||||
description="We believe fitness is a lifelong journey. We provide the tools, coaching, and atmosphere you need to thrive and stay motivated."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-sporty-girls-gym_1157-14561.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
<FeatureCardEight
|
||||
title="Gym Benefits That Elevate You"
|
||||
description="From expert-led programming to recovery-focused wellness, we optimize every aspect of your training experience."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Training",
|
||||
title: "Personalized Coaching",
|
||||
items: [
|
||||
"1-on-1 sessions",
|
||||
"Nutritional plans",
|
||||
"Goal setting",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Facility",
|
||||
title: "Elite Equipment",
|
||||
items: [
|
||||
"Free weights",
|
||||
"Cardio machines",
|
||||
"Recovery tools",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Community",
|
||||
title: "Group Classes",
|
||||
items: [
|
||||
"HIIT training",
|
||||
"Yoga sessions",
|
||||
"Strength bootcamp",
|
||||
],
|
||||
},
|
||||
{ title: "Expert Coaching", description: "Certified trainers dedicated to your progress.", imageSrc: "http://img.b2bpic.net/free-photo/gym-coach-helping-athlete_23-2149514755.jpg" },
|
||||
{ title: "State-of-the-Art Gear", description: "Elite equipment designed for maximum output.", imageSrc: "http://img.b2bpic.net/free-photo/cardio-machines-gym_1203-949.jpg" },
|
||||
{ title: "Community Focus", description: "Join a tribe that motivates and holds you accountable.", imageSrc: "http://img.b2bpic.net/free-photo/group-exercise-gym_23-2150828878.jpg" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Comprehensive fitness solutions tailored to your unique goals."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
<ProductCardThree
|
||||
title="Essential Gear & Supplements"
|
||||
description="High-quality tools to support your growth, recovery, and results."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gym Shaker",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sporty-woman-holding-device_23-2149168696.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Wrist Wraps",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cellphone-red-dumbbells-sport-equipment-white-background-sport-wear-sport-fashion-sport-accessories-sport-equipment-top-view_1428-712.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Protein Powder",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gym-equipment-supplements_23-2152017164.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Resistance Bands",
|
||||
price: "$20.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-anglse-sportives-doing-rubber-band-exercise_23-2148303351.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Foam Roller",
|
||||
price: "$30.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-does-exercises-with-massage-roller_169016-59142.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gym Towel",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-bag-floating-water_23-2151013929.jpg",
|
||||
},
|
||||
{ id: "1", name: "Performance Bundle", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/gym-equipment-supplements_23-2152017164.jpg" },
|
||||
{ id: "2", name: "Recovery Kit", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-does-exercises-with-massage-roller_169016-59142.jpg" },
|
||||
{ id: "3", name: "Shaker Cup", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/gym-bottle-with-protein_169016-59142.jpg" }
|
||||
]}
|
||||
title="Gym Gear & Supplements"
|
||||
description="High-quality products to fuel your workout and recovery."
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
<PricingCardThree
|
||||
title="Membership Plans"
|
||||
description="Choose the plan that fits your ambition and unlock your full potential."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Basic",
|
||||
price: "$49",
|
||||
period: "month",
|
||||
description: "Access to gym floor and basic classes.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Locker Room",
|
||||
"Cardio area",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro",
|
||||
price: "$79",
|
||||
period: "month",
|
||||
description: "Includes expert coaching and recovery.",
|
||||
button: {
|
||||
text: "Join Pro",
|
||||
},
|
||||
featuresTitle: "Everything Basic Plus",
|
||||
features: [
|
||||
"1 Coaching Session",
|
||||
"Recovery Area",
|
||||
"Group Classes",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
tag: "Elite",
|
||||
price: "$129",
|
||||
period: "month",
|
||||
description: "Full access, priority support and programs.",
|
||||
button: {
|
||||
text: "Go Elite",
|
||||
},
|
||||
featuresTitle: "Everything Pro Plus",
|
||||
features: [
|
||||
"Unlimited Coaching",
|
||||
"Nutritional Guide",
|
||||
"Guest Passes",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Start", name: "Basic", price: "$49", buttons: [{ text: "Get Started" }], features: ["Gym Access", "Locker Room"] },
|
||||
{ id: "pro", badge: "Popular", name: "Pro", price: "$79", buttons: [{ text: "Select Pro" }], features: ["Coaching Sessions", "Recovery Area", "Group Classes"] },
|
||||
{ id: "elite", badge: "Ultimate", name: "Elite", price: "$129", buttons: [{ text: "Join Elite" }], features: ["Everything in Pro", "1-on-1 Coaching", "Nutritional Plan"] }
|
||||
]}
|
||||
title="Membership Options"
|
||||
description="Flexible plans designed to fit your fitness lifestyle."
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
<MetricCardFourteen
|
||||
title="Results That Matter"
|
||||
tag="Success"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Members",
|
||||
description: "Strong community growth",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Trainers",
|
||||
description: "Expert coaching team",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
title: "Success Stories",
|
||||
description: "Lives transformed",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{ id: "1", value: "500+", description: "Active Members" },
|
||||
{ id: "2", value: "12", description: "Expert Trainers" },
|
||||
{ id: "3", value: "5k+", description: "Success Stories" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Helping athletes achieve their dreams every day."
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="U.D. Fitness is truly special. The support, the atmosphere, and the results are unmatched anywhere else."
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-sportswear-beach_273609-5371.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-bearded-man_273609-16035.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Members Say"
|
||||
description="Real results from members who have transformed their lives through U.D. Fitness."
|
||||
showRating={true}
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah M.", handle: "@sarah_fit", testimonial: "The environment here pushed me to hit goals I never thought were possible.", rating: 5, icon: Heart },
|
||||
{ id: "2", name: "Marcus L.", handle: "@marcus_lifts", testimonial: "Expert guidance made all the difference in my strength journey.", rating: 5, icon: Dumbbell }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactCenter
|
||||
tag="Contact"
|
||||
title="Join the Community"
|
||||
description="Ready to level up? Start your journey today and get a free introductory session."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Join Us"
|
||||
title="Start Your Fitness Journey"
|
||||
description="Sign up for a free trial or contact us for a tour of our state-of-the-art facility."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-positive-happy-pointing-with-index-fingers-camera-standing-orange-wall_141793-50056.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBaseCard
|
||||
logoText="U.D. Fitness"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "123 Gym St, FitCity",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mon-Sun: 6am - 10pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Home", href: "#" }, { label: "Pricing", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 U.D. Fitness"
|
||||
bottomRightText="All rights reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user