Merge version_1 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -33,88 +33,56 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Pehellwaan Gym"
|
||||
button={{ text: "Join Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unleash Your Inner Pehellwaan"
|
||||
description="Experience professional-grade training at Pehellwaan Gym. Strength, discipline, and community await you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Today", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sportswoman-with-dumbbell-head_23-2147752856.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sportswoman-with-dumbbell-head_23-2147752856.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pink-smoke-background-with-young-adult_23-2149681383.jpg",
|
||||
alt: "Pink smoke background with young adult",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pink-smoke-background-with-young-adult_23-2149681383.jpg", alt: "Pink smoke background with young adult"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080492.jpg",
|
||||
alt: "Close up on man doing crossfit workout",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080492.jpg", alt: "Close up on man doing crossfit workout"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-showing-wrestling-combat-stance_23-2149749733.jpg",
|
||||
alt: "Man showing wrestling combat stance",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-showing-wrestling-combat-stance_23-2149749733.jpg", alt: "Man showing wrestling combat stance"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/albania-flag-handsome-young-muscular-man-black-background_559531-10782.jpg",
|
||||
alt: "Albania flag on handsome young muscular man black background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/albania-flag-handsome-young-muscular-man-black-background_559531-10782.jpg", alt: "Albania flag on handsome young muscular man black background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sportswoman-with-dumbbell-head_23-2147752856.jpg",
|
||||
alt: "professional gym interior weights rack",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sportswoman-with-dumbbell-head_23-2147752856.jpg", alt: "professional gym interior weights rack"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "STRENGTH",
|
||||
},
|
||||
type: "text", text: "STRENGTH"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DISCIPLINE",
|
||||
},
|
||||
type: "text", text: "DISCIPLINE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "COMMUNITY",
|
||||
},
|
||||
type: "text", text: "COMMUNITY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PERFORMANCE",
|
||||
},
|
||||
type: "text", text: "PERFORMANCE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LEGACY",
|
||||
},
|
||||
type: "text", text: "LEGACY"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,19 +95,13 @@ export default function LandingPage() {
|
||||
description="At Pehellwaan Gym, we believe fitness is a discipline. We combine traditional grit with modern training science to help you reach your peak performance."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Coaching",
|
||||
description: "Professional trainers dedicated to your goals.",
|
||||
},
|
||||
title: "Expert Coaching", description: "Professional trainers dedicated to your goals."},
|
||||
{
|
||||
title: "Elite Equipment",
|
||||
description: "High-performance gear for every muscle group.",
|
||||
},
|
||||
title: "Elite Equipment", description: "High-performance gear for every muscle group."},
|
||||
{
|
||||
title: "Supportive Community",
|
||||
description: "A gym where discipline is encouraged.",
|
||||
},
|
||||
title: "Supportive Community", description: "A gym where discipline is encouraged."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205542.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205542.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -151,40 +113,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Cardio Zone",
|
||||
description: "Top-tier equipment to boost heart health and endurance.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-does-cardio-workout-rehab-bike-gym-selfcare-recovery_169016-71702.jpg",
|
||||
},
|
||||
title: "Cardio Zone", description: "Top-tier equipment to boost heart health and endurance.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-does-cardio-workout-rehab-bike-gym-selfcare-recovery_169016-71702.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197734.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sportswoman-with-dumbbell-head_23-2147752856.jpg?_wi=2",
|
||||
imageAlt: "cardio workout equipment modern gym",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197734.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Strength Arena",
|
||||
description: "Heavy racks and platforms designed for serious lifters.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024357.jpg",
|
||||
},
|
||||
title: "Strength Arena", description: "Heavy racks and platforms designed for serious lifters.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024357.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-sportswear-exercising-with-suspension-straps-fitness-club_613910-18362.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205542.jpg?_wi=2",
|
||||
imageAlt: "cardio workout equipment modern gym",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-sportswear-exercising-with-suspension-straps-fitness-club_613910-18362.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Recovery Area",
|
||||
description: "Dedicated space for stretching and post-workout cooling.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-dumbbells_1301-2290.jpg",
|
||||
},
|
||||
title: "Recovery Area", description: "Dedicated space for stretching and post-workout cooling.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-dumbbells_1301-2290.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-guy-raises-bar-stadium_1153-6280.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg?_wi=1",
|
||||
imageAlt: "cardio workout equipment modern gym",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-guy-raises-bar-stadium_1153-6280.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -200,54 +144,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$30/mo",
|
||||
subtitle: "Basic access to gym floor.",
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Locker Room",
|
||||
"Orientation",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$30/mo", subtitle: "Basic access to gym floor.", features: [
|
||||
"Gym Access", "Locker Room", "Orientation"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Elite",
|
||||
price: "$60/mo",
|
||||
subtitle: "Full access with coaching.",
|
||||
features: [
|
||||
"Unlimited Access",
|
||||
"Coach Consultation",
|
||||
"Guest Passes",
|
||||
],
|
||||
id: "pro", badge: "Elite", price: "$60/mo", subtitle: "Full access with coaching.", features: [
|
||||
"Unlimited Access", "Coach Consultation", "Guest Passes"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Upgrade", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "master",
|
||||
badge: "Pro",
|
||||
price: "$100/mo",
|
||||
subtitle: "Total performance package.",
|
||||
features: [
|
||||
"Everything Pro",
|
||||
"Custom Diet Plan",
|
||||
"Personal Training",
|
||||
],
|
||||
id: "master", badge: "Pro", price: "$100/mo", subtitle: "Total performance package.", features: [
|
||||
"Everything Pro", "Custom Diet Plan", "Personal Training"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Go Pro", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -263,22 +180,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Happy Members",
|
||||
value: "1,200+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Happy Members", value: "1,200+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Weight Lifted",
|
||||
value: "500T",
|
||||
icon: Activity,
|
||||
id: "m2", title: "Weight Lifted", value: "500T", icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Classes Held",
|
||||
value: "4,500",
|
||||
icon: Activity,
|
||||
id: "m3", title: "Classes Held", value: "4,500", icon: Activity,
|
||||
},
|
||||
]}
|
||||
title="Gym Milestones"
|
||||
@@ -293,59 +201,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rahul S.",
|
||||
role: "Athlete",
|
||||
company: "Pehellwaan Gym",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Rahul S.", role: "Athlete", company: "Pehellwaan Gym", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anita K.",
|
||||
role: "Member",
|
||||
company: "Pehellwaan Gym",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones_23-2148435366.jpg",
|
||||
},
|
||||
id: "2", name: "Anita K.", role: "Member", company: "Pehellwaan Gym", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones_23-2148435366.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vikram J.",
|
||||
role: "Lifter",
|
||||
company: "Pehellwaan Gym",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-stretching-urban-environment_23-2147988169.jpg",
|
||||
},
|
||||
id: "3", name: "Vikram J.", role: "Lifter", company: "Pehellwaan Gym", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-stretching-urban-environment_23-2147988169.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sonia M.",
|
||||
role: "Beginner",
|
||||
company: "Pehellwaan Gym",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-woman-taking-selfie_23-2148343487.jpg",
|
||||
},
|
||||
id: "4", name: "Sonia M.", role: "Beginner", company: "Pehellwaan Gym", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-woman-taking-selfie_23-2148343487.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Arjun D.",
|
||||
role: "Pro",
|
||||
company: "Pehellwaan Gym",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-model-sport-bra-looks-seductive-with-hands-closed_114579-14185.jpg",
|
||||
},
|
||||
id: "5", name: "Arjun D.", role: "Pro", company: "Pehellwaan Gym", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-model-sport-bra-looks-seductive-with-hands-closed_114579-14185.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9", label: "Rating"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Goals Met",
|
||||
},
|
||||
value: "95%", label: "Goals Met"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "500+", label: "Reviews"},
|
||||
]}
|
||||
title="Voices of Pehellwaan"
|
||||
description="Real success stories from our gym members."
|
||||
@@ -357,20 +234,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are the hours?",
|
||||
content: "We are open 24/7 for members.",
|
||||
},
|
||||
id: "f1", title: "What are the hours?", content: "We are open 24/7 for members."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I bring a guest?",
|
||||
content: "Yes, with our elite membership.",
|
||||
},
|
||||
id: "f2", title: "Can I bring a guest?", content: "Yes, with our elite membership."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer training?",
|
||||
content: "Yes, certified coaches are available.",
|
||||
},
|
||||
id: "f3", title: "Do you offer training?", content: "Yes, certified coaches are available."},
|
||||
]}
|
||||
sideTitle="Gym FAQs"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -381,14 +249,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Start your journey with us today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@pehellwaangym.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:info@pehellwaangym.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -399,25 +264,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Plans",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Plans", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user