Merge version_5 into main

Merge version_5 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f5faff;;
-  --card: #f1f8ff;;
-  --foreground: #001122;;
-  --primary-cta: #15479c;;
+  --background: #ffffff;;
+  --card: #f5f5f5;;
+  --foreground: #000000e6;;
+  --primary-cta: #1a1a1a;;
   --secondary-cta: #ffffff;;
-  --accent: #a8cce8;;
-  --background-accent: #7ba3cf;;
+  --accent: #bebebe;;
+  --background-accent: #c4c4c4;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -10,6 +10,7 @@ import TestimonialCardNine from "@/components/sections/testimonial/TestimonialCa
 import TeamCardSeven from "@/components/sections/team/TeamCardSeven";
 import ContactInline from "@/components/sections/contact/ContactInline";
 import FooterCard from "@/components/sections/footer/FooterCard";
+import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
 import { Sparkles, CheckCircle, Star, Award, Facebook, Instagram, Linkedin } from "lucide-react";
 
 export default function LandingPage() {
@@ -111,6 +112,36 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="feature-card-six" data-section="feature-card-six">
+        <FeatureCardSix
+          title="Why Choose Prestige Motors?"
+          description="Experience the difference that expertise and integrity make in automotive retail."
+          tag="Our Advantages"
+          tagIcon={Star}
+          negativeCard={{
+            title: "Traditional Dealerships",
+            items: [
+              "Hidden fees and markups",
+              "Limited transparency",
+              "High-pressure sales tactics",
+              "Generic inventory"
+            ]
+          }}
+          positiveCard={{
+            title: "Prestige Motors",
+            items: [
+              "Transparent pricing, no surprises",
+              "Detailed vehicle history and inspection reports",
+              "Consultative, pressure-free approach",
+              "Carefully curated premium selection"
+            ]
+          }}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
       <div id="products" data-section="products">
         <ProductCardSix
           title="Featured Inventory"