Merge version_1_1781369371827 into main #2
@@ -8,70 +8,38 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "About",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Programs",
|
||||
"href": "#services"
|
||||
},
|
||||
{
|
||||
"name": "Pricing",
|
||||
"href": "#pricing"
|
||||
},
|
||||
{
|
||||
"name": "Trainers",
|
||||
"href": "#trainers"
|
||||
},
|
||||
{
|
||||
"name": "Hero",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Features List",
|
||||
"href": "#features-list"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
}
|
||||
];
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Programs", href: "#services" },
|
||||
{ name: "Pricing", href: "#pricing" },
|
||||
{ name: "Trainers", href: "#trainers" },
|
||||
{ name: "Hero", href: "#hero" },
|
||||
{ name: "Features List", href: "#features-list" },
|
||||
{ name: "Testimonials", href: "#testimonials" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="shift" siteBackground="noise" heroBackground="gradientBars">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloating
|
||||
logo="Reshape"
|
||||
ctaButton={{
|
||||
text: "Join Today",
|
||||
id: "#contact",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="Reshape"
|
||||
ctaButton={{ text: "Join Today", href: "#contact" }}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterMinimal
|
||||
brand="Reshape Gym, Multan"
|
||||
copyright="© 2024 Reshape Fitness. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
brand="Reshape Gym, Multan"
|
||||
copyright="© 2024 Reshape Fitness. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: "Instagram", href: "#" },
|
||||
{ icon: "Facebook", href: "#" },
|
||||
{ icon: "MapPin", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -11,283 +11,123 @@ 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">
|
||||
<HeroBrand
|
||||
brand="Transform Into Your Best Version"
|
||||
description="Professional coaching, powerful workouts, and a supportive fitness community designed to help you achieve lasting results."
|
||||
primaryButton={{
|
||||
text: "Join Today",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Membership Plans",
|
||||
href: "#pricing",
|
||||
}}
|
||||
videoSrc="http://img.b2bpic.net/free-photo/portrait-fitness-influencer_23-2151564813.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-fitness-influencer_23-2151564813.jpg?_wi=2"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Transform Into Your Best Version"
|
||||
description="Professional coaching, powerful workouts, and a supportive fitness community designed to help you achieve lasting results."
|
||||
primaryButton={{
|
||||
text: "Join Today", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "View Membership Plans", href: "#pricing"}}
|
||||
videoSrc="http://img.b2bpic.net/free-photo/portrait-fitness-influencer_23-2151564813.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="About Us"
|
||||
quote="Helping individuals reshape their bodies, build confidence, and create healthier lives through expert guidance and proven fitness systems."
|
||||
author="Reshape Team"
|
||||
role="Premium Fitness Center, Multan"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8257.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="About Us"
|
||||
quote="Helping individuals reshape their bodies, build confidence, and create healthier lives through expert guidance and proven fitness systems."
|
||||
author="Reshape Team"
|
||||
role="Premium Fitness Center, Multan"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8257.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Programs"
|
||||
title="Our Fitness Services"
|
||||
description="Comprehensive fitness solutions tailored to your unique goals."
|
||||
items={[
|
||||
{
|
||||
title: "Personal Training",
|
||||
description: "Customized one-on-one coaching for your goals.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8257.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Strength & Conditioning",
|
||||
description: "Build muscle and athletic endurance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-fit-woman-gym_23-2149445949.jpg",
|
||||
},
|
||||
{
|
||||
title: "Weight Loss",
|
||||
description: "Sustainable fat loss plans.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-boxer-posing-t-shirt-with-arms-crossed_23-2148426241.jpg",
|
||||
},
|
||||
{
|
||||
title: "Functional Training",
|
||||
description: "Mobility and balance work.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-young-man-boxer-training-near-punching-bag_171337-20009.jpg",
|
||||
},
|
||||
{
|
||||
title: "Group Fitness",
|
||||
description: "High-energy community classes.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg",
|
||||
},
|
||||
{
|
||||
title: "Nutrition",
|
||||
description: "Meal planning guidance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg",
|
||||
},
|
||||
{
|
||||
title: "Assessments",
|
||||
description: "Track your fitness progress.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-keeping-fit-by-practicing-gymnastics_23-2150918111.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Programs"
|
||||
title="Our Fitness Services"
|
||||
description="Comprehensive fitness solutions tailored to your unique goals."
|
||||
items={[
|
||||
{ title: "Personal Training", description: "Customized one-on-one coaching for your goals.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8257.jpg" },
|
||||
{ title: "Strength & Conditioning", description: "Build muscle and athletic endurance.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-fit-woman-gym_23-2149445949.jpg" },
|
||||
{ title: "Weight Loss", description: "Sustainable fat loss plans.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/male-boxer-posing-t-shirt-with-arms-crossed_23-2148426241.jpg" },
|
||||
{ title: "Functional Training", description: "Mobility and balance work.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-young-man-boxer-training-near-punching-bag_171337-20009.jpg" },
|
||||
{ title: "Group Fitness", description: "High-energy community classes.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg" },
|
||||
{ title: "Nutrition", description: "Meal planning guidance.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg" },
|
||||
{ title: "Assessments", description: "Track your fitness progress.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-keeping-fit-by-practicing-gymnastics_23-2150918111.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features-list" data-section="features-list">
|
||||
<SectionErrorBoundary name="features-list">
|
||||
<div id="features-list" data-section="features-list">
|
||||
<SectionErrorBoundary name="features-list">
|
||||
<FeaturesTaggedCards
|
||||
tag="Why Reshape"
|
||||
title="The Reshape Advantage"
|
||||
description="Excellence in every workout."
|
||||
items={[
|
||||
{
|
||||
tag: "Expertise",
|
||||
title: "Expert Trainers",
|
||||
description: "Highly certified professional coaching.",
|
||||
primaryButton: {
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-training-gym_23-2149517278.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Facility",
|
||||
title: "Modern Equipment",
|
||||
description: "Latest strength and cardio gear.",
|
||||
primaryButton: {
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150289976.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Result",
|
||||
title: "Proven Systems",
|
||||
description: "Science-backed training programs.",
|
||||
primaryButton: {
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-motivation-concept-portrait-pensive-young-sportsman-put-index-fingers-his-temples-looking-camera_613910-5329.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Reshape"
|
||||
title="The Reshape Advantage"
|
||||
description="Excellence in every workout."
|
||||
items={[
|
||||
{ tag: "Expertise", title: "Expert Trainers", description: "Highly certified professional coaching.", primaryButton: { text: "Learn More", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-training-gym_23-2149517278.jpg" },
|
||||
{ tag: "Facility", title: "Modern Equipment", description: "Latest strength and cardio gear.", primaryButton: { text: "Learn More", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150289976.jpg" },
|
||||
{ tag: "Result", title: "Proven Systems", description: "Science-backed training programs.", primaryButton: { text: "Learn More", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/sports-motivation-concept-portrait-pensive-young-sportsman-put-index-fingers-his-temples-looking-camera_613910-5329.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingSplitCards
|
||||
tag="Membership"
|
||||
title="Choose Your Plan"
|
||||
description="Flexible options for every lifestyle."
|
||||
plans={[
|
||||
{
|
||||
tag: "Entry",
|
||||
price: "PKR 10,000",
|
||||
period: "month",
|
||||
description: "Essentials for the gym beginner.",
|
||||
primaryButton: {
|
||||
text: "Select Basic",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Full Gym Access",
|
||||
"Locker Access",
|
||||
"Initial Orientation",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Pro",
|
||||
price: "PKR 15,000",
|
||||
period: "month",
|
||||
description: "Everything in basic plus classes.",
|
||||
primaryButton: {
|
||||
text: "Select Premium",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"Group Fitness Access",
|
||||
"Fitness Assessments",
|
||||
"Nutritional Basics",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Elite",
|
||||
price: "PKR 25,000",
|
||||
period: "month",
|
||||
description: "The ultimate transformation experience.",
|
||||
primaryButton: {
|
||||
text: "Select Elite",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Everything in Premium, plus:",
|
||||
features: [
|
||||
"Personal Trainer",
|
||||
"Meal Plans",
|
||||
"Monthly Review",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Membership"
|
||||
title="Choose Your Plan"
|
||||
description="Flexible options for every lifestyle."
|
||||
plans={[
|
||||
{ tag: "Entry", price: "PKR 10,000", period: "month", description: "Essentials for the gym beginner.", primaryButton: { text: "Select Basic", href: "#" }, featuresTitle: "Includes:", features: ["Full Gym Access", "Locker Access", "Initial Orientation"] },
|
||||
{ tag: "Pro", price: "PKR 15,000", period: "month", description: "Everything in basic plus classes.", primaryButton: { text: "Select Premium", href: "#" }, featuresTitle: "Everything in Basic, plus:", features: ["Group Fitness Access", "Fitness Assessments", "Nutritional Basics"] },
|
||||
{ tag: "Elite", price: "PKR 25,000", period: "month", description: "The ultimate transformation experience.", primaryButton: { text: "Select Elite", href: "#" }, featuresTitle: "Everything in Premium, plus:", features: ["Personal Trainer", "Meal Plans", "Monthly Review"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="trainers" data-section="trainers">
|
||||
<SectionErrorBoundary name="trainers">
|
||||
<div id="trainers" data-section="trainers">
|
||||
<SectionErrorBoundary name="trainers">
|
||||
<TeamGlassCards
|
||||
tag="Meet The Team"
|
||||
title="Expert Coaches"
|
||||
description="Meet the team dedicated to your results."
|
||||
members={[
|
||||
{
|
||||
name: "Ahmed Raza",
|
||||
role: "Head Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sportswear-gym_1303-20729.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Khan",
|
||||
role: "Fitness Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-doing-planks_23-2148948501.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bilal Asif",
|
||||
role: "Personal Trainer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/personal-trainer-helping-young-woman-lift-barbell-while-working-out-gym-personal-trainer-with-gorgeous-body-without-t-shirt-gym_639032-1577.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Meet The Team"
|
||||
title="Expert Coaches"
|
||||
description="Meet the team dedicated to your results."
|
||||
members={[
|
||||
{ name: "Ahmed Raza", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sportswear-gym_1303-20729.jpg" },
|
||||
{ name: "Sarah Khan", role: "Fitness Expert", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-doing-planks_23-2148948501.jpg" },
|
||||
{ name: "Bilal Asif", role: "Personal Trainer", imageSrc: "http://img.b2bpic.net/free-photo/personal-trainer-helping-young-woman-lift-barbell-while-working-out-gym-personal-trainer-with-gorgeous-body-without-t-shirt-gym_639032-1577.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Success Stories"
|
||||
title="Reshape Transformations"
|
||||
description="52+ Reviews from happy members."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Usman Tariq",
|
||||
role: "Accountant",
|
||||
company: "Reshape Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-gym_23-2149627082.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ayesha Noor",
|
||||
role: "Student",
|
||||
company: "Reshape Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-holding-mobile-phone-gesturing-strong-isolated-orange_141793-84252.jpg",
|
||||
},
|
||||
{
|
||||
name: "Hamza Malik",
|
||||
role: "Engineer",
|
||||
company: "Reshape Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-helping-man-exercise_23-2149734682.jpg",
|
||||
},
|
||||
{
|
||||
name: "Zoya Ahmed",
|
||||
role: "Doctor",
|
||||
company: "Reshape Member",
|
||||
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: "Ali Hassan",
|
||||
role: "Business Owner",
|
||||
company: "Reshape Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-bodybuilder-holding-barbell-looking-away-dark-background_613910-20566.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Success Stories"
|
||||
title="Reshape Transformations"
|
||||
description="52+ Reviews from happy members."
|
||||
testimonials={[
|
||||
{ name: "Usman Tariq", role: "Accountant", company: "Reshape Member", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-gym_23-2149627082.jpg" },
|
||||
{ name: "Ayesha Noor", role: "Student", company: "Reshape Member", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-holding-mobile-phone-gesturing-strong-isolated-orange_141793-84252.jpg" },
|
||||
{ name: "Hamza Malik", role: "Engineer", company: "Reshape Member", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-helping-man-exercise_23-2149734682.jpg" },
|
||||
{ name: "Zoya Ahmed", role: "Doctor", company: "Reshape Member", 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: "Ali Hassan", role: "Business Owner", company: "Reshape Member", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-bodybuilder-holding-barbell-looking-away-dark-background_613910-20566.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Start Free"
|
||||
text="Start your journey at Reshape Gym today. Claim your free assessment and goal consultation."
|
||||
primaryButton={{
|
||||
text: "Claim My Free Trial",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Us Now",
|
||||
href: "tel:03466222228",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Start Free"
|
||||
text="Start your journey at Reshape Gym today. Claim your free assessment and goal consultation."
|
||||
primaryButton={{ text: "Claim My Free Trial", href: "#" }}
|
||||
secondaryButton={{ text: "Call Us Now", href: "tel:03466222228" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user