Merge version_1 into main #1
303
src/app/page.tsx
303
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="SlimPossible Gym"
|
||||
/>
|
||||
@@ -58,82 +48,51 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Transform Your Body at SlimPossible Gym"
|
||||
description="Personalized training, fat loss programs & guaranteed results."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Transformations",
|
||||
},
|
||||
value: "500+", label: "Transformations"},
|
||||
{
|
||||
value: "4.8★",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.8★", label: "Rating"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Trainers",
|
||||
},
|
||||
value: "10+", label: "Trainers"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free Trial", href: "#contact"},
|
||||
{
|
||||
text: "Talk to Trainer",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Talk to Trainer", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fitness-girl-stationary-bike-detail_23-2148017413.jpg"
|
||||
imageAlt="Gym Transformation"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-with-towel-her-shoulders-open-water-bottle-gym_1153-4182.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-with-towel-her-shoulders-open-water-bottle-gym_1153-4182.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-dressed-black-sportswear-baseball-cap-lifts-dumbbell_613910-5628.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-dressed-black-sportswear-baseball-cap-lifts-dumbbell_613910-5628.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-listening-music-dark-wall_176420-663.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-listening-music-dark-wall_176420-663.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-boxer-posing-t-shirt-shorts_23-2148426240.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-boxer-posing-t-shirt-shorts_23-2148426240.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fitness-train-male-strong-power_1296-390.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fitness-train-male-strong-power_1296-390.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Join our 500+ successful members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fat Loss Specialist",
|
||||
},
|
||||
type: "text", text: "Fat Loss Specialist"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strength Conditioning",
|
||||
},
|
||||
type: "text", text: "Strength Conditioning"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pro Nutrition",
|
||||
},
|
||||
type: "text", text: "Pro Nutrition"},
|
||||
{
|
||||
type: "text",
|
||||
text: "1-on-1 Coaching",
|
||||
},
|
||||
type: "text", text: "1-on-1 Coaching"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Group Sessions",
|
||||
},
|
||||
type: "text", text: "Group Sessions"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,17 +104,11 @@ export default function LandingPage() {
|
||||
description="SlimPossible Gym is dedicated to transforming lives through precision training. We offer state-of-the-art facilities, expert guidance, and a community that pushes you to exceed your limits."
|
||||
metrics={[
|
||||
{
|
||||
value: "Certified",
|
||||
title: "Expert Trainers",
|
||||
},
|
||||
value: "Certified", title: "Expert Trainers"},
|
||||
{
|
||||
value: "Custom",
|
||||
title: "Personalized Plans",
|
||||
},
|
||||
value: "Custom", title: "Personalized Plans"},
|
||||
{
|
||||
value: "Precision",
|
||||
title: "Diet Guidance",
|
||||
},
|
||||
value: "Precision", title: "Diet Guidance"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114177.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -165,49 +118,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Fat Loss Training",
|
||||
descriptions: [
|
||||
"High-intensity metabolic conditioning",
|
||||
"Custom caloric management plans",
|
||||
"Science-backed fat burning",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-morph-man-exercising-treadmill_1048-13682.jpg",
|
||||
},
|
||||
id: "s1", title: "Fat Loss Training", descriptions: [
|
||||
"High-intensity metabolic conditioning", "Custom caloric management plans", "Science-backed fat burning"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-morph-man-exercising-treadmill_1048-13682.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Muscle Building",
|
||||
descriptions: [
|
||||
"Hypertrophy training systems",
|
||||
"Progressive overload coaching",
|
||||
"Form-focused strength development",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-kettlebell-weight-black-outline-vector-illustration-set_1308-186780.jpg",
|
||||
},
|
||||
id: "s2", title: "Muscle Building", descriptions: [
|
||||
"Hypertrophy training systems", "Progressive overload coaching", "Form-focused strength development"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-kettlebell-weight-black-outline-vector-illustration-set_1308-186780.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Personal Training",
|
||||
descriptions: [
|
||||
"One-on-one attention",
|
||||
"Performance tracking",
|
||||
"Direct coach accountability",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-fitness-label-collection_23-2147790327.jpg",
|
||||
},
|
||||
id: "s3", title: "Personal Training", descriptions: [
|
||||
"One-on-one attention", "Performance tracking", "Direct coach accountability"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-fitness-label-collection_23-2147790327.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Diet Planning",
|
||||
descriptions: [
|
||||
"Custom macro programming",
|
||||
"Nutrient timing strategies",
|
||||
"Sustainable dietary habits",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/health-wellness-diet-exercise-organic-concept_53876-125033.jpg",
|
||||
},
|
||||
id: "s4", title: "Diet Planning", descriptions: [
|
||||
"Custom macro programming", "Nutrient timing strategies", "Sustainable dietary habits"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/health-wellness-diet-exercise-organic-concept_53876-125033.jpg"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We specialize in tailored fitness solutions for every body type and fitness goal."
|
||||
@@ -219,30 +149,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex River",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-man-dark-blue-shirt-posing-grey-background-studio_613910-12754.jpg",
|
||||
},
|
||||
id: "1", name: "Alex River", imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-man-dark-blue-shirt-posing-grey-background-studio_613910-12754.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-exercising-gym_23-2149324729.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-exercising-gym_23-2149324729.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-training_23-2148267177.jpg",
|
||||
},
|
||||
id: "3", name: "Mike Ross", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-training_23-2148267177.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma Watt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-young-woman-resting-while-sitting-after-working-out-gym_169016-46944.jpg",
|
||||
},
|
||||
id: "4", name: "Emma Watt", imageSrc: "http://img.b2bpic.net/free-photo/tired-young-woman-resting-while-sitting-after-working-out-gym_169016-46944.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg",
|
||||
},
|
||||
id: "5", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg"},
|
||||
]}
|
||||
cardTitle="Client Transformations"
|
||||
cardTag="Success Stories"
|
||||
@@ -252,62 +167,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
title="Membership Plans"
|
||||
description="Choose the plan that fits your fitness journey."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "₹1,999",
|
||||
subtitle: "Monthly Membership",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "₹1,999", subtitle: "Monthly Membership", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full gym access",
|
||||
"Cardio machines",
|
||||
"Locker facilities",
|
||||
],
|
||||
"Full gym access", "Cardio machines", "Locker facilities"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "₹4,999",
|
||||
subtitle: "Pro Transformation",
|
||||
buttons: [
|
||||
id: "pro", badge: "Most Popular", price: "₹4,999", subtitle: "Pro Transformation", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Personalized diet plan",
|
||||
"Monthly fitness assessment",
|
||||
"Priority support",
|
||||
],
|
||||
"Everything in Basic", "Personalized diet plan", "Monthly fitness assessment", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "personal",
|
||||
badge: "Elite",
|
||||
price: "₹9,999",
|
||||
subtitle: "Personal Training",
|
||||
buttons: [
|
||||
id: "personal", badge: "Elite", price: "₹9,999", subtitle: "Personal Training", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"1-on-1 private coaching",
|
||||
"Custom workout programming",
|
||||
"Daily nutrition logging",
|
||||
"24/7 Trainer access",
|
||||
],
|
||||
"1-on-1 private coaching", "Custom workout programming", "Daily nutrition logging", "24/7 Trainer access"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -321,29 +209,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark Strong",
|
||||
role: "Head Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg",
|
||||
},
|
||||
id: "t1", name: "Mark Strong", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Fit",
|
||||
role: "Strength Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32114.jpg",
|
||||
},
|
||||
id: "t2", name: "Elena Fit", role: "Strength Expert", imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32114.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Iron",
|
||||
role: "Fat Loss Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trainer-man-lying-lifting-dumbbells-gym_1262-16635.jpg",
|
||||
},
|
||||
id: "t3", name: "David Iron", role: "Fat Loss Specialist", imageSrc: "http://img.b2bpic.net/free-photo/trainer-man-lying-lifting-dumbbells-gym_1262-16635.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jane Flex",
|
||||
role: "Personal Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg",
|
||||
},
|
||||
id: "t4", name: "Jane Flex", role: "Personal Coach", imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg"},
|
||||
]}
|
||||
title="Meet Our Trainers"
|
||||
description="World-class experts dedicated to your fitness success."
|
||||
@@ -357,32 +229,18 @@ export default function LandingPage() {
|
||||
description="Start your fitness journey now and join our elite training program."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "goal",
|
||||
label: "Fitness Goal",
|
||||
options: [
|
||||
"Fat Loss",
|
||||
"Muscle Gain",
|
||||
"Endurance",
|
||||
"General Fitness",
|
||||
],
|
||||
name: "goal", label: "Fitness Goal", options: [
|
||||
"Fat Loss", "Muscle Gain", "Endurance", "General Fitness"],
|
||||
}}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Any specific medical conditions?",
|
||||
}}
|
||||
name: "message", placeholder: "Any specific medical conditions?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821360.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -391,46 +249,29 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Trainers",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Trainers", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "Mumbai, India",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mumbai, India", href: "#"},
|
||||
{
|
||||
label: "Gym Street, Suite 101",
|
||||
href: "#",
|
||||
},
|
||||
label: "Gym Street, Suite 101", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon-Sat: 6am - 10pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Sat: 6am - 10pm", href: "#"},
|
||||
{
|
||||
label: "Sun: Closed",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sun: Closed", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user