Merge version_2 into main #4
186
src/app/page.tsx
186
src/app/page.tsx
@@ -19,29 +19,24 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Transformations", id: "about"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Transformations", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BrookeFit"
|
||||
/>
|
||||
@@ -49,27 +44,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
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: "Book Free Trial", href: "#contact"},
|
||||
{ text: "Start Your Transformation", 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/woman-training-gym_23-2148024288.jpg?_wi=1", 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/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/man-walking-running-machine_1203-456.jpg?_wi=1", 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/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/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"
|
||||
/>
|
||||
@@ -81,12 +68,9 @@ export default function LandingPage() {
|
||||
title="The Elite Club Experience"
|
||||
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: "5000", title: "Transformations"},
|
||||
{
|
||||
value: "24/7", title: "Premium Access"},
|
||||
{ value: "100+", title: "Elite Trainers" },
|
||||
{ value: "5000", title: "Transformations" },
|
||||
{ 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"
|
||||
@@ -101,35 +85,13 @@ 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/man-walking-running-machine_1203-456.jpg?_wi=2", imageAlt: "personal training session gym"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Plate loaded rigs"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Certified safety"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Olympic racks"},
|
||||
],
|
||||
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?_wi=2", imageAlt: "personal training session gym" },
|
||||
items: [{ icon: Zap, text: "Plate loaded rigs" }, { icon: Shield, text: "Certified safety" }, { icon: Award, text: "Olympic racks" }],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
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?_wi=2", imageAlt: "personal training session gym"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Sauna access"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Sterilized units"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Deep stretching"},
|
||||
],
|
||||
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?_wi=2", imageAlt: "personal training session gym" },
|
||||
items: [{ icon: Zap, text: "Sauna access" }, { icon: Shield, text: "Sterilized units" }, { icon: Award, text: "Deep stretching" }],
|
||||
reverse: true,
|
||||
},
|
||||
]}
|
||||
@@ -145,24 +107,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "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: "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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
title="Elite Gym Essentials"
|
||||
description="High-performance gear."
|
||||
@@ -175,22 +122,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "monthly", badge: "Base", price: "₹2,999", subtitle: "Monthly access", buttons: [
|
||||
{
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"1 Month Access", "Basic Assessment"],
|
||||
},
|
||||
{
|
||||
id: "annual", badge: "Elite", price: "₹24,999", subtitle: "Annual Premium", buttons: [
|
||||
{
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"12 Months Access", "Personal Trainer", "Recovery Access"],
|
||||
},
|
||||
{ id: "monthly", badge: "Base", price: "₹2,999", subtitle: "Monthly access", buttons: [{ text: "Select", href: "#contact" }], features: ["1 Month Access", "Basic Assessment"] },
|
||||
{ id: "annual", badge: "Elite", price: "₹24,999", subtitle: "Annual Premium", buttons: [{ text: "Select", href: "#contact" }], features: ["12 Months Access", "Personal Trainer", "Recovery Access"] },
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Choose your journey."
|
||||
@@ -203,14 +136,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
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: "m1", value: "99%", title: "Client Satisfaction", items: ["Happy members", "Top results"] },
|
||||
{ id: "m2", value: "100+", title: "Expert Staff", items: ["Certified pros", "24/7 care"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak for themselves."
|
||||
@@ -224,16 +151,7 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
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/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/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/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: "Sarah" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -243,35 +161,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Team", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Team", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="BrookeFit Gym"
|
||||
/>
|
||||
@@ -280,3 +182,11 @@ export default function LandingPage() {
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
"
|
||||
}
|
||||
],
|
||||
"theme": {
|
||||
"--background": "#0a0a0a", "--card": "#1a1a1a", "--foreground": "#ffffff", "--primary-cta": "#ffdf7d", "--secondary-cta": "#1a1a1a", "--accent": "#b8860b", "--background-accent": "#8b6914"
|
||||
},
|
||||
"rawPlan": "I've elevated the BrookeFit website aesthetic by transitioning to a luxurious 'Gold' dark mode palette, paired with a more refined layout, pill-shaped UI elements, and glass-elevated card effects for a sophisticated, high-end feel."
|
||||
}
|
||||
Reference in New Issue
Block a user