bender/894976d5-adda-4cfc-bbcd-ac9b367b42cf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-04-20 11:15:59 +00:00
parent 6c28d8c526 60dea7597e
commit e875f35904
1 changed files with 43 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
src/app/page.tsx
View File

@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
@@ -12,7 +13,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award } from "lucide-react";
import { Award, Zap, Dumbbell, Target, Clock, ShieldCheck } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,18 +33,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Programs", id: "features"},
{
name: "Pricing", id: "pricing"},
{
name: "Testimonials", id: "testimonials"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Features", id: "feature-bento" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Skyline Fitness"
/>
@@ -51,14 +47,10 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
title="Elevate Your Potential"
description="Experience the ultimate fitness transformation at Skyline Fitness. State-of-the-art equipment, elite coaching, and a community dedicated to your success."
buttons={[
{
text: "Join Today", href: "#pricing"},
]}
buttons={[{ text: "Join Today", href: "#pricing" }]}
imageSrc="http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114232.jpg"
/>
</div>
@@ -81,37 +73,38 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Limited Hours", "Outdated Gear", "Overcrowded Spaces", "Hidden Fees", "Lack of Support"],
}}
positiveCard={{
items: [
"24/7 Access", "Premium Equipment", "Spacious Training Zones", "Expert Coaching", "Recovery & Wellness"],
}}
negativeCard={{ items: ["Limited Hours", "Outdated Gear", "Overcrowded Spaces", "Hidden Fees", "Lack of Support"] }}
positiveCard={{ items: ["24/7 Access", "Premium Equipment", "Spacious Training Zones", "Expert Coaching", "Recovery & Wellness"] }}
title="Why Choose Skyline"
description="Experience the difference of a premium fitness club designed for results."
/>
</div>
<div id="feature-bento" data-section="feature-bento">
<FeatureBento
title="Engineered for Results"
description="Discover the core pillars that define the Skyline Fitness experience."
useInvertedBackground={true}
animationType="slide-up"
textboxLayout="default"
features={[
{ title: "Elite Training", description: "High-intensity performance areas.", bentoComponent: "reveal-icon", icon: Zap },
{ title: "Recovery Suites", description: "Advanced massage and therapy.", bentoComponent: "reveal-icon", icon: ShieldCheck },
{ title: "24/7 Access", description: "Workout whenever you need to.", bentoComponent: "reveal-icon", icon: Clock },
{ title: "Pro Coaching", description: "Guided paths to your goals.", bentoComponent: "reveal-icon", icon: Dumbbell }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic", badge: "Essential", price: "$39", subtitle: "Access all areas", features: [
"Gym Access", "Locker Room", "Cardio Zone"],
},
{
id: "pro", badge: "Best Value", price: "$69", subtitle: "Elite training package", features: [
"All Access", "Classes Included", "Personal Training", "Recovery Hub"],
},
{
id: "premium", badge: "Elite", price: "$99", subtitle: "Unlimited transformation", features: [
"All Elite Benefits", "Unlimited Guest Passes", "Nutritional Planning", "Recovery Suite Access"],
},
{ id: "basic", badge: "Essential", price: "$39", subtitle: "Access all areas", features: ["Gym Access", "Locker Room", "Cardio Zone"] },
{ id: "pro", badge: "Best Value", price: "$69", subtitle: "Elite training package", features: ["All Access", "Classes Included", "Personal Training", "Recovery Hub"] },
{ id: "premium", badge: "Elite", price: "$99", subtitle: "Unlimited transformation", features: ["All Elite Benefits", "Unlimited Guest Passes", "Nutritional Planning", "Recovery Suite Access"] }
]}
title="Membership Plans"
description="Choose the plan that fits your lifestyle and fitness goals."
@@ -124,18 +117,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "500+", title: "Active Members", items: [
"Community growing daily"],
},
{
id: "m2", value: "15+", title: "Certified Coaches", items: [
"Experts in fitness"],
},
{
id: "m3", value: "24/7", title: "Always Open", items: [
"Fitness on your schedule"],
},
{ id: "m1", value: "500+", title: "Active Members", items: ["Community growing daily"] },
{ id: "m2", value: "15+", title: "Certified Coaches", items: ["Experts in fitness"] },
{ id: "m3", value: "24/7", title: "Always Open", items: ["Fitness on your schedule"] }
]}
title="Our Impact"
description="Empowering our community one rep at a time."
@@ -148,30 +132,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Alex R.", role: "Pro Member", company: "Local Athlete", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/timid-young-fitness-woman-sportswear-with-headband-with-smile-face-standing-orange-wall_141793-48522.jpg"},
{
id: "2", name: "Sarah J.", role: "Transformation", company: "Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-young-dark-skinned-african-male-with-curly-hair-grey-sporty-wear-touching-his-muscles-with-hand-looking-camera-with-silly-expression-sport-concept_176420-13060.jpg"},
{
id: "3", name: "Mike D.", role: "Enthusiast", company: "Member", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-urban-lifestyle-body-language-concept-horizontal-im_343059-4141.jpg"},
{
id: "4", name: "Emily K.", role: "Athlete", company: "Member", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-holding-mobile-phone-gesturing-strong-isolated-orange_141793-84252.jpg"},
{
id: "5", name: "David W.", role: "Regular", company: "Member", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-posing-studio-with-dumbbels_613910-58.jpg"},
]}
kpiItems={[
{
value: "98%", label: "Retention"},
{
value: "5k+", label: "Sessions"},
{
value: "100%", label: "Satisfaction"},
{ id: "1", name: "Alex R.", role: "Pro Member", company: "Local Athlete", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/timid-young-fitness-woman-sportswear-with-headband-with-smile-face-standing-orange-wall_141793-48522.jpg" },
{ id: "2", name: "Sarah J.", role: "Transformation", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-young-dark-skinned-african-male-with-curly-hair-grey-sporty-wear-touching-his-muscles-with-hand-looking-camera-with-silly-expression-sport-concept_176420-13060.jpg" }
]}
kpiItems={[{ value: "98%", label: "Retention" }, { value: "5k+", label: "Sessions" }, { value: "100%", label: "Satisfaction" }]}
title="Member Stories"
description="Hear what our members have to say about their transformation journey."
/>
@@ -182,16 +146,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1", title: "Do I need a tour?", content: "You can walk in anytime, but booking a tour ensures a coach is ready."},
{
id: "f2", title: "Are there contracts?", content: "We offer flexible monthly plans without long-term commitments."},
{
id: "f3", title: "Can I bring a friend?", content: "Pro members get guest passes included in their plan."},
{
id: "f4", title: "Is the gym secure?", content: "Yes, we have 24/7 monitored security access for all members."},
{
id: "f5", title: "Do you offer personal training?", content: "Absolutely, we have a team of certified coaches ready to help."},
{ id: "f1", title: "Do I need a tour?", content: "You can walk in anytime, but booking a tour ensures a coach is ready." },
{ id: "f2", title: "Are there contracts?", content: "We offer flexible monthly plans without long-term commitments." },
{ id: "f3", title: "Can I bring a friend?", content: "Pro members get guest passes included in their plan." }
]}
title="Common Questions"
faqsAnimation="slide-up"
@@ -202,8 +159,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
title="Start Your Journey"
description="Sign up for our newsletter to get a free 3-day pass to our facilities."
tag="Contact Us"
@@ -219,4 +175,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}