bender/f2076305-77fb-47a3-9531-53473c451630
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-02 09:01:35 +00:00
Conversation 0 Commits 2 Files Changed 2 +48 -274
2 changed files with 48 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

316
src/app/page.tsx
View File

@@ -2,14 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
export default function LandingPage() {
return (
@@ -29,133 +29,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Training",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Training", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Elite Iron Gym"
button={{
text: "Join Now",
href: "#contact",
}}
button={{ text: "Join Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Unleash Your Ultimate Potential"
description="Experience peak physical transformation at India's most exclusive premium gym. Elite equipment, personalized training, and a luxury training environment."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=1",
imageAlt: "Gym interior luxury view",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=2",
imageAlt: "Gym floor perspective",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=3",
imageAlt: "Advanced workout station",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=4",
imageAlt: "Premium lighting ambiance",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=5",
imageAlt: "High-end fitness facility",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=6",
imageAlt: "Gym weights close-up",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=7",
imageAlt: "Gym cardio zone",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=8",
imageAlt: "Strength training area",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=9",
imageAlt: "Yoga wellness space",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=10",
imageAlt: "Elite equipment detail",
},
]}
buttons={[
{
text: "Start Your Journey",
href: "#pricing",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/view-woman-helping-man-exercise-gym_52683-98091.jpg",
alt: "Trainer 1",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-male-with-arms-crossed_23-2148482698.jpg",
alt: "Trainer 2",
},
{
src: "http://img.b2bpic.net/free-photo/pilates-instructor-gym_1303-23279.jpg",
alt: "Trainer 3",
},
{
src: "http://img.b2bpic.net/free-photo/happy-female-model-looks-gladfully-somewhere-has-white-teeth-healthy-skin-enjoys-recreation-time-dressed-casual-clothes-uses-modern-stereo-headphones-listening-songs-blurred_273609-54122.jpg",
alt: "Trainer 4",
},
{
src: "http://img.b2bpic.net/free-photo/view-woman-helping-man-exercise-gym_52683-98091.jpg",
alt: "Trainer 5",
},
]}
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=1", imageAlt: "Gym interior luxury view" }]}
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=6", imageAlt: "Gym weights close-up" }]}
buttons={[{ text: "Start Your Journey", href: "#pricing" }]}
avatarText="Join our 500+ elite members"
marqueeItems={[
{
type: "text",
text: "24/7 ACCESS",
},
{
type: "text",
text: "LUXURY SPA",
},
{
type: "text",
text: "PERSONAL COACHING",
},
{
type: "text",
text: "ADVANCED TECH",
},
{
type: "text",
text: "PREMIUM AMENITIES",
},
]}
/>
</div>
@@ -165,18 +57,9 @@ export default function LandingPage() {
title="Redefining Luxury Fitness"
description="Elite Iron Gym provides a sanctuary for fitness enthusiasts who seek nothing but the best. Our facilities combine cutting-edge technology with high-end interior design for an unmatched experience."
metrics={[
{
value: "15+",
title: "Expert Trainers",
},
{
value: "5k+",
title: "Successful Stories",
},
{
value: "24/7",
title: "Facility Access",
},
{ value: "15+", title: "Expert Trainers" },
{ value: "5k+", title: "Successful Stories" },
{ value: "24/7", title: "Facility Access" },
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-man-training-with-dumbbells_23-2149734707.jpg?_wi=1"
imageAlt="About our luxury fitness facility"
@@ -190,27 +73,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Advanced Cardio Zone",
description: "High-tech treadmills and cycles.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-training-gym_23-2147915441.jpg?_wi=1",
imageAlt: "Cardio area",
},
{
id: 2,
title: "Strength Training",
description: "Professional-grade lifting platforms.",
imageSrc: "http://img.b2bpic.net/free-photo/man-lifting-weights-gym_53876-15124.jpg",
imageAlt: "Strength training",
},
{
id: 3,
title: "Wellness Sanctuary",
description: "Dedicated space for stretching and yoga.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-daughter-is-engaged-gymnastics_1157-31639.jpg",
imageAlt: "Wellness zone",
},
{ id: 1, title: "Advanced Cardio Zone", description: "High-tech treadmills and cycles.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-training-gym_23-2147915441.jpg?_wi=1", imageAlt: "Cardio area" },
{ id: 2, title: "Strength Training", description: "Professional-grade lifting platforms.", imageSrc: "http://img.b2bpic.net/free-photo/man-lifting-weights-gym_53876-15124.jpg", imageAlt: "Strength training" },
{ id: 3, title: "Wellness Sanctuary", description: "Dedicated space for stretching and yoga.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-daughter-is-engaged-gymnastics_1157-31639.jpg", imageAlt: "Wellness zone" },
]}
title="World-Class Facilities"
description="Our gym is designed to cater to every fitness need with precision and class."
@@ -218,141 +83,50 @@ export default function LandingPage() {
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
<PricingCardEight
animationType="blur-reveal"
title="Gold Elite Membership Tiers"
description="Curated excellence for the discerning athlete."
plans={[
{
id: "basic",
title: "Monthly Elite",
price: "₹9,999",
period: "/month",
features: [
"Full Gym Access",
"Group Classes",
],
button: {
text: "Select Plan",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=11",
imageAlt: "luxury gym interior dark aesthetic",
},
{
id: "pro",
title: "Quarterly Pro",
price: "₹24,999",
period: "/3 months",
features: [
"Full Gym Access",
"1 PT Session",
"Sauna",
],
button: {
text: "Select Plan",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-training-with-dumbbells_23-2149734707.jpg?_wi=2",
imageAlt: "personal trainer professional coaching dark gym",
},
{
id: "premium",
title: "Annual Royal",
price: "₹89,999",
period: "/year",
features: [
"VIP Access",
"Unlimited PT",
"Spa Access",
"Towel Service",
],
button: {
text: "Select Plan",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-training-gym_23-2147915441.jpg?_wi=2",
imageAlt: "cardio workout equipment gym dark",
},
{ id: "basic", badge: "Essential", price: "₹9,999", subtitle: "Daily Luxury", features: ["Access 24/7", "Locker Access"], buttons: [{text: "Select Tier"}] },
{ id: "pro", badge: "Gold Signature", price: "₹24,999", subtitle: "Executive Performance", features: ["Personalized Training", "Sauna Access"], buttons: [{text: "Select Tier"}] },
{ id: "premium", badge: "Diamond Royal", price: "₹89,999", subtitle: "Elite Total Wellness", features: ["Unlimited Coaching", "Spa & Wellness", "Priority Access"], buttons: [{text: "Select Tier"}] },
]}
title="Exclusive Membership Plans"
description="Tailored packages for those who demand excellence in fitness."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
<TestimonialCardFive
animationType="blur-reveal"
title="Premium Client Testimonials"
description="Hear from our exclusive community members about their transformations."
testimonials={[
{
id: "1",
name: "Aryan Khanna",
handle: "@aryan_k",
testimonial: "The atmosphere here is truly world-class. Best facility in India.",
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-helping-man-exercise-gym_52683-98091.jpg?_wi=1",
},
{
id: "2",
name: "Vikram Singh",
handle: "@vikram_fit",
testimonial: "Training here transformed my life. Professional guidance all the way.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-with-arms-crossed_23-2148482698.jpg",
},
{
id: "3",
name: "Priya Sharma",
handle: "@priya_lifts",
testimonial: "Unmatched luxury and equipment. Highly recommended for professionals.",
imageSrc: "http://img.b2bpic.net/free-photo/pilates-instructor-gym_1303-23279.jpg",
},
{
id: "4",
name: "Rohan Mehta",
handle: "@rohan_iron",
testimonial: "Elite Iron Gym is simply the benchmark for fitness excellence.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-model-looks-gladfully-somewhere-has-white-teeth-healthy-skin-enjoys-recreation-time-dressed-casual-clothes-uses-modern-stereo-headphones-listening-songs-blurred_273609-54122.jpg",
},
{
id: "5",
name: "Ananya Rao",
handle: "@ananya_fit",
testimonial: "The most exclusive fitness environment I have ever experienced.",
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-helping-man-exercise-gym_52683-98091.jpg?_wi=2",
},
{ id: "1", name: "Aryan Khanna", date: "Oct 2024", title: "Business Owner", quote: "The gold standard in fitness and luxury.", tag: "Verified Member", avatarSrc: "https://img.b2bpic.net/free-photo/view-woman-helping-man-exercise-gym_52683-98091.jpg" },
{ id: "2", name: "Vikram Singh", date: "Nov 2024", title: "CEO", quote: "Unparalleled privacy and coaching quality.", tag: "Diamond Member", avatarSrc: "https://img.b2bpic.net/free-photo/high-angle-male-with-arms-crossed_23-2148482698.jpg" },
]}
title="Voices of Elite Success"
description="See why our members choose to train at Elite Iron Gym."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Join Elite"
title="Start Your Transformation"
description="Enter your details for an exclusive tour and complimentary consultation."
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/front-view-fit-woman-training-with-dumbells_23-2150255909.jpg?_wi=12"
mediaAnimation="slide-up"
<ContactCenter
tag="Concierge Contact"
title="Connect with Elite Concierge"
description="Request a personal tour or a consultation for custom membership packages."
background={{ variant: "sparkles-gradient" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Elite Iron Gym"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
<FooterBase
columns={[
{ title: "Luxury Facilities", items: [{label: "Spa & Wellness", href: "#"}, {label: "Exclusive Zones", href: "#"}] },
{ title: "Membership", items: [{label: "Elite Royal", href: "#"}, {label: "Corporate Plans", href: "#"}] },
{ title: "Contact Concierge", items: [{label: "Mumbai HQ", href: "#"}, {label: "Delhi Club", href: "#"}] },
]}
copyrightText="© 2025 | Elite Iron Gym India - Excellence In Every Detail"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

6
src/app/styles/variables.css
View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--background: #000000;
--card: #374151;
--card: #1f2937;
--foreground: #f3f4f6;
--primary-cta: #d4af37;
--primary-cta-text: #000000;
--secondary-cta: #f3f4f6;
--secondary-cta-text: #374151;
--accent: #4b5563;
--background-accent: #1f2937;
--accent: #d4af37;
--background-accent: #1a1a1a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);