Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-29 07:07:21 +00:00

View File

@@ -10,367 +10,175 @@ import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Activity, Heart, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Classes",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Trainers",
id: "team",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="IronClad Gym"
button={{
text: "Join Now",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Classes", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Trainers", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="IronClad Gym"
button={{ text: "Join Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="IronClad Gym"
description="Transform your life with world-class facilities, elite training programs, and a community dedicated to your fitness goals."
buttons={[
{
text: "Start Free Trial",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-exercise-simulator-gym_23-2147688152.jpg?_wi=1"
imageAlt="Gym athlete in a modern facility"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="IronClad Gym"
description="Transform your life with world-class facilities, elite training programs, and a community dedicated to your fitness goals."
buttons={[{ text: "Start Free Trial", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-exercise-simulator-gym_23-2147688152.jpg"
imageAlt="Gym athlete in a modern facility"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Philosophy"
title="Built for Results"
description="IronClad Gym isn't just a place to workout; it's a dedicated environment designed for maximum performance and community connection."
subdescription="We offer top-tier equipment, personalized guidance, and a supportive atmosphere that keeps you motivated every single day."
icon={Activity}
imageSrc="http://img.b2bpic.net/free-photo/man-training-gym_23-2148024289.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="Our Philosophy"
title="Built for Results"
description="IronClad Gym isn't just a place to workout; it's a dedicated environment designed for maximum performance and community connection."
subdescription="We offer top-tier equipment, personalized guidance, and a supportive atmosphere that keeps you motivated every single day."
icon={Activity}
imageSrc="http://img.b2bpic.net/free-photo/man-training-gym_23-2148024289.jpg"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "HIIT Training",
description: "High-intensity circuits to torch calories.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111017.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111020.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-exercise-simulator-gym_23-2147688152.jpg?_wi=2",
imageAlt: "group fitness class aerobic",
},
{
title: "Strength Lab",
description: "State-of-the-art powerlifting and weight equipment.",
icon: Activity,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/people-working-out-gym_53876-13559.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024289.jpg?_wi=2",
imageAlt: "group fitness class aerobic",
},
{
title: "Wellness Center",
description: "Recovery suites and yoga studios.",
icon: Heart,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/black-caucasian-women-doing-yoga-stretching-mat-studio_1157-52191.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-stretching-together_23-2149348457.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg?_wi=1",
imageAlt: "group fitness class aerobic",
},
]}
title="Elite Classes & Facilities"
description="From high-intensity interval training to restorative yoga, we provide diverse programs for all fitness levels."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Elite Classes & Facilities"
description="From high-intensity interval training to restorative yoga, we provide diverse programs for all fitness levels."
features={[
{
title: "HIIT Training", description: "High-intensity circuits to torch calories.", icon: Zap,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111017.jpg", imageAlt: "group fitness class aerobic" },
{ imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111020.jpg", imageAlt: "group fitness class aerobic" }
]
},
{
title: "Strength Lab", description: "State-of-the-art powerlifting and weight equipment.", icon: Activity,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/people-working-out-gym_53876-13559.jpg", imageAlt: "group fitness class aerobic" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg", imageAlt: "group fitness class aerobic" }
]
},
{
title: "Wellness Center", description: "Recovery suites and yoga studios.", icon: Heart,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/black-caucasian-women-doing-yoga-stretching-mat-studio_1157-52191.jpg", imageAlt: "group fitness class aerobic" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-stretching-together_23-2149348457.jpg", imageAlt: "group fitness class aerobic" }
]
}
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "starter",
name: "Starter",
price: "$49/mo",
features: [
"Full gym access",
"1 personal training session",
"Basic classes",
],
buttons: [
{
text: "Select Plan",
},
],
},
{
id: "pro",
name: "Iron Elite",
price: "$89/mo",
features: [
"24/7 gym access",
"5 training sessions",
"Unlimited classes",
"Guest passes",
],
buttons: [
{
text: "Get Started",
},
],
},
{
id: "ultimate",
name: "Ultimate",
price: "$129/mo",
features: [
"Personal locker",
"10 training sessions",
"Sauna & Recovery",
"Priority booking",
],
buttons: [
{
text: "Get Ultimate",
},
],
},
]}
title="Membership Plans"
description="Transparent pricing with no hidden costs."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Membership Plans"
description="Transparent pricing with no hidden costs."
plans={[
{ id: "starter", name: "Starter", price: "$49/mo", features: ["Full gym access", "1 personal training session", "Basic classes"], buttons: [{ text: "Select Plan" }] },
{ id: "pro", name: "Iron Elite", price: "$89/mo", features: ["24/7 gym access", "5 training sessions", "Unlimited classes", "Guest passes"], buttons: [{ text: "Get Started" }] },
{ id: "ultimate", name: "Ultimate", price: "$129/mo", features: ["Personal locker", "10 training sessions", "Sauna & Recovery", "Priority booking"], buttons: [{ text: "Get Ultimate" }] }
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Alex River",
role: "Head Trainer",
description: "Over 10 years in strength and conditioning.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg?_wi=2",
},
{
id: "t2",
name: "Sarah Croft",
role: "HIIT Specialist",
description: "Expert in functional training and metabolic conditioning.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg",
},
{
id: "t3",
name: "Mark Vinson",
role: "Wellness Coach",
description: "Specializing in recovery, mobility, and holistic fitness.",
imageSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9882.jpg",
},
]}
title="Meet Our Elite Trainers"
description="Our team of certified professionals is dedicated to helping you hit your personal best."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
title="Meet Our Elite Trainers"
description="Our team of certified professionals is dedicated to helping you hit your personal best."
members={[
{ id: "t1", name: "Alex River", role: "Head Trainer", description: "Over 10 years in strength and conditioning.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg" },
{ id: "t2", name: "Sarah Croft", role: "HIIT Specialist", description: "Expert in functional training and metabolic conditioning.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg" },
{ id: "t3", name: "Mark Vinson", role: "Wellness Coach", description: "Specializing in recovery, mobility, and holistic fitness.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9882.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "Jan 2024",
title: "Incredible Results",
quote: "IronClad changed my fitness journey. The support is unmatched.",
tag: "Transformation",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-near-her-friend-gym_23-2147949627.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/happy-athletic-man-using-mobile-phone-while-relaxing-after-sports-training-gym_637285-8294.jpg",
},
{
id: "2",
name: "Michael C.",
date: "Dec 2023",
title: "Best in the City",
quote: "The facilities are world-class and the atmosphere is always motivating.",
tag: "Quality",
avatarSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-towel-her-shoulder-pointing-back-smiling-cheerfully-standing-pink-wall_141793-48807.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-entertained-carefree-emotive-happy-charming-woman-with-tattoos-arms-acting-lik_1258-139658.jpg",
},
{
id: "3",
name: "Emily R.",
date: "Nov 2023",
title: "Highly Recommend",
quote: "I feel healthier and stronger every day since joining.",
tag: "Strength",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/boy-city_1157-6961.jpg",
},
{
id: "4",
name: "David K.",
date: "Oct 2023",
title: "Game Changer",
quote: "Classes are always fresh, energetic, and professional.",
tag: "Community",
avatarSrc: "http://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22868.jpg",
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",
},
{
id: "5",
name: "Linda M.",
date: "Sep 2023",
title: "Elite Facility",
quote: "Top-tier equipment and fantastic trainers.",
tag: "Support",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-gym_23-2150007195.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",
},
]}
title="Member Success Stories"
description="See why our community loves IronClad Gym."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
title="Member Success Stories"
description="See why our community loves IronClad Gym."
testimonials={[
{ id: "1", name: "Sarah J.", date: "Jan 2024", title: "Incredible Results", quote: "IronClad changed my fitness journey. The support is unmatched.", tag: "Transformation", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-near-her-friend-gym_23-2147949627.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-athletic-man-using-mobile-phone-while-relaxing-after-sports-training-gym_637285-8294.jpg" },
{ id: "2", name: "Michael C.", date: "Dec 2023", title: "Best in the City", quote: "The facilities are world-class and the atmosphere is always motivating.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-towel-her-shoulder-pointing-back-smiling-cheerfully-standing-pink-wall_141793-48807.jpg", imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-entertained-carefree-emotive-happy-charming-woman-with-tattoos-arms-acting-lik_1258-139658.jpg" },
{ id: "3", name: "Emily R.", date: "Nov 2023", title: "Highly Recommend", quote: "I feel healthier and stronger every day since joining.", tag: "Strength", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg", imageSrc: "http://img.b2bpic.net/free-photo/boy-city_1157-6961.jpg" },
{ id: "4", name: "David K.", date: "Oct 2023", title: "Game Changer", quote: "Classes are always fresh, energetic, and professional.", tag: "Community", avatarSrc: "http://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22868.jpg", 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" },
{ id: "5", name: "Linda M.", date: "Sep 2023", title: "Elite Facility", quote: "Top-tier equipment and fantastic trainers.", tag: "Support", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-gym_23-2150007195.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Are there drop-in options?",
content: "Yes, we offer single-visit day passes for all levels.",
},
{
id: "f2",
title: "Do you offer personal training?",
content: "Yes, our certified trainers provide 1-on-1 and small group sessions.",
},
{
id: "f3",
title: "Can I cancel my membership anytime?",
content: "Our flexible membership options allow for easy management via our portal.",
},
]}
sideTitle="Questions?"
sideDescription="Everything you need to know about starting your fitness journey at IronClad."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
sideTitle="Questions?"
sideDescription="Everything you need to know about starting your fitness journey at IronClad."
faqsAnimation="slide-up"
faqs={[
{ id: "f1", title: "Are there drop-in options?", content: "Yes, we offer single-visit day passes for all levels." },
{ id: "f2", title: "Do you offer personal training?", content: "Yes, our certified trainers provide 1-on-1 and small group sessions." },
{ id: "f3", title: "Can I cancel my membership anytime?", content: "Our flexible membership options allow for easy management via our portal." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Join Today"
title="Start Your Fitness Journey"
description="Ready to get stronger? Sign up for a free training consultation today."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Join Today"
title="Start Your Fitness Journey"
description="Ready to get stronger? Sign up for a free training consultation today."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Facilities",
href: "#features",
},
{
label: "Blog",
href: "#",
},
],
},
{
items: [
{
label: "Pricing",
href: "#pricing",
},
{
label: "Trainers",
href: "#team",
},
{
label: "Privacy",
href: "#",
},
],
},
]}
logoText="IronClad Gym"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="IronClad Gym"
columns={[
{ items: [{ label: "About", href: "#about" }, { label: "Facilities", href: "#features" }, { label: "Blog", href: "#" }] },
{ items: [{ label: "Pricing", href: "#pricing" }, { label: "Trainers", href: "#team" }, { label: "Privacy", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}