Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,8 +9,9 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Award, Facebook, Heart, Instagram, Linkedin, Mail, Sparkles, Target, TrendingUp, Twitter } from "lucide-react";
+import { Award, Facebook, Heart, Instagram, Linkedin, Mail, Sparkles, Target, TrendingUp, Twitter, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -133,6 +134,22 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="trust" data-section="trust">
+        <SocialProofOne
+          title="Trusted by Over 10,000 People"
+          description="Join thousands of satisfied clients who've transformed their brands with us"
+          tag="Social Proof"
+          tagIcon={Users}
+          tagAnimation="slide-up"
+          names={[
+            "TechFlow Inc",            "Creative Studios",            "Digital Ventures",            "Growth Labs",            "Innovation Hub",            "Brand Factory"]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          speed={40}
+          showCard={true}
+        />
+      </div>
+
       <div id="metrics" data-section="metrics">
         <MetricCardSeven
           title="Our Impact by the Numbers"
@@ -232,4 +249,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}