bender/0625aba3-c99b-430b-b68f-4e810fff662d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 18:12:48 +00:00
parent 808931f6c2
commit 0517ed6d41
1 changed files with 42 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
src/app/page.tsx
View File

@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Results",
id: "metrics",
},
name: "Results", id: "metrics"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Red Fitness"
/>
@@ -52,47 +44,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
title="Redefine Your Limits."
description="Experience the ultimate fusion of elite training, modern comfort, and expert guidance at Metropolitan Mall Cileungsi."
buttons={[
{
text: "Join Now",
href: "#contact",
},
text: "Join Now", href: "#contact"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114190.jpg",
imageAlt: "Luxury Gym Interior",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114190.jpg", imageAlt: "luxury gym interior modern equipment"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-making-flexing-exercise_23-2148017399.jpg",
imageAlt: "Professional Training Floor",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-making-flexing-exercise_23-2148017399.jpg", imageAlt: "spacious gym workout floor"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/man-rubbing-hands-with-talcum_23-2147687729.jpg",
imageAlt: "Strength Equipment",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-rubbing-hands-with-talcum_23-2147687729.jpg", imageAlt: "gym weight plates detail"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/girl-walking-treadmill_23-2147688140.jpg",
imageAlt: "Cardio Area",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/girl-walking-treadmill_23-2147688140.jpg", imageAlt: "cardio equipment row modern gym"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-looking-mirror_23-2149832703.jpg",
imageAlt: "Yoga Zone",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-looking-mirror_23-2149832703.jpg", imageAlt: "yoga gym stretching area"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024357.jpg",
imageAlt: "Functional Zone",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024357.jpg", imageAlt: "functional training gym zone"},
]}
/>
</div>
@@ -103,26 +74,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "Elite",
title: "Advanced Technology",
subtitle: "Precision tracking",
description: "Monitor your progress with world-class fitness tracking and diagnostics.",
imageSrc: "http://img.b2bpic.net/free-photo/masked-woman-training-coronavirus_1157-34281.jpg",
},
tag: "Elite", title: "Advanced Technology", subtitle: "Precision tracking", description: "Monitor your progress with world-class fitness tracking and diagnostics.", imageSrc: "http://img.b2bpic.net/free-photo/masked-woman-training-coronavirus_1157-34281.jpg"},
{
tag: "Guidance",
title: "Expert Training",
subtitle: "Real results",
description: "Work with certified professionals dedicated to reaching your personal goals.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-gym_1157-15669.jpg",
},
tag: "Guidance", title: "Expert Training", subtitle: "Real results", description: "Work with certified professionals dedicated to reaching your personal goals.", imageSrc: "http://img.b2bpic.net/free-photo/couple-gym_1157-15669.jpg"},
{
tag: "Facilities",
title: "Spa-level comfort",
subtitle: "Premium amenities",
description: "Relax after your session in our pristine, hotel-inspired locker facilities.",
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-basketball-game-locker_23-2150847248.jpg",
},
tag: "Facilities", title: "Spa-level comfort", subtitle: "Premium amenities", description: "Relax after your session in our pristine, hotel-inspired locker facilities.", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-basketball-game-locker_23-2150847248.jpg"},
]}
title="Why Red Fitness?"
description="We offer more than just a place to workout; we build communities of excellence."
@@ -131,30 +87,16 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100+",
title: "Machines",
description: "Top-tier strength and cardio stations.",
imageSrc: "http://img.b2bpic.net/free-photo/barbell-plate_187299-46042.jpg",
},
id: "m1", value: "100+", title: "Machines", description: "Top-tier strength and cardio stations.", imageSrc: "http://img.b2bpic.net/free-photo/barbell-plate_187299-46042.jpg"},
{
id: "m2",
value: "20+",
title: "Certified Trainers",
description: "Expert coaches always on hand.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-exercise-simulator-gym_23-2147688152.jpg",
},
id: "m2", value: "20+", title: "Certified Trainers", description: "Expert coaches always on hand.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-exercise-simulator-gym_23-2147688152.jpg"},
{
id: "m3",
value: "24/7",
title: "Access",
description: "Train whenever it fits your lifestyle.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-fitness-equipment-gym-interior_74190-6090.jpg",
},
id: "m3", value: "24/7", title: "Access", description: "Train whenever it fits your lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-fitness-equipment-gym-interior_74190-6090.jpg"},
]}
title="Built for Performance"
description="Our facility is equipped with industry-leading machinery to maximize every movement."
@@ -168,59 +110,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Corporate Lead",
company: "Metropolitan Mall",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15110.jpg",
},
id: "1", name: "Sarah J.", role: "Corporate Lead", company: "Metropolitan Mall", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15110.jpg"},
{
id: "2",
name: "Michael K.",
role: "Entrepreneur",
company: "Cileungsi Startups",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/strong-woman-posing-fitness-attire_23-2151982078.jpg",
},
id: "2", name: "Michael K.", role: "Entrepreneur", company: "Cileungsi Startups", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/strong-woman-posing-fitness-attire_23-2151982078.jpg"},
{
id: "3",
name: "Budi A.",
role: "Engineer",
company: "Tech Industries",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-does-fitness-with-dumbbells-home-guy-keeps-fit-quarantine_549566-112.jpg",
},
id: "3", name: "Budi A.", role: "Engineer", company: "Tech Industries", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-does-fitness-with-dumbbells-home-guy-keeps-fit-quarantine_549566-112.jpg"},
{
id: "4",
name: "Dewi L.",
role: "Director",
company: "Local Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205613.jpg",
},
id: "4", name: "Dewi L.", role: "Director", company: "Local Agency", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205613.jpg"},
{
id: "5",
name: "Andi S.",
role: "Architect",
company: "Buildco",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-kettlebell-up_23-2149358169.jpg",
},
id: "5", name: "Andi S.", role: "Architect", company: "Buildco", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-kettlebell-up_23-2149358169.jpg"},
]}
kpiItems={[
{
value: "95%",
label: "Retention Rate",
},
value: "95%", label: "Retention Rate"},
{
value: "5k+",
label: "Active Members",
},
value: "5k+", label: "Active Members"},
{
value: "100+",
label: "5-Star Reviews",
},
value: "100+", label: "5-Star Reviews"},
]}
title="Members Stories"
description="See why our community loves training here."
@@ -231,8 +142,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get Started"
title="Claim Your Free Pass"
description="Ready to take the first step? Sign up for a tour and a free day pass at Red Fitness."
@@ -246,42 +156,27 @@ export default function LandingPage() {
logoText="RED FITNESS"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Help Center",
href: "#",
},
label: "Help Center", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}