Merge version_6 into main

Update theme fonts
2026-04-11 20:14:01 +00:00 · 2026-04-11 20:13:58 +00:00 · 2026-04-11 20:13:58 +00:00 · 2026-04-11 20:13:50 +00:00 · 2026-04-11 20:13:47 +00:00 · 2026-04-11 20:13:46 +00:00
5 changed files with 123 additions and 123 deletions
--- a/src/app/features/page.tsx
+++ b/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>
+  );
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -26,14 +26,11 @@ export const metadata: Metadata = {
  },
 };

+
 const publicSans = Public_Sans({
  variable: "--font-public-sans",
  subsets: ["latin"],
 });
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});

 export default function RootLayout({
  children,
@@ -43,7 +40,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${publicSans.variable} ${inter.variable} antialiased`}>
+        <body className={`${publicSans.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/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: "#"},
          ],
        },
      ]}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-public-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
--- a/src/app/styles/variables.css
+++ b/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: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #159c49;
+  --background-accent: #a8e8ba;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	4766899d10	Merge version_6 into main Merge version_6 into main	2026-04-11 20:14:01 +00:00
bender	082291ae80	Update theme fonts	2026-04-11 20:13:58 +00:00
bender	b150b20612	Update theme fonts	2026-04-11 20:13:58 +00:00
bender	1438e1aba2	Merge version_6 into main Merge version_6 into main	2026-04-11 20:13:50 +00:00
bender	ccb87a3884	Update theme colors	2026-04-11 20:13:47 +00:00
bender	c09d0ff373	Merge version_5 into main Merge version_5 into main	2026-04-11 20:13:46 +00:00
bender	b907512127	Update theme colors	2026-04-11 20:13:43 +00:00
bender	675f949714	Merge version_4 into main Merge version_4 into main	2026-04-11 20:13:43 +00:00
bender	31bb3e73c3	Merge version_3 into main Merge version_3 into main	2026-04-11 20:13:41 +00:00
bender	6fb75aedb0	Update theme colors	2026-04-11 20:13:40 +00:00
bender	aa866c3bdb	Update theme colors	2026-04-11 20:13:38 +00:00
bender	c36976e36c	Merge version_2 into main Merge version_2 into main	2026-04-09 11:51:55 +00:00
bender	9b52934976	Update src/app/features/page.tsx	2026-04-09 11:51:52 +00:00
bender	1c7def8aed	Merge version_2 into main Merge version_2 into main	2026-04-09 11:51:29 +00:00
bender	4888b02129	Update src/app/features/page.tsx	2026-04-09 11:51:23 +00:00
bender	d416c17182	Merge version_2 into main Merge version_2 into main	2026-04-09 11:51:00 +00:00
bender	6447b47057	Update src/app/page.tsx	2026-04-09 11:50:57 +00:00
bender	9f0199f05d	Add src/app/features/page.tsx	2026-04-09 11:50:56 +00:00