Update src/app/styles/variables.css

src/app/page.tsx

@@ -21,32 +21,24 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="mediumSmall"
         sizing="large"
-        background="grid"
+        background="noiseDiagonalGradient"
-        cardStyle="gradient-radial"
+        cardStyle="glass-depth"
         primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="solid"
+        secondaryButtonStyle="glass"
-        headingFontWeight="semibold"
+        headingFontWeight="extrabold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
         {
-          name: "Inventory",
+          name: "Inventory",          id: "inventory"},
-          id: "inventory",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Elegance Cars"
     />
@@ -55,29 +47,20 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Redefining Automotive Elegance"
       description="Discover our curated collection of world-class luxury vehicles, meticulously selected for the discerning driver."
       buttons={[
         {
-          text: "View Inventory",
+          text: "View Inventory",          href: "#inventory"},
-          href: "#inventory",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22387.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22387.jpg?_wi=1",          imageAlt: "Luxury Sedan"},
-          imageAlt: "Luxury Sedan",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-drinking-coffee-by-car_1303-22434.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-drinking-coffee-by-car_1303-22434.jpg?_wi=1",          imageAlt: "Sports Car"},
-          imageAlt: "Sports Car",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/wipers-working-rainy-highway-driver-bad-weather_169016-69797.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/wipers-working-rainy-highway-driver-bad-weather_169016-69797.jpg",          imageAlt: "Interior Design"},
-          imageAlt: "Interior Design",
-        },
       ]}
       mediaAnimation="slide-up"
     />
@@ -88,20 +71,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Our Legacy of Excellence"},
-          content: "Our Legacy of Excellence",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg",          alt: "Showroom"},
-          src: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg",
-          alt: "Showroom",
-        },
       ]}
       buttons={[
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#services"},
-          href: "#services",
-        },
       ]}
     />
   </div>
@@ -113,21 +89,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "No hidden fees",
+          "No hidden fees",          "No compromise on quality",          "No high pressure sales",          "No inflated service costs",          "No inventory gaps"],
-          "No compromise on quality",
-          "No high pressure sales",
-          "No inflated service costs",
-          "No inventory gaps",
-        ],
       }}
       positiveCard={{
         items: [
-          "Lifetime premium support",
+          "Lifetime premium support",          "Curated luxury selection",          "Seamless financing options",          "White-glove delivery service",          "24/7 concierge assistance"],
-          "Curated luxury selection",
-          "Seamless financing options",
-          "White-glove delivery service",
-          "24/7 concierge assistance",
-        ],
       }}
       title="Why Elegance Cars"
       description="We don't just sell cars; we offer a premium lifestyle experience."
@@ -142,50 +108,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
+          id: "1",          brand: "Elegance",          name: "Executive Sedan",          price: "$120,000",          rating: 5,
-          brand: "Elegance",
+          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-his-car-taxi-services_23-2149149593.jpg"},
-          name: "Executive Sedan",
-          price: "$120,000",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-his-car-taxi-services_23-2149149593.jpg",
-        },
         {
-          id: "2",
+          id: "2",          brand: "Speed",          name: "Performance Convertible",          price: "$155,000",          rating: 5,
-          brand: "Speed",
+          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/back-shot-white-car_23-2148320258.jpg"},
-          name: "Performance Convertible",
-          price: "$155,000",
-          rating: 5,
-          reviewCount: "18",
-          imageSrc: "http://img.b2bpic.net/free-photo/back-shot-white-car_23-2148320258.jpg",
-        },
         {
-          id: "3",
+          id: "3",          brand: "Urban",          name: "Luxury SUV",          price: "$95,000",          rating: 4,
-          brand: "Urban",
+          reviewCount: "32",          imageSrc: "http://img.b2bpic.net/free-photo/desert-safari_158595-1981.jpg"},
-          name: "Luxury SUV",
-          price: "$95,000",
-          rating: 4,
-          reviewCount: "32",
-          imageSrc: "http://img.b2bpic.net/free-photo/desert-safari_158595-1981.jpg",
-        },
         {
-          id: "4",
+          id: "4",          brand: "Style",          name: "Coupe Design",          price: "$110,000",          rating: 5,
-          brand: "Style",
+          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-coupe-driving-highway_114579-4002.jpg"},
-          name: "Coupe Design",
-          price: "$110,000",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-coupe-driving-highway_114579-4002.jpg",
-        },
         {
-          id: "5",
+          id: "5",          brand: "Tech",          name: "High-Tech Sedan",          price: "$140,000",          rating: 5,
-          brand: "Tech",
+          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg"},
-          name: "High-Tech Sedan",
-          price: "$140,000",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg",
-        },
       ]}
       title="Our Fleet"
       description="Browse our hand-picked inventory of premium vehicles."
@@ -199,58 +135,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          title: "Silver Service",          price: "$1,200/yr",          period: "Annual",          features: [
-          title: "Silver Service",
+            "Annual maintenance",            "Roadside assistance",            "Standard cleaning"],
-          price: "$1,200/yr",
-          period: "Annual",
-          features: [
-            "Annual maintenance",
-            "Roadside assistance",
-            "Standard cleaning",
-          ],
           button: {
-            text: "Select",
+            text: "Select",            href: "#contact"},
-            href: "#contact",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disc-components_23-2149413358.jpg",          imageAlt: "luxury car wheel rim"},
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disc-components_23-2149413358.jpg",
-          imageAlt: "luxury car wheel rim",
-        },
         {
-          id: "pro",
+          id: "pro",          title: "Gold Care",          price: "$2,500/yr",          period: "Annual",          features: [
-          title: "Gold Care",
+            "Priority servicing",            "Complimentary detailing",            "Extended support",            "Loaner vehicle"],
-          price: "$2,500/yr",
-          period: "Annual",
-          features: [
-            "Priority servicing",
-            "Complimentary detailing",
-            "Extended support",
-            "Loaner vehicle",
-          ],
           button: {
-            text: "Select",
+            text: "Select",            href: "#contact"},
-            href: "#contact",
+          imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22387.jpg?_wi=2",          imageAlt: "luxury car wheel rim"},
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22387.jpg?_wi=2",
-          imageAlt: "luxury car wheel rim",
-        },
         {
-          id: "ultimate",
+          id: "ultimate",          title: "Platinum Elite",          price: "$5,000/yr",          period: "Annual",          features: [
-          title: "Platinum Elite",
+            "Concierge pickup/dropoff",            "Total fleet management",            "Annual gala invite",            "Dedicated advisor"],
-          price: "$5,000/yr",
-          period: "Annual",
-          features: [
-            "Concierge pickup/dropoff",
-            "Total fleet management",
-            "Annual gala invite",
-            "Dedicated advisor",
-          ],
           button: {
-            text: "Select",
+            text: "Select",            href: "#contact"},
-            href: "#contact",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-drinking-coffee-by-car_1303-22434.jpg?_wi=2",          imageAlt: "luxury car wheel rim"},
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-drinking-coffee-by-car_1303-22434.jpg?_wi=2",
-          imageAlt: "luxury car wheel rim",
-        },
       ]}
       title="Comprehensive Ownership Packages"
       description="Choose a package that suits your maintenance and care needs."
@@ -264,45 +165,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "John Doe",          handle: "@johndoe",          testimonial: "An incredible experience from start to finish. Elegance Cars exceeded my expectations.",          rating: 5,
-          name: "John Doe",
+          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
-          handle: "@johndoe",
-          testimonial: "An incredible experience from start to finish. Elegance Cars exceeded my expectations.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Sarah Smith",          handle: "@sarahsmith",          testimonial: "The service and attention to detail are unmatched in the automotive industry.",          rating: 5,
-          name: "Sarah Smith",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
-          handle: "@sarahsmith",
-          testimonial: "The service and attention to detail are unmatched in the automotive industry.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Mark Wilson",          handle: "@mwilson",          testimonial: "Truly a seamless buying process. I am a lifelong customer now.",          rating: 5,
-          name: "Mark Wilson",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
-          handle: "@mwilson",
-          testimonial: "Truly a seamless buying process. I am a lifelong customer now.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Emily Chen",          handle: "@emilyc",          testimonial: "Elegance Cars sets the standard for automotive luxury and excellence.",          rating: 5,
-          name: "Emily Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg"},
-          handle: "@emilyc",
-          testimonial: "Elegance Cars sets the standard for automotive luxury and excellence.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "David Brown",          handle: "@dbrown",          testimonial: "I love my new vehicle, and the support staff is incredibly knowledgeable.",          rating: 5,
-          name: "David Brown",
+          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
-          handle: "@dbrown",
-          testimonial: "I love my new vehicle, and the support staff is incredibly knowledgeable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
-        },
       ]}
       showRating={true}
       title="Voices of Elegance"
@@ -316,20 +192,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "Do you offer financing?",          content: "Yes, we work with several elite financial institutions to provide competitive financing solutions."},
-          title: "Do you offer financing?",
-          content: "Yes, we work with several elite financial institutions to provide competitive financing solutions.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Can I trade in my vehicle?",          content: "Absolutely. We offer competitive trade-in valuations for your existing luxury vehicle."},
-          title: "Can I trade in my vehicle?",
-          content: "Absolutely. We offer competitive trade-in valuations for your existing luxury vehicle.",
-        },
         {
-          id: "3",
+          id: "3",          title: "What service coverage do you offer?",          content: "Our service plans provide comprehensive maintenance coverage ensuring your vehicle stays in peak condition."},
-          title: "What service coverage do you offer?",
-          content: "Our service plans provide comprehensive maintenance coverage ensuring your vehicle stays in peak condition.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/car-salesperson-dealership-signing-contract-with-clients-shaking-hands_482257-124065.jpg"
       title="Your Inquiries Answered"
@@ -342,14 +209,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       text="Ready to experience automotive excellence? Reach out today."
       buttons={[
         {
-          text: "Get in Touch",
+          text: "Get in Touch",          href: "mailto:info@elegancecars.com"},
-          href: "mailto:info@elegancecars.com",
-        },
       ]}
     />
   </div>
@@ -358,42 +222,27 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Elegance Cars",
+          title: "Elegance Cars",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Inventory",
+              label: "Inventory",              href: "#inventory"},
-              href: "#inventory",
-            },
           ],
         },
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Maintenance",
+              label: "Maintenance",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Financing",
+              label: "Financing",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #000000;
-  --card: #f9f9f9;
+  --card: #0c0c0c;
-  --foreground: #120a00e6;
+  --foreground: #ffffff;
-  --primary-cta: #FF7B05;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #000000;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
+  --accent: #535353;
-  --background-accent: #FF7B05;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);