Merge version_1 into main #2
448
src/app/page.tsx
448
src/app/page.tsx
@@ -27,343 +27,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Training",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Rehi"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Training", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Rehi"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elevate Your Strength and Skill at Rehi"
|
||||
description="Experience premium training in a state-of-the-art facility blending traditional martial arts discipline with modern weight training."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/slim-sporty-afro-woman-grins-happily-front-wears-casual-top-headphones-ears-listens-favourite-music-workout_273609-33772.jpg",
|
||||
alt: "Member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-while-souring-her-face-colorful-sweatshirt-looking-offended-front-view_176474-44823.jpg",
|
||||
alt: "Member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-sport-gym-using-kettlebells_23-2149255846.jpg",
|
||||
alt: "Member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-hands-pocket-standing-street_23-2147905411.jpg",
|
||||
alt: "Member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/athletic-woman-posing-against-pink-wall_273609-20248.jpg",
|
||||
alt: "Member 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our growing community"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Access",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Coaching",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "State-of-the-Art Gear",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sauna & Recovery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MMA & Weightlifting",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevate Your Strength and Skill at Rehi"
|
||||
description="Experience premium training in a state-of-the-art facility blending traditional martial arts discipline with modern weight training."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/slim-sporty-afro-woman-grins-happily-front-wears-casual-top-headphones-ears-listens-favourite-music-workout_273609-33772.jpg", alt: "Member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-while-souring-her-face-colorful-sweatshirt-looking-offended-front-view_176474-44823.jpg", alt: "Member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-sport-gym-using-kettlebells_23-2149255846.jpg", alt: "Member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-hands-pocket-standing-street_23-2147905411.jpg", alt: "Member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/athletic-woman-posing-against-pink-wall_273609-20248.jpg", alt: "Member 5" }
|
||||
]}
|
||||
avatarText="Join our growing community"
|
||||
buttons={[{ text: "Book Your Session", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "24/7 Access" },
|
||||
{ type: "text", text: "Expert Coaching" },
|
||||
{ type: "text", text: "State-of-the-Art Gear" },
|
||||
{ type: "text", text: "Sauna & Recovery" },
|
||||
{ type: "text", text: "MMA & Weightlifting" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Rehi?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Activity,
|
||||
label: "Weight Stations",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Certified Instructors",
|
||||
value: "15",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Training Mats",
|
||||
value: "5000sqft",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Rehi?"
|
||||
metrics={[
|
||||
{ icon: Activity, label: "Weight Stations", value: "20+" },
|
||||
{ icon: Shield, label: "Certified Instructors", value: "15" },
|
||||
{ icon: Award, label: "Training Mats", value: "5000sqft" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Combat Training Mats",
|
||||
description: "High-density professional mats for safe and effective martial arts practice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-workout-martial-arts-relaxation-concept-attractive-young-professional-woman-fighter-sitting-corner-boxing-ring-having-rest-after-intensive-training_343059-449.jpg?_wi=1",
|
||||
imageAlt: "Mats",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Strength & Conditioning",
|
||||
description: "Full range of free weights, squat racks, and advanced cardio equipment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197734.jpg?_wi=1",
|
||||
imageAlt: "Gym",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Luxury Recovery Area",
|
||||
description: "Modern showers, sauna, and massage areas to help you recover fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-football-locker-room_23-2150885807.jpg",
|
||||
imageAlt: "Recovery",
|
||||
},
|
||||
]}
|
||||
title="Our World-Class Facilities"
|
||||
description="We offer premium equipment and spaces designed to support both heavy lifting and intense martial arts conditioning."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: 1, title: "Combat Training Mats", description: "High-density professional mats for safe and effective martial arts practice.", imageSrc: "http://img.b2bpic.net/free-photo/sports-workout-martial-arts-relaxation-concept-attractive-young-professional-woman-fighter-sitting-corner-boxing-ring-having-rest-after-intensive-training_343059-449.jpg", imageAlt: "Mats" },
|
||||
{ id: 2, title: "Strength & Conditioning", description: "Full range of free weights, squat racks, and advanced cardio equipment.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197734.jpg", imageAlt: "Gym" },
|
||||
{ id: 3, title: "Luxury Recovery Area", description: "Modern showers, sauna, and massage areas to help you recover fast.", imageSrc: "http://img.b2bpic.net/free-photo/view-empty-football-locker-room_23-2150885807.jpg", imageAlt: "Recovery" }
|
||||
]}
|
||||
title="Our World-Class Facilities"
|
||||
description="We offer premium equipment and spaces designed to support both heavy lifting and intense martial arts conditioning."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Basic Access",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Locker Rooms",
|
||||
],
|
||||
button: {
|
||||
text: "Join Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-japanese-hall-karate-training_654080-1922.jpg?_wi=1",
|
||||
imageAlt: "professional modern gym interior red lights",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Pro Athlete",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Martial Arts",
|
||||
"Sauna",
|
||||
],
|
||||
button: {
|
||||
text: "Join Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-workout-martial-arts-relaxation-concept-attractive-young-professional-woman-fighter-sitting-corner-boxing-ring-having-rest-after-intensive-training_343059-449.jpg?_wi=2",
|
||||
imageAlt: "martial arts kick training equipment",
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
title: "Elite Training",
|
||||
price: "$149",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Unlimited Training",
|
||||
"Personal Trainer",
|
||||
"Recovery",
|
||||
],
|
||||
button: {
|
||||
text: "Join Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197734.jpg?_wi=2",
|
||||
imageAlt: "weight lifting area gym equipment",
|
||||
},
|
||||
]}
|
||||
title="Membership Options"
|
||||
description="Flexible plans to suit your fitness journey."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", title: "Basic Access", price: "$49", period: "/mo", features: ["Gym Access", "Locker Rooms"], button: { text: "Join Now" }, imageSrc: "http://img.b2bpic.net/free-photo/3d-japanese-hall-karate-training_654080-1922.jpg", imageAlt: "gym interior" },
|
||||
{ id: "pro", title: "Pro Athlete", price: "$99", period: "/mo", features: ["Gym Access", "Martial Arts", "Sauna"], button: { text: "Join Now" }, imageSrc: "http://img.b2bpic.net/free-photo/sports-workout-martial-arts-relaxation-concept-attractive-young-professional-woman-fighter-sitting-corner-boxing-ring-having-rest-after-intensive-training_343059-449.jpg", imageAlt: "martial arts" },
|
||||
{ id: "elite", title: "Elite Training", price: "$149", period: "/mo", features: ["Unlimited Training", "Personal Trainer", "Recovery"], button: { text: "Join Now" }, imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197734.jpg", imageAlt: "lifting area" }
|
||||
]}
|
||||
title="Membership Options"
|
||||
description="Flexible plans to suit your fitness journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Fighter",
|
||||
company: "Rehi Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slim-sporty-afro-woman-grins-happily-front-wears-casual-top-headphones-ears-listens-favourite-music-workout_273609-33772.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
role: "Weightlifter",
|
||||
company: "Rehi Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-while-souring-her-face-colorful-sweatshirt-looking-offended-front-view_176474-44823.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike J.",
|
||||
role: "Student",
|
||||
company: "Rehi Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-sport-gym-using-kettlebells_23-2149255846.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jenny D.",
|
||||
role: "Fighter",
|
||||
company: "Rehi Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-hands-pocket-standing-street_23-2147905411.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom K.",
|
||||
role: "Member",
|
||||
company: "Rehi Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-woman-posing-against-pink-wall_273609-20248.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Active Members",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Classes Weekly",
|
||||
},
|
||||
]}
|
||||
title="What Members Say"
|
||||
description="Join thousands who have transformed their lives at Rehi."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", role: "Fighter", company: "Rehi Athlete", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/slim-sporty-afro-woman-grins-happily-front-wears-casual-top-headphones-ears-listens-favourite-music-workout_273609-33772.jpg" },
|
||||
{ id: "2", name: "Sarah L.", role: "Weightlifter", company: "Rehi Athlete", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-while-souring-her-face-colorful-sweatshirt-looking-offended-front-view_176474-44823.jpg" },
|
||||
{ id: "3", name: "Mike J.", role: "Student", company: "Rehi Athlete", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-sport-gym-using-kettlebells_23-2149255846.jpg" },
|
||||
{ id: "4", name: "Jenny D.", role: "Fighter", company: "Rehi Athlete", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-hands-pocket-standing-street_23-2147905411.jpg" },
|
||||
{ id: "5", name: "Tom K.", role: "Member", company: "Rehi Athlete", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/athletic-woman-posing-against-pink-wall_273609-20248.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "10k+", label: "Active Members" },
|
||||
{ value: "4.9/5", label: "Satisfaction Rate" },
|
||||
{ value: "50+", label: "Classes Weekly" }
|
||||
]}
|
||||
title="What Members Say"
|
||||
description="Join thousands who have transformed their lives at Rehi."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to get started? Visit us today or drop us a message to schedule your first free session."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to get started? Visit us today or drop us a message to schedule your first free session."
|
||||
buttons={[{ text: "Send Message", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-japanese-hall-karate-training_654080-1922.jpg?_wi=2"
|
||||
imageAlt="Gym Footer"
|
||||
columns={[
|
||||
{
|
||||
title: "Rehi Gym",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Training",
|
||||
items: [
|
||||
{
|
||||
label: "Martial Arts",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Weights",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Rehi"
|
||||
copyrightText="© 2025 Rehi Gym"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-japanese-hall-karate-training_654080-1922.jpg"
|
||||
imageAlt="Gym Footer"
|
||||
columns={[
|
||||
{ title: "Rehi Gym", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Training", items: [{ label: "Martial Arts", href: "#" }, { label: "Weights", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
logoText="Rehi"
|
||||
copyrightText="© 2025 Rehi Gym"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user