Update src/app/styles/variables.css

Merge version_6 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
@@ -56,30 +56,42 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlay
+      <HeroBillboardDashboard
       title="Luxury Detailing for Discerning Car Owners"
       description="Professional handapplied ceramic coatings, paint correction, and interior restoration that preserve your vehicle's pristine condition. Book your transformation today."
+      background={{ variant: "plain" }}
       buttons={[
         {
           text: "Schedule Your Detail",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193581.jpg"
-      imageAlt="Luxurious black sports car being detailed by Luxelay Detailing"
-      showBlur={true}
-      textPosition="bottom"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg",          alt: "Smiling professional man"},
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",          alt: "Successful businesswoman"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-standing-by-his-car_1303-31495.jpg",          alt: "Elegant man car owner"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130233.jpg",          alt: "Satisfied client happy car owner"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-car-showrrom_1303-21194.jpg",          alt: "Young professional car enthusiast"},
-      ]}
-      avatarText="Trusted by over 1000+ car enthusiasts"
+      dashboard={{
+        title: "Luxelay Detailing Overview",        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuHt2ZxlmvkmNTdQSd3dWMTSTY/uploaded-1781024400128-d87twxr7.png",        imageAlt: "Luxelay Detailing Dashboard",        logoIcon: Car,
+        stats: [
+          {
+            title: "Jobs Completed",            values: [4500, 5000, 5500],
+            description: "Total services rendered"},
+          {
+            title: "Happy Clients",            values: [950, 1000, 1050],
+            description: "Satisfied customers"},
+          {
+            title: "Avg. Rating",            values: [4.8, 4.9, 5.0],
+            valueSuffix: "/5",            valueFormat: { minimumFractionDigits: 1, maximumFractionDigits: 1 },
+            description: "Customer feedback"},
+        ],
+        sidebarItems: [
+          { icon: Car, active: true },
+          { icon: Gauge },
+          { icon: Star },
+          { icon: Shield },
+        ],
+        buttons: [{ text: "View Services", href: "#services" }],
+        chartTitle: "Service Trends",        chartData: [{ value: 60 }, { value: 75 }, { value: 90 }, { value: 80 }, { value: 100 }, { value: 120 }],
+        listItems: [
+          { icon: Car, title: "Ceramic Pro Detail", status: "Upcoming" },
+          { icon: Paintbrush, title: "Paint Correction", status: "In Progress" },
+          { icon: Shield, title: "Interior Deep Clean", status: "Completed" },
+        ],
+      }}
     />
   </div>
 
@@ -100,11 +112,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Ceramic Coatings",          description: "Long-lasting protection for your paintwork, providing incredible gloss, hydrophobicity, and ease of maintenance.",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30600.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-polishing-service_23-2149212230.jpg",          buttonText: "Learn More",          buttonHref: "#pricing"},
+          title: "Ceramic Coatings",          description: "Long-lasting protection for your paintwork, providing incredible gloss, hydrophobicity, and ease of maintenance.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuHt2ZxlmvkmNTdQSd3dWMTSTY/uploaded-1781025421248-x7yupibh.jpg",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/water-beading-ceramic-coating.jpg",          buttonText: "Learn More",          buttonHref: "#pricing"},
         {
-          title: "Paint Correction",          description: "Restore your vehicle's paint to its pristine condition by eliminating swirls, scratches, and oxidation, revealing a mirror-like finish.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-polishing-service_23-2149212247.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193630.jpg",          buttonText: "Discover Paint Perfection",          buttonHref: "#pricing"},
+          title: "Paint Correction",          description: "Restore your vehicle's paint to its pristine condition by eliminating swirls, scratches, and oxidation, revealing a mirror-like finish.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuHt2ZxlmvkmNTdQSd3dWMTSTY/uploaded-1781025421248-kaafmzan.jpg",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/swirl-removal-before-after.jpg",          buttonText: "Discover Paint Perfection",          buttonHref: "#pricing"},
         {
-          title: "Interior Restoration",          description: "Deep cleaning and conditioning of all interior surfaces, including leather, carpets, and trim, for a fresh, luxurious cabin.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193619.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36595.jpg",          buttonText: "Explore Interior Services",          buttonHref: "#pricing"},
+          title: "Interior Restoration",          description: "Deep cleaning and conditioning of all interior surfaces, including leather, carpets, and trim, for a fresh, luxurious cabin.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuHt2ZxlmvkmNTdQSd3dWMTSTY/uploaded-1781029374249-dg45uvps.jpg",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/leather-conditioning.jpg",          buttonText: "Explore Interior Services",          buttonHref: "#pricing"},
       ]}
       title="Our Premium Services"
       description="Experience unparalleled care with our comprehensive detailing packages tailored to your vehicle's needs."
@@ -181,15 +193,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",          name: "Michael S.",          role: "Luxury Sedan Owner",          testimonial: "Luxelay Detailing transformed my car! The paint correction is flawless, and the ceramic coating provides an incredible shine. Truly a premium service.",          imageSrc: "http://img.b2bpic.net/free-photo/man-having-mobile-talk-while-waiting-electric-car-charge-station-eco-cars_1157-50634.jpg"},
+          id: "1",          name: "Michael S.",          role: "Luxury Sedan Owner",          testimonial: "Luxelay Detailing transformed my car! The paint correction is flawless, and the ceramic coating provides an incredible shine. Truly a premium service.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/avatars/man-happy-with-car.jpg"},
         {
-          id: "2",          name: "Sarah J.",          role: "Executive SUV Owner",          testimonial: "I'm incredibly particular about my vehicle, and Luxelay exceeded all expectations. The interior detailing made it feel brand new. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22806.jpg"},
+          id: "2",          name: "Sarah J.",          role: "Executive SUV Owner",          testimonial: "I'm incredibly particular about my vehicle, and Luxelay exceeded all expectations. The interior detailing made it feel brand new. Highly recommend!",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/avatars/professional-woman-car-owner.jpg"},
         {
-          id: "3",          name: "David L.",          role: "Sports Car Enthusiast",          testimonial: "The attention to detail is unmatched. My sports car has never looked so good – the paint depth is phenomenal. Worth every penny for this level of care.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-male-sunglasses-dressed-black-suit-sitting-luxury-car-against-skyscraper_613910-19325.jpg"},
+          id: "3",          name: "David L.",          role: "Sports Car Enthusiast",          testimonial: "The attention to detail is unmatched. My sports car has never looked so good – the paint depth is phenomenal. Worth every penny for this level of care.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/avatars/professional-man-smiling-car.jpg"},
         {
-          id: "4",          name: "Emily R.",          role: "Fleet Manager",          testimonial: "We partnered with Luxelay for our dealership's premium vehicles, and their consistent quality and professionalism are outstanding. An invaluable service.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg"},
+          id: "4",          name: "Emily R.",          role: "Fleet Manager",          testimonial: "We partnered with Luxelay for our dealership's premium vehicles, and their consistent quality and professionalism are outstanding. An invaluable service.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/avatars/businesswoman-in-car-dealership.jpg"},
         {
-          id: "5",          name: "Robert B.",          role: "Classic Car Collector",          testimonial: "Trusting my classic car to Luxelay was the best decision. They treated it with such respect and skill. The results are breathtaking.",          imageSrc: "http://img.b2bpic.net/free-photo/it-s-mercy-that-i-have-wireless-internet-here_329181-11608.jpg"},
+          id: "5",          name: "Robert B.",          role: "Classic Car Collector",          testimonial: "Trusting my classic car to Luxelay was the best decision. They treated it with such respect and skill. The results are breathtaking.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/avatars/older-man-classic-car.jpg"},
       ]}
       title="What Our Clients Say"
       description="Hear from discerning car owners who trust Luxelay Detailing for their prized possessions."
@@ -254,7 +266,7 @@ export default function LandingPage() {
           href: "https://www.facebook.com/luxelaydetailing",          ariaLabel: "Facebook"},
         {
           icon: Instagram,
-          href: "https://www.instagram.com/luxelaydetailing",          ariaLabel: "Instagram"},
+          href: "https://www.instagram.com/luxelay_detailing?igsh=NGJkdWw0d2Q4cHAy&utm_source=qr",          ariaLabel: "Instagram"},
         {
           icon: Twitter,
           href: "https://twitter.com/luxelaydetailing",          ariaLabel: "Twitter"},
@@ -264,4 +276,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
-  --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
-  --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #ffffff;
+  --accent: #b8860b;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);