Update theme colors

src/app/features/page.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import { Zap, Shield } from "lucide-react";
+
+export default function FeaturesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="mediumLarge"
+        background="circleGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+                navItems={[
+                    { name: "Home", id: "/" },
+                    { name: "Features", id: "/features" },
+                ]}
+                brandName="Elite Auto"
+            />
+        </div>
+
+        <div id="features" data-section="features">
+            <FeatureBorderGlow
+                title="Advanced Features"
+                description="Discover what makes our service truly exceptional."
+                textboxLayout="default"
+                animationType="slide-up"
+                useInvertedBackground={false}
+                features={[
+                    { icon: Zap, title: "Speed", description: "Lightning fast performance." },
+                    { icon: Shield, title: "Security", description: "Top-tier protection for your assets." }
+                ]}
+            />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+            <PricingCardOne
+                title="Flexible Pricing"
+                description="Choose the plan that suits your needs."
+                textboxLayout="default"
+                animationType="slide-up"
+                useInvertedBackground={true}
+                plans={[
+                    { id: "basic", badge: "Essential", price: "$99/mo", subtitle: "For individuals", features: ["Core features", "Standard support"] },
+                    { id: "pro", badge: "Premium", price: "$299/mo", subtitle: "For professionals", features: ["All core features", "24/7 Priority support", "Advanced analytics"] }
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+                logoText="ELITE AUTO"
+                columns={[
+                    { title: "Company", items: [{ label: "Home", href: "/" }] }
+                ]}
+                copyrightText="© 2025 Elite Auto Group. All rights reserved."
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,21 +31,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Collection",
-          id: "products",
-        },
+          name: "Collection",          id: "products"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Pricing",          id: "pricing"},
+        {
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Elite Auto"
     />
@@ -57,35 +51,21 @@ export default function LandingPage() {
       description="Explore the world's most coveted luxury vehicles. Configure your dream car or schedule an exclusive test drive with our premium dealers."
       buttons={[
         {
-          text: "Discover Your Perfect Match",
-          href: "#products",
-        },
+          text: "Discover Your Perfect Match",          href: "#products"},
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg",
-          imageAlt: "Luxury car in studio",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg",          imageAlt: "Luxury car in studio"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-driving-car-road_1303-17095.jpg",
-          imageAlt: "Luxury sedan",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/man-driving-car-road_1303-17095.jpg",          imageAlt: "Luxury sedan"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636187.jpg",
-          imageAlt: "Close up headlight",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636187.jpg",          imageAlt: "Close up headlight"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-white-car_181624-22534.jpg",
-          imageAlt: "Driving on road",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-white-car_181624-22534.jpg",          imageAlt: "Driving on road"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg",
-          imageAlt: "Luxury interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg",          imageAlt: "Luxury interior"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-empty-grey-studio-well-use-as-backgroundbusiness-reportdigitalwebsite-templatebackdrop_1258-96038.jpg",
-          imageAlt: "Supercar profile",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-empty-grey-studio-well-use-as-backgroundbusiness-reportdigitalwebsite-templatebackdrop_1258-96038.jpg",          imageAlt: "Supercar profile"},
       ]}
       autoplayDelay={4000}
     />
@@ -112,41 +92,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Luxury Electric Sedan",
-          price: "$125,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22808.jpg",
-        },
+          id: "p1",          name: "Luxury Electric Sedan",          price: "$125,000",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22808.jpg"},
         {
-          id: "p2",
-          name: "High-Performance Coupe",
-          price: "$185,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg",
-        },
+          id: "p2",          name: "High-Performance Coupe",          price: "$185,000",          imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg"},
         {
-          id: "p3",
-          name: "Luxury Touring SUV",
-          price: "$150,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fancy-car-available-selling_23-2148332887.jpg",
-        },
+          id: "p3",          name: "Luxury Touring SUV",          price: "$150,000",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fancy-car-available-selling_23-2148332887.jpg"},
         {
-          id: "p4",
-          name: "Exotic Convertible",
-          price: "$295,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/just-married-couple-with-their-car_23-2149479850.jpg",
-        },
+          id: "p4",          name: "Exotic Convertible",          price: "$295,000",          imageSrc: "http://img.b2bpic.net/free-photo/just-married-couple-with-their-car_23-2149479850.jpg"},
         {
-          id: "p5",
-          name: "Compact Premium Hatch",
-          price: "$65,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg",
-        },
+          id: "p5",          name: "Compact Premium Hatch",          price: "$65,000",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg"},
         {
-          id: "p6",
-          name: "Track-Ready Roadster",
-          price: "$210,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/men-fashion-editorial-outdoors_23-2151905311.jpg",
-        },
+          id: "p6",          name: "Track-Ready Roadster",          price: "$210,000",          imageSrc: "http://img.b2bpic.net/free-photo/men-fashion-editorial-outdoors_23-2151905311.jpg"},
       ]}
       title="Current Inventory"
       description="Browse our curated collection of industry-leading luxury vehicles."
@@ -161,19 +117,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Award,
-          title: "Exclusivity",
-          description: "Access to limited-run models and private auctions.",
-        },
+          title: "Exclusivity",          description: "Access to limited-run models and private auctions."},
         {
           icon: Zap,
-          title: "Innovation",
-          description: "Seamless integration with the latest automotive technology.",
-        },
+          title: "Innovation",          description: "Seamless integration with the latest automotive technology."},
         {
           icon: Shield,
-          title: "Heritage",
-          description: "Unrivaled expertise in classic and contemporary marques.",
-        },
+          title: "Heritage",          description: "Unrivaled expertise in classic and contemporary marques."},
       ]}
       title="Why Choose Us"
       description="Delivering unparalleled prestige and technical precision at every step."
@@ -188,25 +138,15 @@ export default function LandingPage() {
       author="Marcus V., Collection Owner"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241791.jpg",
-          alt: "Client 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241791.jpg",          alt: "Client 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
-          alt: "Client 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",          alt: "Client 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/girl-sunglasses_1157-6308.jpg",
-          alt: "Client 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/girl-sunglasses_1157-6308.jpg",          alt: "Client 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094576.jpg",
-          alt: "Client 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094576.jpg",          alt: "Client 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-woman-working-photography-studio_23-2150254633.jpg",
-          alt: "Client 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/side-view-woman-working-photography-studio_23-2150254633.jpg",          alt: "Client 5"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -217,14 +157,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       text="Ready to experience the pinnacle of automotive engineering? Our team is ready to assist you."
       buttons={[
         {
-          text: "Schedule Exclusive Visit",
-          href: "#",
-        },
+          text: "Schedule Exclusive Visit",          href: "#"},
       ]}
     />
   </div>
@@ -234,29 +171,19 @@ export default function LandingPage() {
       logoText="ELITE AUTO"
       columns={[
         {
-          title: "Showcase",
-          items: [
+          title: "Showcase",          items: [
             {
-              label: "Vehicles",
-              href: "#products",
-            },
+              label: "Vehicles",              href: "#products"},
             {
-              label: "Marques",
-              href: "#",
-            },
+              label: "Marques",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
-  --foreground: #ffffff;
-  --primary-cta: #cee7ff;
-  --primary-cta-text: #000000;
-  --secondary-cta: #000000;
-  --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #CEE7FF;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000f06e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);