Merge version_1 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Transformations",
|
||||
id: "about",
|
||||
},
|
||||
name: "Transformations", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BrookeFit"
|
||||
/>
|
||||
@@ -60,41 +50,26 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Train Beyond Limits."
|
||||
description="Experience the pinnacle of elite fitness at Brookefield's most sophisticated gym. Your transformation starts here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Transformation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Transformation", href: "#contact"},
|
||||
{
|
||||
text: "Book Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Free Trial", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-running-machine_1203-456.jpg?_wi=1",
|
||||
imageAlt: "Luxury gym workout area",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-running-machine_1203-456.jpg", imageAlt: "Luxury gym workout area"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024288.jpg?_wi=1",
|
||||
imageAlt: "Professional weight training room",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024288.jpg", imageAlt: "Professional weight training room"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-with-towel-her-shoulders-open-water-bottle-gym_1153-4182.jpg",
|
||||
imageAlt: "Athlete working out intense",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-with-towel-her-shoulders-open-water-bottle-gym_1153-4182.jpg", imageAlt: "Athlete working out intense"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699510.jpg",
|
||||
imageAlt: "View of gym room for training and sports",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699510.jpg", imageAlt: "View of gym room for training and sports"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg",
|
||||
imageAlt: "Modern equipment in a gym indoors. Interior of fitness hall with fitness bicycles.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg", imageAlt: "Modern equipment in a gym indoors. Interior of fitness hall with fitness bicycles."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,17 +82,11 @@ export default function LandingPage() {
|
||||
description="BrookeFit is designed for those who seek perfection. From world-class machines to an elite ambience, we provide the ultimate space to unlock your potential."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Elite Trainers",
|
||||
},
|
||||
value: "100+", title: "Elite Trainers"},
|
||||
{
|
||||
value: "5000",
|
||||
title: "Transformations",
|
||||
},
|
||||
value: "5000", title: "Transformations"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Premium Access",
|
||||
},
|
||||
value: "24/7", title: "Premium Access"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/towels-interior-spa-complex_169016-22506.jpg"
|
||||
imageAlt="Luxury gym spa area"
|
||||
@@ -132,54 +101,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strength Training",
|
||||
description: "Pro-grade plates and isolated equipment for muscle isolation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-out-gym_53876-13559.jpg",
|
||||
imageAlt: "Personal training session gym",
|
||||
},
|
||||
title: "Strength Training", description: "Pro-grade plates and isolated equipment for muscle isolation.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-running-machine_1203-456.jpg", imageAlt: "personal training session gym"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Plate loaded rigs",
|
||||
},
|
||||
text: "Plate loaded rigs"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Certified safety",
|
||||
},
|
||||
text: "Certified safety"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Olympic racks",
|
||||
},
|
||||
text: "Olympic racks"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-running-machine_1203-456.jpg?_wi=2",
|
||||
imageAlt: "personal training session gym",
|
||||
},
|
||||
{
|
||||
title: "Recovery Suite",
|
||||
description: "Steam rooms and stretching zones for optimal muscle recovery.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000417.jpg",
|
||||
imageAlt: "Luxury gym spa area",
|
||||
},
|
||||
title: "Recovery Suite", description: "Steam rooms and stretching zones for optimal muscle recovery.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024288.jpg", imageAlt: "personal training session gym"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Sauna access",
|
||||
},
|
||||
text: "Sauna access"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Sterilized units",
|
||||
},
|
||||
text: "Sterilized units"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Deep stretching",
|
||||
},
|
||||
text: "Deep stretching"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024288.jpg?_wi=2",
|
||||
imageAlt: "personal training session gym",
|
||||
},
|
||||
]}
|
||||
title="Unrivaled Facilities"
|
||||
@@ -195,65 +146,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "BrookeFit",
|
||||
name: "Performance Whey",
|
||||
price: "₹2,499",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-circular-frame-with-equipment_23-2148741965.jpg",
|
||||
imageAlt: "Premium fitness supplement branding",
|
||||
},
|
||||
id: "p1", brand: "BrookeFit", name: "Performance Whey", price: "₹2,499", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-circular-frame-with-equipment_23-2148741965.jpg", imageAlt: "Premium fitness supplement branding"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "BrookeFit",
|
||||
name: "Signature Tee",
|
||||
price: "₹999",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-sexy-slim-girl-doing-workout-gym_627829-9249.jpg",
|
||||
imageAlt: "Premium fitness store clothing",
|
||||
},
|
||||
id: "p2", brand: "BrookeFit", name: "Signature Tee", price: "₹999", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-sexy-slim-girl-doing-workout-gym_627829-9249.jpg", imageAlt: "Premium fitness store clothing"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "BrookeFit",
|
||||
name: "Pro-BCAA",
|
||||
price: "₹1,899",
|
||||
rating: 4,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326578.jpg",
|
||||
imageAlt: "Premium fitness supplement branding",
|
||||
},
|
||||
id: "p3", brand: "BrookeFit", name: "Pro-BCAA", price: "₹1,899", rating: 4,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326578.jpg", imageAlt: "Premium fitness supplement branding"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "BrookeFit",
|
||||
name: "Shaker Cup",
|
||||
price: "₹499",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-clothing-hangers_23-2150871176.jpg",
|
||||
imageAlt: "Premium fitness store clothing",
|
||||
},
|
||||
id: "p4", brand: "BrookeFit", name: "Shaker Cup", price: "₹499", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-clothing-hangers_23-2150871176.jpg", imageAlt: "Premium fitness store clothing"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "BrookeFit",
|
||||
name: "Pre-Workout",
|
||||
price: "₹2,199",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980042.jpg",
|
||||
imageAlt: "Premium fitness supplement branding",
|
||||
},
|
||||
id: "p5", brand: "BrookeFit", name: "Pre-Workout", price: "₹2,199", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/protein-gym_23-2151980042.jpg", imageAlt: "Premium fitness supplement branding"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "BrookeFit",
|
||||
name: "Gym Bag",
|
||||
price: "₹1,299",
|
||||
rating: 4,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-business-woman-eyeglasses_627829-6870.jpg",
|
||||
imageAlt: "Premium fitness store clothing",
|
||||
},
|
||||
id: "p6", brand: "BrookeFit", name: "Gym Bag", price: "₹1,299", rating: 4,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-business-woman-eyeglasses_627829-6870.jpg", imageAlt: "Premium fitness store clothing"},
|
||||
]}
|
||||
title="Elite Gym Essentials"
|
||||
description="High-performance gear."
|
||||
@@ -267,37 +176,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Base",
|
||||
price: "₹2,999",
|
||||
subtitle: "Monthly access",
|
||||
buttons: [
|
||||
id: "monthly", badge: "Base", price: "₹2,999", subtitle: "Monthly access", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"1 Month Access",
|
||||
"Basic Assessment",
|
||||
],
|
||||
"1 Month Access", "Basic Assessment"],
|
||||
},
|
||||
{
|
||||
id: "annual",
|
||||
badge: "Elite",
|
||||
price: "₹24,999",
|
||||
subtitle: "Annual Premium",
|
||||
buttons: [
|
||||
id: "annual", badge: "Elite", price: "₹24,999", subtitle: "Annual Premium", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"12 Months Access",
|
||||
"Personal Trainer",
|
||||
"Recovery Access",
|
||||
],
|
||||
"12 Months Access", "Personal Trainer", "Recovery Access"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -312,22 +204,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Happy members",
|
||||
"Top results",
|
||||
],
|
||||
id: "m1", value: "99%", title: "Client Satisfaction", items: [
|
||||
"Happy members", "Top results"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100+",
|
||||
title: "Expert Staff",
|
||||
items: [
|
||||
"Certified pros",
|
||||
"24/7 care",
|
||||
],
|
||||
id: "m2", value: "100+", title: "Expert Staff", items: [
|
||||
"Certified pros", "24/7 care"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -343,25 +225,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-attractive-woman-cooking-kitchen-morning-eating-apple-smiling-happy-positive-housewife-healthy-lifestyle-listening-music-headphones-laughing-white-teeth_285396-4889.jpg",
|
||||
alt: "Confident person at gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-attractive-woman-cooking-kitchen-morning-eating-apple-smiling-happy-positive-housewife-healthy-lifestyle-listening-music-headphones-laughing-white-teeth_285396-4889.jpg", alt: "Confident person at gym"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-with-cute-daughter-play-sports-gym_1157-29916.jpg",
|
||||
alt: "Business woman gym transformation",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mother-with-cute-daughter-play-sports-gym_1157-29916.jpg", alt: "Business woman gym transformation"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-fitness-woman-smiling-holding-sporting-mat-home_171337-8008.jpg",
|
||||
alt: "Man fit training gym portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-fitness-woman-smiling-holding-sporting-mat-home_171337-8008.jpg", alt: "Man fit training gym portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg",
|
||||
alt: "Young person fitness portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg", alt: "Young person fitness portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-smiling-woman-sporty-top-leggings-holding-apple-hand-dreamily-looking-camera-while-spending-time-outdoor-isolated_574295-886.jpg",
|
||||
alt: "Young pretty smiling woman in sporty top and leggings",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-smiling-woman-sporty-top-leggings-holding-apple-hand-dreamily-looking-camera-while-spending-time-outdoor-isolated_574295-886.jpg", alt: "Young pretty smiling woman in sporty top and leggings"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -372,16 +244,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Join Us"
|
||||
title="Start Your Fitness Journey"
|
||||
description="Book a free club tour and trial session today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -390,25 +259,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Team", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user