Merge version_1_1781530357349 into main #2

Merged
bender merged 3 commits from version_1_1781530357349 into main 2026-06-15 13:34:14 +00:00
2 changed files with 170 additions and 386 deletions

View File

@@ -7,119 +7,62 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "About",
"href": "#about"
},
{
"name": "Programs",
"href": "#programs"
},
{
"name": "Pricing",
"href": "#pricing"
},
{
"name": "Coaches",
"href": "#coaches"
},
{
"name": "Hero",
"href": "#hero"
},
{
"name": "Highlights",
"href": "#highlights"
},
{
"name": "Stats",
"href": "#stats"
}
];
{ name: "About", href: "#about" },
{ name: "Programs", href: "#programs" },
{ name: "Pricing", href: "#pricing" },
{ name: "Coaches", href: "#coaches" },
{ name: "Hero", href: "#hero" },
{ name: "Highlights", href: "#highlights" },
{ name: "Stats", href: "#stats" }
];
return (
<StyleProvider buttonVariant="arrow" siteBackground="floatingGradient" heroBackground="lightRaysCenter">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="Iron Culture"
ctaButton={{
text: "Join Now",
href: "#contact",
}}
navItems={navItems} />
logo="Iron Culture"
logoImageSrc="http://img.b2bpic.net/free-photo/build-your-own-body-strength-fitness-exercise-get-fit_53876-21380.jpg"
ctaButton={{
text: "Join Now", href: "#contact"}}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimple
brand="Iron Culture Fitness"
columns={[
{
title: "Quick Links",
items: [
brand="Iron Culture Fitness"
columns={[
{
label: "About",
href: "#about",
title: "Quick Links", items: [
{ label: "About", href: "#about" },
{ label: "Programs", href: "#programs" },
{ label: "Coaches", href: "#coaches" },
],
},
{
label: "Programs",
href: "#programs",
title: "Membership", items: [
{ label: "Starter", href: "#pricing" },
{ label: "Transformation", href: "#pricing" },
{ label: "Elite", href: "#pricing" },
],
},
{
label: "Coaches",
href: "#coaches",
title: "Support", items: [
{ label: "Contact", href: "#contact" },
{ label: "WhatsApp", href: "https://wa.me/923343288995" },
{ label: "Privacy", href: "#" },
],
},
],
},
{
title: "Membership",
items: [
{
label: "Starter",
href: "#pricing",
},
{
label: "Transformation",
href: "#pricing",
},
{
label: "Elite",
href: "#pricing",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "WhatsApp",
href: "https://wa.me/923343288995",
},
{
label: "Privacy",
href: "#",
},
],
},
]}
copyright="© 2024 Iron Culture Fitness. All rights reserved."
links={[
{
label: "Terms of Service",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
]}
/>
]}
copyright="© 2024 Iron Culture Fitness. All rights reserved."
links={[
{ label: "Terms of Service", href: "#" },
{ label: "Privacy Policy", href: "#" },
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);

View File

@@ -12,314 +12,155 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlay
tag="Iron Culture Fitness"
title="Forge Your Strongest Version"
description="Join Karachi's leading fitness community dedicated to strength, transformation, and achieving extraordinary results through expert coaching."
primaryButton={{
text: "Join Now",
href: "#contact",
}}
secondaryButton={{
text: "Book Free Trial",
href: "#contact",
}}
videoSrc="http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150290027.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150290027.jpg?_wi=2"
/>
</SectionErrorBoundary>
</div>
tag="Iron Culture Fitness"
title="Forge Your Strongest Version"
description="Join Karachi's leading fitness community dedicated to strength, transformation, and achieving extraordinary results through expert coaching."
primaryButton={{
text: "Join Now", href: "#contact"}}
secondaryButton={{
text: "Book Free Trial", href: "#contact"}}
videoSrc="http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150290027.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTextSplit
title="About Iron Culture Fitness"
descriptions={[
"Empowering individuals to unlock their strongest, healthiest, and most confident selves through professional fitness coaching and transformative training experiences.",
"To become Karachi's leading fitness community where strength, discipline, and transformation create lifelong success.",
]}
/>
</SectionErrorBoundary>
</div>
title="About Iron Culture Fitness"
descriptions={[
"Empowering individuals to unlock their strongest, healthiest, and most confident selves through professional fitness coaching and transformative training experiences.", "To become Karachi's leading fitness community where strength, discipline, and transformation create lifelong success."]}
/>
</SectionErrorBoundary>
</div>
<div id="programs" data-section="programs">
<SectionErrorBoundary name="programs">
<div id="programs" data-section="programs">
<SectionErrorBoundary name="programs">
<FeaturesTaggedCards
tag="Training Programs"
title="Expert-Led Training"
description="Customized plans designed to maximize your results and reach your fitness potential."
items={[
{
tag: "Strength",
title: "Strength Training",
description: "Progressive overload, muscle building, and functional strength development.",
primaryButton: {
text: "Learn More",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-sport-gym-using-kettlebells_23-2149255810.jpg",
},
{
tag: "Conditioning",
title: "Functional Fitness",
description: "High-intensity training sessions that improve endurance, mobility, and athletic performance.",
primaryButton: {
text: "Learn More",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/shaved-head-athletic-male-slim-brunette-female-exercising-with-trx-straps-gym-club_613910-11299.jpg",
},
{
tag: "Wellness",
title: "Nutrition Coaching",
description: "Science-based nutrition guidance to fuel your body and maximize transformation.",
primaryButton: {
text: "Learn More",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-arab-women-having-lunch_23-2150757150.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Training Programs"
title="Expert-Led Training"
description="Customized plans designed to maximize your results and reach your fitness potential."
items={[
{
tag: "Strength", title: "Strength Training", description: "Progressive overload, muscle building, and functional strength development.", primaryButton: {
text: "Learn More", href: "#"},
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-sport-gym-using-kettlebells_23-2149255810.jpg"},
{
tag: "Conditioning", title: "Functional Fitness", description: "High-intensity training sessions that improve endurance, mobility, and athletic performance.", primaryButton: {
text: "Learn More", href: "#"},
imageSrc: "http://img.b2bpic.net/free-photo/shaved-head-athletic-male-slim-brunette-female-exercising-with-trx-straps-gym-club_613910-11299.jpg"},
{
tag: "Wellness", title: "Nutrition Coaching", description: "Science-based nutrition guidance to fuel your body and maximize transformation.", primaryButton: {
text: "Learn More", href: "#"},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-arab-women-having-lunch_23-2150757150.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<div id="highlights" data-section="highlights">
<SectionErrorBoundary name="highlights">
<div id="highlights" data-section="highlights">
<SectionErrorBoundary name="highlights">
<FeaturesRevealCardsBento
tag="Why Us"
title="A Premium Fitness Experience"
description="Experience results at Karachi's top-rated gym."
items={[
{
title: "Muscle Building",
description: "Science-based growth programs.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-preparing-barbell-weight-training-gym-copy-space_637285-2504.jpg",
},
{
title: "Strength Programs",
description: "Advanced lifting techniques.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/preparing-deadlift-gym_1098-13762.jpg",
},
{
title: "Fat Loss Coaching",
description: "Sustainable transformation plans.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-with-bottle-water_23-2148017344.jpg",
},
{
title: "Progress Tracking",
description: "Real-time goal monitoring.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/two-young-men-resting-after-running-workout_171337-19051.jpg",
},
{
title: "Nutrition Planning",
description: "Customized diet guidance.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg",
},
{
title: "Community Focus",
description: "Motivating training environment.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150290023.jpg",
},
{
title: "Recovery Strategies",
description: "Advanced wellness support.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/young-muscular-build-woman-using-smart-phone-while-sitting-floor-relaxing-by-window_637285-5248.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Why Us"
title="A Premium Fitness Experience"
description="Experience results at Karachi's top-rated gym."
items={[
{ title: "Muscle Building", description: "Science-based growth programs.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-preparing-barbell-weight-training-gym-copy-space_637285-2504.jpg" },
{ title: "Strength Programs", description: "Advanced lifting techniques.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/preparing-deadlift-gym_1098-13762.jpg" },
{ title: "Fat Loss Coaching", description: "Sustainable transformation plans.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-with-bottle-water_23-2148017344.jpg" },
{ title: "Progress Tracking", description: "Real-time goal monitoring.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/two-young-men-resting-after-running-workout_171337-19051.jpg" },
{ title: "Nutrition Planning", description: "Customized diet guidance.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg" },
{ title: "Community Focus", description: "Motivating training environment.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150290023.jpg" },
{ title: "Recovery Strategies", description: "Advanced wellness support.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-muscular-build-woman-using-smart-phone-while-sitting-floor-relaxing-by-window_637285-5248.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingSplitCards
tag="Membership Plans"
title="Choose Your Path"
description="Select the plan that matches your transformation goal."
plans={[
{
tag: "Starter",
price: "PKR 5,000",
period: "/mo",
description: "Essential access to get started.",
primaryButton: {
text: "Join",
href: "#contact",
},
featuresTitle: "Included",
features: [
"Gym Access",
"Initial Assessment",
"Basic Workout Guide",
],
},
{
tag: "Transformation",
price: "PKR 12,000",
period: "/mo",
description: "Results-driven membership.",
primaryButton: {
text: "Join",
href: "#contact",
},
featuresTitle: "Includes Starter +",
features: [
"Personal Training Sessions",
"Progress Monitoring",
"Nutrition Consultation",
],
},
{
tag: "Elite",
price: "PKR 25,000",
period: "/mo",
description: "Complete premium coaching.",
primaryButton: {
text: "Join",
href: "#contact",
},
featuresTitle: "Includes Transformation +",
features: [
"Unlimited Coaching",
"Advanced Training Plans",
"Priority Support",
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Membership Plans"
title="Choose Your Path"
description="Select the plan that matches your transformation goal."
plans={[
{
tag: "Starter", price: "PKR 5,000", period: "/mo", description: "Essential access to get started.", primaryButton: { text: "Join", href: "#contact" },
featuresTitle: "Included", features: ["Gym Access", "Initial Assessment", "Basic Workout Guide"]
},
{
tag: "Transformation", price: "PKR 12,000", period: "/mo", description: "Results-driven membership.", primaryButton: { text: "Join", href: "#contact" },
featuresTitle: "Includes Starter +", features: ["Personal Training Sessions", "Progress Monitoring", "Nutrition Consultation"]
},
{
tag: "Elite", price: "PKR 25,000", period: "/mo", description: "Complete premium coaching.", primaryButton: { text: "Join", href: "#contact" },
featuresTitle: "Includes Transformation +", features: ["Unlimited Coaching", "Advanced Training Plans", "Priority Support"]
}
]}
/>
</SectionErrorBoundary>
</div>
<div id="stats" data-section="stats">
<SectionErrorBoundary name="stats">
<div id="stats" data-section="stats">
<SectionErrorBoundary name="stats">
<MetricsFeatureCards
tag="Our Impact"
title="Proven Results"
description="We help hundreds achieve their fitness goals annually."
metrics={[
{
value: "122+",
title: "Reviews",
features: [
"4.8 Star Rating",
"Verified Members",
"Authentic Feedback",
],
},
{
value: "500+",
title: "Transformations",
features: [
"Proven Results",
"Scientifically Backed",
"Body Recomposition",
],
},
{
value: "10+",
title: "Experts",
features: [
"Certified Trainers",
"Nutrition Specialists",
"Strength Coaches",
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Impact"
title="Proven Results"
description="We help hundreds achieve their fitness goals annually."
metrics={[
{ value: "122+", title: "Reviews", features: ["4.8 Star Rating", "Verified Members", "Authentic Feedback"] },
{ value: "500+", title: "Transformations", features: ["Proven Results", "Scientifically Backed", "Body Recomposition"] },
{ value: "10+", title: "Experts", features: ["Certified Trainers", "Nutrition Specialists", "Strength Coaches"] }
]}
/>
</SectionErrorBoundary>
</div>
<div id="coaches" data-section="coaches">
<SectionErrorBoundary name="coaches">
<div id="coaches" data-section="coaches">
<SectionErrorBoundary name="coaches">
<TeamProfileCards
tag="Our Coaches"
title="Meet The Experts"
description="World-class trainers dedicated to your success."
items={[
{
title: "Head Fitness Coach",
description: "Expert in strength & endurance.",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg",
buttonText: "Book Coaching",
imageSrc: "http://img.b2bpic.net/free-photo/confident-sportsman-with-headphones-jumping-rope_1098-21632.jpg",
},
{
title: "Senior Trainer",
description: "Specialist in body transformation.",
avatarSrc: "http://img.b2bpic.net/free-photo/couple-training-together-gym_1303-25233.jpg",
buttonText: "Book Coaching",
imageSrc: "http://img.b2bpic.net/free-photo/people-training-together-with-weight-lifting_23-2149307948.jpg",
},
{
title: "Nutrition Specialist",
description: "Focus on diet & lifestyle.",
avatarSrc: "http://img.b2bpic.net/free-photo/confident-guy_1098-19785.jpg",
buttonText: "Book Coaching",
imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1586.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Coaches"
title="Meet The Experts"
description="World-class trainers dedicated to your success."
items={[
{ title: "Head Fitness Coach", description: "Expert in strength & endurance.", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg", buttonText: "Book Coaching", imageSrc: "http://img.b2bpic.net/free-photo/confident-sportsman-with-headphones-jumping-rope_1098-21632.jpg" },
{ title: "Senior Trainer", description: "Specialist in body transformation.", avatarSrc: "http://img.b2bpic.net/free-photo/couple-training-together-gym_1303-25233.jpg", buttonText: "Book Coaching", imageSrc: "http://img.b2bpic.net/free-photo/people-training-together-with-weight-lifting_23-2149307948.jpg" },
{ title: "Nutrition Specialist", description: "Focus on diet & lifestyle.", avatarSrc: "http://img.b2bpic.net/free-photo/confident-guy_1098-19785.jpg", buttonText: "Book Coaching", imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1586.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialTrustCard
quote="Excellent trainers, motivating atmosphere, and incredible transformation results. Iron Culture Fitness is truly the best gym experience for anyone serious about fitness."
rating={5}
author="Sarah Johnson"
avatars={[
{
name: "Sarah",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-doing-burpees-gym_23-2149356922.jpg",
},
{
name: "Ahmed",
imageSrc: "http://img.b2bpic.net/free-photo/fitness-concept-with-fit-man-flexing_53876-94897.jpg",
},
{
name: "Fatima",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg",
},
{
name: "Bilal",
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-happy-young-afro-american-bodybuilder-looking-camera-grinning-confidently-keeping-hands-his-waist-posing-against-white-studio-wall-background-with-copy-space-your-text_343059-465.jpg",
},
{
name: "Zain",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-angry-expression_1194-1240.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
quote="Excellent trainers, motivating atmosphere, and incredible transformation results. Iron Culture Fitness is truly the best gym experience for anyone serious about fitness."
rating={5}
author="Sarah Johnson"
avatars={[
{ name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-doing-burpees-gym_23-2149356922.jpg" },
{ name: "Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/fitness-concept-with-fit-man-flexing_53876-94897.jpg" },
{ name: "Fatima", imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg" },
{ name: "Bilal", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-happy-young-afro-american-bodybuilder-looking-camera-grinning-confidently-keeping-hands-his-waist-posing-against-white-studio-wall-background-with-copy-space-your-text_343059-465.jpg" },
{ name: "Zain", imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-angry-expression_1194-1240.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Start Today"
text="Book your free fitness assessment at House #B10, Block 16 Gulistan-e-Johar, Karachi. Call us: 0334 3288995."
primaryButton={{
text: "Book Free Assessment",
href: "#",
}}
secondaryButton={{
text: "WhatsApp Support",
href: "https://wa.me/923343288995",
}}
/>
</SectionErrorBoundary>
</div>
tag="Start Today"
text="Book your free fitness assessment at House #B10, Block 16 Gulistan-e-Johar, Karachi. Call us: 0334 3288995."
primaryButton={{ text: "Book Free Assessment", href: "#" }}
secondaryButton={{ text: "WhatsApp Support", href: "https://wa.me/923343288995" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}