Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
342
src/app/page.tsx
342
src/app/page.tsx
@@ -11,7 +11,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Activity, Award, Clock, MapPin, Users } from "lucide-react";
|
||||
import { Activity, Award, Clock, MapPin, Users, Dumbbell, User, Heart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,27 +19,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="National Fitness"
|
||||
/>
|
||||
@@ -48,101 +44,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unleash Your Potential at National Fitness"
|
||||
description="Transform your body, mind, and life. Premium equipment, expert coaching, and a community that supports your fitness journey."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rahul Verma",
|
||||
handle: "@rahulfit",
|
||||
testimonial: "The best facilities in town! I've seen major improvements in 3 months.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-listening-music-dark-wall_176420-663.jpg",
|
||||
},
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
handle: "@priyagym",
|
||||
testimonial: "Excellent trainers and a very supportive community.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",
|
||||
},
|
||||
{
|
||||
name: "Amit Kumar",
|
||||
handle: "@amitstrength",
|
||||
testimonial: "Clean gym and latest machines. Truly world-class.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-mood-with-great-music-photo-gorgeous-blonde-woman-gym-her-weekend-time_146671-16548.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anjali Reddy",
|
||||
handle: "@anjalifit",
|
||||
testimonial: "Changed my fitness perspective completely. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vikram Seth",
|
||||
handle: "@vikramfit",
|
||||
testimonial: "The motivation here is unmatched, a total game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-exercising-home_23-2150164761.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Today",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ name: "Rahul Verma", handle: "@rahulfit", testimonial: "The best facilities in town! I've seen major improvements in 3 months.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-listening-music-dark-wall_176420-663.jpg" },
|
||||
{ name: "Priya Sharma", handle: "@priyagym", testimonial: "Excellent trainers and a very supportive community.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg" },
|
||||
{ name: "Amit Kumar", handle: "@amitstrength", testimonial: "Clean gym and latest machines. Truly world-class.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-mood-with-great-music-photo-gorgeous-blonde-woman-gym-her-weekend-time_146671-16548.jpg" },
|
||||
{ name: "Anjali Reddy", handle: "@anjalifit", testimonial: "Changed my fitness perspective completely. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg" },
|
||||
{ name: "Vikram Seth", handle: "@vikramfit", testimonial: "The motivation here is unmatched, a total game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-exercising-home_23-2150164761.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Join Today", href: "#pricing" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28774.jpg"
|
||||
imageAlt="Gym interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/athletic-man-practicing-gymnastics-keep-fit_23-2150989933.jpg",
|
||||
alt: "Member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-long-curly-hair-fishing-location-fisherman-ocean_1321-1294.jpg",
|
||||
alt: "Member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-portrait-athlete-participating-olympic-championship-sports_23-2151500667.jpg",
|
||||
alt: "Member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-dancing-studio_23-2150621031.jpg",
|
||||
alt: "Member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg",
|
||||
alt: "Member",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/athletic-man-practicing-gymnastics-keep-fit_23-2150989933.jpg", alt: "Member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-with-long-curly-hair-fishing-location-fisherman-ocean_1321-1294.jpg", alt: "Member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-white-portrait-athlete-participating-olympic-championship-sports_23-2151500667.jpg", alt: "Member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-dancing-studio_23-2150621031.jpg", alt: "Member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg", alt: "Member" }
|
||||
]}
|
||||
avatarText="Join our 5000+ happy members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Access",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Olympic Weights",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Yoga Studio",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sauna Access",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert PT",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -151,31 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
metrics={[
|
||||
{
|
||||
icon: Activity,
|
||||
label: "Certified Trainers",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Members",
|
||||
value: "5k+",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Locations",
|
||||
value: "3",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Open Daily",
|
||||
value: "24/7",
|
||||
},
|
||||
{ icon: Activity, label: "Certified Trainers", value: "20+" },
|
||||
{ icon: Award, label: "Years Experience", value: "15" },
|
||||
{ icon: Users, label: "Happy Members", value: "5k+" },
|
||||
{ icon: MapPin, label: "Locations", value: "3" },
|
||||
{ icon: Clock, label: "Open Daily", value: "24/7" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -188,41 +90,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strength Training",
|
||||
description: "State-of-the-art weights and racks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg",
|
||||
titleIconSrc: "Dumbbell",
|
||||
buttonText: "See Zone",
|
||||
},
|
||||
{
|
||||
title: "Cardio Studio",
|
||||
description: "Latest treadmill and cycling tech.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/females-mat-training-together_23-2148387788.jpg",
|
||||
titleIconSrc: "Activity",
|
||||
buttonText: "See Zone",
|
||||
},
|
||||
{
|
||||
title: "Personal Coaching",
|
||||
description: "Expert advice for your goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-gym-giving-high-five_23-2148419857.jpg",
|
||||
titleIconSrc: "User",
|
||||
buttonText: "See Zone",
|
||||
},
|
||||
{
|
||||
title: "Recovery Area",
|
||||
description: "Sauna and massage therapy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077752.jpg",
|
||||
titleIconSrc: "Heart",
|
||||
buttonText: "See Zone",
|
||||
},
|
||||
{
|
||||
title: "Group Classes",
|
||||
description: "High energy fitness sessions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bodybuilding-concept-with-barbell-gym_23-2147675160.jpg",
|
||||
titleIconSrc: "Users",
|
||||
buttonText: "See Zone",
|
||||
},
|
||||
{ title: "Strength Training", description: "State-of-the-art weights and racks.", imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg", titleIconSrc: "Dumbbell", buttonText: "See Zone" },
|
||||
{ title: "Cardio Studio", description: "Latest treadmill and cycling tech.", imageSrc: "http://img.b2bpic.net/free-photo/females-mat-training-together_23-2148387788.jpg", titleIconSrc: "Activity", buttonText: "See Zone" },
|
||||
{ title: "Personal Coaching", description: "Expert advice for your goals.", imageSrc: "http://img.b2bpic.net/free-photo/young-women-gym-giving-high-five_23-2148419857.jpg", titleIconSrc: "User", buttonText: "See Zone" },
|
||||
{ title: "Recovery Area", description: "Sauna and massage therapy.", imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077752.jpg", titleIconSrc: "Heart", buttonText: "See Zone" },
|
||||
{ title: "Group Classes", description: "High energy fitness sessions.", imageSrc: "http://img.b2bpic.net/free-photo/bodybuilding-concept-with-barbell-gym_23-2147675160.jpg", titleIconSrc: "Users", buttonText: "See Zone" }
|
||||
]}
|
||||
title="World Class Amenities"
|
||||
description="Everything you need for an elite workout."
|
||||
@@ -235,41 +107,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essentials",
|
||||
price: "₹1,999",
|
||||
period: "/mo",
|
||||
description: "Perfect for casual gym goers.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Full gym access",
|
||||
"Locker room",
|
||||
"Free assessment",
|
||||
"Wifi access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Elite",
|
||||
price: "₹3,499",
|
||||
period: "/mo",
|
||||
description: "Advanced training and support.",
|
||||
button: {
|
||||
text: "Go Elite",
|
||||
},
|
||||
featuresTitle: "Elite Access",
|
||||
features: [
|
||||
"All basic features",
|
||||
"Personal trainer",
|
||||
"Group classes",
|
||||
"Supplement advice",
|
||||
"Towel service",
|
||||
],
|
||||
},
|
||||
{ id: "basic", tag: "Essentials", price: "₹1,999", period: "/mo", description: "Perfect for casual gym goers.", button: { text: "Get Started" }, featuresTitle: "Included", features: ["Full gym access", "Locker room", "Free assessment", "Wifi access"] },
|
||||
{ id: "premium", tag: "Elite", price: "₹3,499", period: "/mo", description: "Advanced training and support.", button: { text: "Go Elite" }, featuresTitle: "Elite Access", features: ["All basic features", "Personal trainer", "Group classes", "Supplement advice", "Towel service"] }
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Affordable access to premium fitness."
|
||||
@@ -282,46 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Vijay S.",
|
||||
handle: "@vijays",
|
||||
testimonial: "Fantastic atmosphere!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Neha P.",
|
||||
handle: "@nehap",
|
||||
testimonial: "Truly inspiring place.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-doing-burpees-together_23-2149356920.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Arjun R.",
|
||||
handle: "@arjunr",
|
||||
testimonial: "Best equipment ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-athletic-girl-standing-near-gym-equipment-healthy-lifestyle_78826-3376.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sana K.",
|
||||
handle: "@sanak",
|
||||
testimonial: "Love the group classes!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-stretching-smiling-outdoors_1262-3565.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vikram D.",
|
||||
handle: "@vikramd",
|
||||
testimonial: "Great community support.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrated-into-modern-life_23-2151102539.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Vijay S.", handle: "@vijays", testimonial: "Fantastic atmosphere!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg" },
|
||||
{ id: "t2", name: "Neha P.", handle: "@nehap", testimonial: "Truly inspiring place.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-doing-burpees-together_23-2149356920.jpg" },
|
||||
{ id: "t3", name: "Arjun R.", handle: "@arjunr", testimonial: "Best equipment ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-athletic-girl-standing-near-gym-equipment-healthy-lifestyle_78826-3376.jpg" },
|
||||
{ id: "t4", name: "Sana K.", handle: "@sanak", testimonial: "Love the group classes!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-stretching-smiling-outdoors_1262-3565.jpg" },
|
||||
{ id: "t5", name: "Vikram D.", handle: "@vikramd", testimonial: "Great community support.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrated-into-modern-life_23-2151102539.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Members Say"
|
||||
@@ -333,31 +137,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer trials?",
|
||||
content: "Yes, we offer a free 3-day guest pass.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are trainers included?",
|
||||
content: "Premium members get personal training included.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your hours?",
|
||||
content: "Open 6 AM to 10 PM daily.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we have free member parking on-site.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Our plans are month-to-month with no contracts.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer trials?", content: "Yes, we offer a free 3-day guest pass." },
|
||||
{ id: "f2", title: "Are trainers included?", content: "Premium members get personal training included." },
|
||||
{ id: "f3", title: "What are your hours?", content: "Open 6 AM to 10 PM daily." },
|
||||
{ id: "f4", title: "Is parking available?", content: "Yes, we have free member parking on-site." },
|
||||
{ id: "f5", title: "Can I cancel anytime?", content: "Our plans are month-to-month with no contracts." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -367,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Join Us"
|
||||
title="Ready to Start?"
|
||||
description="Sign up today and get your first session free!"
|
||||
@@ -380,31 +162,11 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Pricing", href: "#pricing" }]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Contact", items: [{ label: "Help Center", href: "#" }, { label: "Privacy", href: "#" }]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 National Fitness Gym"
|
||||
bottomRightText="Built for Results"
|
||||
@@ -413,4 +175,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user