Update src/app/page.tsx

src/app/page.tsx

@@ -10,6 +10,7 @@ import FeatureBento from "@/components/sections/feature/FeatureBento";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterCard from "@/components/sections/footer/FooterCard";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import { Award, BarChart3, CheckCircle, Clock, Cloud, Code, Cpu, Database, Eye, GitBranch, Github, Linkedin, Mail, Monitor, Package, Server, Settings, Shield, Smartphone, Sparkles, TrendingUp, Twitter, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -103,6 +104,21 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="ribbon" data-section="ribbon">
+        <SocialProofOne
+          title="Trusted by Industry Leaders"
+          description="Partnering with innovative companies that trust my expertise"
+          tag="Clients"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          names={[
+            "Acme Corporation",            "TechFlow Solutions",            "Innovate Inc",            "CloudSync Systems",            "DataVault Pro",            "NeuralNet AI",            "VelocityScale",            "PrismLabs"
+          ]}
+          speed={40}
+          showCard={true}
+        />
+      </div>
+
       <div id="features" data-section="features">
         <FeatureCardSeven
           title="Featured Work"
@@ -222,4 +238,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}