Merge version_1 into main #1
238
src/app/page.tsx
238
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { User, Users, DollarSign, Shield } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
@@ -29,66 +30,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "programs",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Programs", id: "programs" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AL Fitness"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Transform Your Body"
|
||||
description="Join Kathmandu’s most motivating fitness community and start your journey today with elite training, professional support, and state-of-the-art facilities."
|
||||
tag="Fitness Reimagined"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Join Now", href: "#contact" }, { text: "Free Trial", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-silhouette-guy-showing-biceps_23-2148019534.jpg",
|
||||
imageAlt: "Gym atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-ballerina-doing-ballet-move-dark-area_181624-5089.jpg",
|
||||
imageAlt: "Workout session",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-man-pulling-tow_23-2147671892.jpg",
|
||||
imageAlt: "Crossfit concept with man pulling on tow",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-anonymous-man-flexing-muscles_23-2148019516.jpg",
|
||||
imageAlt: "Silhouette of anonymous man flexing muscles",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-man-gym_23-2148024304.jpg",
|
||||
imageAlt: "Silhouette of man in gym",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-silhouette-guy-showing-biceps_23-2148019534.jpg", imageAlt: "Gym atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-ballerina-doing-ballet-move-dark-area_181624-5089.jpg", imageAlt: "Workout session" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -101,30 +62,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Experienced Trainers",
|
||||
description: "Our certified professionals are here to guide your form, safety, and progress every single day.",
|
||||
buttonIcon: "User",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/public-speaking-skills-flat-icons-collection_1284-16904.jpg",
|
||||
},
|
||||
{
|
||||
title: "Friendly Community",
|
||||
description: "Join a supportive fitness family that motivates you to push boundaries and celebrate every small win.",
|
||||
buttonIcon: "Users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-drawn-white-background_1194-1145.jpg",
|
||||
},
|
||||
{
|
||||
title: "Affordable Plans",
|
||||
description: "Premium fitness accessibility with flexible pricing packages designed for every budget level.",
|
||||
buttonIcon: "DollarSign",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-apple-illustration_23-2151800468.jpg",
|
||||
},
|
||||
{
|
||||
title: "Clean Environment",
|
||||
description: "We maintain top-tier hygiene standards so you can focus purely on your workout, not your surroundings.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pack-creative-vintage-fitness-labels_23-2147799921.jpg",
|
||||
},
|
||||
{ title: "Experienced Trainers", description: "Our certified professionals are here to guide your form, safety, and progress every single day.", buttonIcon: User, imageSrc: "http://img.b2bpic.net/free-vector/public-speaking-skills-flat-icons-collection_1284-16904.jpg" },
|
||||
{ title: "Friendly Community", description: "Join a supportive fitness family that motivates you to push boundaries and celebrate every small win.", buttonIcon: Users, imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-drawn-white-background_1194-1145.jpg" },
|
||||
{ title: "Affordable Plans", description: "Premium fitness accessibility with flexible pricing packages designed for every budget level.", buttonIcon: DollarSign, imageSrc: "http://img.b2bpic.net/free-photo/3d-apple-illustration_23-2151800468.jpg" },
|
||||
{ title: "Clean Environment", description: "We maintain top-tier hygiene standards so you can focus purely on your workout, not your surroundings.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-vector/pack-creative-vintage-fitness-labels_23-2147799921.jpg" }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We provide the most effective environment to help you reach your peak performance goals efficiently and safely."
|
||||
@@ -138,42 +79,9 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Weight Training",
|
||||
price: "Expert Led",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-people-faces-professions-illustration_1416-516.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fat Loss",
|
||||
price: "High Intensity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-people-putting-their-hands-together-while-exercising-outdoors_23-2151061419.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Muscle Gain",
|
||||
price: "Hypertrophy focus",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-coach-illustration_335657-4794.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Personal Training",
|
||||
price: "1-on-1 Sessions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-treadmill_23-2148503098.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Nutrition Plan",
|
||||
price: "Dietary Advice",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gym-trainer-set_98292-1304.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Recovery Yoga",
|
||||
price: "Mobility focus",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/charity-logo-with-circular-icons_1025-132.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Weight Training", price: "Expert Led", imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-people-faces-professions-illustration_1416-516.jpg" },
|
||||
{ id: "p2", name: "Fat Loss", price: "High Intensity", imageSrc: "http://img.b2bpic.net/free-photo/group-people-putting-their-hands-together-while-exercising-outdoors_23-2151061419.jpg" },
|
||||
{ id: "p3", name: "Muscle Gain", price: "Hypertrophy focus", imageSrc: "http://img.b2bpic.net/free-vector/online-coach-illustration_335657-4794.jpg" }
|
||||
]}
|
||||
title="Our Programs"
|
||||
description="Tailored training blocks to suit every ambition, from weight management to raw power development."
|
||||
@@ -184,31 +92,8 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-sporty-girl-wearing-headband-wristband-holding-mobile-phone-doing-strong-gesture-isolated-white-space_141793-44812.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-gym_23-2147789567.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-training-with-kettlebell_23-2149358158.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yoga-fitness-trainer-gym_1303-13923.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-guy-with-sport-body-morning-stadium-he-wears-black-t-shirt-headphones-he-keeps-muscular-hands-crossed-smiles-camera_197531-1137.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-sporty-girl-wearing-headband-wristband-holding-mobile-phone-doing-strong-gesture-isolated-white-space_141793-44812.jpg" },
|
||||
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-gym_23-2147789567.jpg" }
|
||||
]}
|
||||
cardTitle="Member Reviews"
|
||||
cardTag="Testimonials"
|
||||
@@ -222,57 +107,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Starter",
|
||||
price: "Basic",
|
||||
subtitle: "Essential Gym Access",
|
||||
features: [
|
||||
"All equipment access",
|
||||
"Lockers included",
|
||||
"Showers usage",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Popular",
|
||||
price: "Standard",
|
||||
subtitle: "Gym + Trainer",
|
||||
features: [
|
||||
"All equipment access",
|
||||
"Lockers included",
|
||||
"Guidance from pros",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Elite",
|
||||
price: "Premium",
|
||||
subtitle: "Trainer + Diet",
|
||||
features: [
|
||||
"Personalized plan",
|
||||
"1-on-1 coaching",
|
||||
"Nutritional counseling",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Starter", price: "Basic", subtitle: "Essential Gym Access", features: ["All equipment access", "Lockers included", "Showers usage"], buttons: [{ text: "Join", href: "#contact" }] },
|
||||
{ id: "standard", badge: "Popular", price: "Standard", subtitle: "Gym + Trainer", features: ["All equipment access", "Lockers included", "Guidance from pros"], buttons: [{ text: "Join", href: "#contact" }] }
|
||||
]}
|
||||
title="Pricing Options"
|
||||
description="Choose the membership that best fits your goals and commitment level."
|
||||
@@ -282,9 +118,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Get Started"
|
||||
title="Join AL Fitness Today"
|
||||
description="Submit your details below and we'll reach out to schedule your first workout session at the best gym in town."
|
||||
@@ -295,32 +129,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="AL Fitness"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2026 AL Fitness Center"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user