Merge version_8_1777354098866 into main

Merge version_8_1777354098866 into main

src/components/sections/social-proof/SocialProofOne.tsx

@@ -0,0 +1,58 @@
+import TextAnimation from "@/components/ui/TextAnimation";
+import InfoCardMarquee from "@/components/ui/InfoCardMarquee";
+
+export default function SocialProofOne() {
+  const testimonials = [
+    { 
+      icon: "Star", 
+      label: "John Doe", 
+      value: "The best car rental experience I've ever had. Highly recommended!"
+    },
+    { 
+      icon: "Star", 
+      label: "Jane Smith", 
+      value: "Incredible selection of luxury vehicles. Will definitely use again."
+    },
+    { 
+      icon: "Star", 
+      label: "Michael Johnson", 
+      value: "Smooth process from start to finish. The Ferrari was a dream."
+    },
+    { 
+      icon: "Star", 
+      label: "Emily Davis", 
+      value: "Exceptional customer service and pristine cars."
+    },
+    { 
+      icon: "Star", 
+      label: "Chris Wilson", 
+      value: "A truly premium experience. The Porsche 911 was flawless."
+    }
+  ];
+
+  return (
+    <section aria-label="Social Proof section" className="py-20 overflow-hidden">
+      <div className="flex flex-col gap-8">
+        <div className="flex flex-col items-center w-content-width mx-auto gap-3 md:gap-2">
+          <span className="px-3 py-1 text-sm card rounded">Testimonials</span>
+          <TextAnimation
+            text="What Our Customers Say"
+            variant="slide-up"
+            tag="h2"
+            className="text-6xl font-medium text-center text-balance"
+          />
+          <TextAnimation
+            text="Don't just take our word for it. Hear from our satisfied clients who have experienced the thrill of driving our luxury fleet."
+            variant="slide-up"
+            tag="p"
+            className="md:max-w-6/10 text-lg leading-tight text-center"
+          />
+        </div>
+        
+        <div className="w-full mt-4">
+          <InfoCardMarquee items={testimonials} />
+        </div>
+      </div>
+    </section>
+  );
+}

src/pages/HomePage.tsx

@@ -4,6 +4,7 @@ import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import FeaturesAlternatingSplit from "@/components/sections/features/FeaturesAlternatingSplit";
 import ContactCta from "@/components/sections/contact/ContactCta";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
+import SocialProofOne from '@/components/sections/social-proof/SocialProofOne';
 
 export default function HomePage() {
   return (