Update src/app/page.tsx

Merge version_2 into main

src/app/layout.tsx

@@ -1407,4 +1407,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
@@ -10,7 +10,7 @@ import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Zap, Target, DollarSign, Users, Star, Mail } from 'lucide-react';
+import { Zap, Target, DollarSign, Users, Star, Mail, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -43,20 +43,47 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardScroll
+        <HeroBillboardDashboard
           title="Transform Your Body, Elevate Your Life"
           description="Expert personal coaching designed to help you achieve your fitness goals. Whether you're starting your journey or reaching peak performance, our certified coaches are here to guide every step."
           tag="Professional Sports Coaching"
           tagIcon={Zap}
           tagAnimation="slide-up"
           background={{ variant: "canvas-reveal" }}
-          imageSrc="http://img.b2bpic.net/free-photo/woman-gym-with-coach_1303-5545.jpg"
-          imageAlt="Professional athlete training with a coach"
           buttons={[
             { text: "Book Your First Session", href: "#contact" },
             { text: "View Services", href: "#services" }
           ]}
           buttonAnimation="slide-up"
+          dashboard={{
+            title: "Coaching Performance Hub",            logoIcon: Hexagon,
+            imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-with-coach_1303-5545.jpg",            buttons: [
+              { text: "View Dashboard", href: "#" },
+              { text: "Export Progress", href: "#" }
+            ],
+            sidebarItems: [
+              { icon: House, active: true },
+              { icon: MessageSquareText },
+              { icon: Settings }
+            ],
+            stats: [
+              { title: "Clients Trained", values: [150, 280, 450], description: "Active coaching clients." },
+              { title: "Sessions Completed", values: [1240, 1850, 2340], description: "Total training sessions." },
+              { title: "Goals Achieved", values: [92, 145, 198], description: "Client success rate." }
+            ],
+            chartTitle: "Monthly Training Activity",            chartData: [
+              { value: 65 },
+              { value: 45 },
+              { value: 78 },
+              { value: 55 },
+              { value: 88 }
+            ],
+            listTitle: "Recent Client Achievements",            listItems: [
+              { icon: CircleDollarSign, title: "Weight Loss Goal Met", status: "Completed" },
+              { icon: ArrowLeftRight, title: "Strength Milestone", status: "In Progress" },
+              { icon: Send, title: "Endurance Record", status: "Completed" }
+            ]
+          }}
         />
       </div>
 
@@ -251,4 +278,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1f3251;;
-  --secondary-cta: #ffffff;;
-  --accent: #15479c;;
-  --background-accent: #a8cce8;; */
+  /* --background: #f6f0e9;;
+  --card: #efe7dd;;
+  --foreground: #2b180a;;
+  --primary-cta: #2b180a;;
+  --secondary-cta: #efe7dd;;
+  --accent: #94877c;;
+  --background-accent: #afa094;; */
 
-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1f3251;;
+  --background: #f6f0e9;;
+  --card: #efe7dd;;
+  --foreground: #2b180a;;
+  --primary-cta: #2b180a;;
   --primary-cta-text: #f5f5f5;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #efe7dd;;
   --secondary-cta-text: #1c1c1c;;
-  --accent: #15479c;;
-  --background-accent: #a8cce8;;
+  --accent: #94877c;;
+  --background-accent: #afa094;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);