From 890ac06433e9e83c2db72c4cde59f12d304b3449 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 21 May 2026 21:36:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 186 ++++++++++++-----------------------------------
 1 file changed, 48 insertions(+), 138 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4802c30..f8b6e19 100644
--- a/src/app/page.tsx
+++ b/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."
+}
\ No newline at end of file
-- 
2.49.1