Update src/app/page.tsx

src/app/page.tsx

@@ -8,6 +8,7 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import {
@@ -49,7 +50,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          navItems={[{ name: "About", id: "about" }, { name: "Services", id: "services" }, { name: "Clients", id: "clients" }, { name: "Contact", id: "contact" }]}
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "#about" }, { name: "Services", id: "#features-detailed" }, { name: "Clients", id: "#clients" }, { name: "Contact", id: "#contact" }]}
           brandName="Pro Studio"
           button={{ text: "Get a Quote", href: "#contact" }}
           className="bg-card/90 backdrop-blur-sm shadow-lg"
@@ -174,6 +175,25 @@ export default function LandingPage() {
           cardDateClassName="text-sm text-foreground/60"
         />
       </div>
+      <div id="clients" data-section="clients">
+        <SocialProofOne
+          title="Our Valued Partners & Clients"
+          description="We've had the privilege to work with a diverse range of clients, helping them tell their stories and achieve their goals."
+          names={[
+            "Creative Minds Agency",            "GlobalTech Solutions",            "Apex Innovations",            "Nexus Games",            "Bloom Skincare",            "FutureForward Consulting",            "Digital Horizon Studios",            "Urban Living Magazine",            "Veridian Dynamics",            "Starlight Entertainment"
+          ]}
+          tag="Clients"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          speed={40}
+          showCard={true}
+          className="py-20 md:py-28 lg:py-36 bg-background-accent"
+          textBoxTitleClassName="text-3xl md:text-5xl font-bold leading-tight"
+          textBoxDescriptionClassName="text-lg max-w-2xl mx-auto"
+          logoTextClassName="text-2xl font-semibold text-foreground/80"
+          logoCardClassName="bg-card/70 backdrop-blur-md"
+        />
+      </div>
       <div id="features-detailed" data-section="features-detailed">
         <FeatureCardTen
           features={[