Update src/app/page.tsx

src/app/page.tsx

@@ -8,7 +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 {
@@ -50,7 +50,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "#about" }, { name: "Services", id: "#features-detailed" }, { name: "Clients", id: "#clients" }, { name: "Contact", id: "#contact" }]}
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "#about" }, { name: "Services", id: "#features-detailed" }, { name: "Clients", id: "/" }, { name: "Contact", id: "#contact" }]}
           brandName="Pro Studio"
           button={{ text: "Get a Quote", href: "#contact" }}
           className="bg-card/90 backdrop-blur-sm shadow-lg"
@@ -78,6 +78,22 @@ export default function LandingPage() {
           tagClassName="text-sm font-semibold text-primary-cta"
           buttonClassName="px-8 py-3 rounded-pill text-lg"
           buttonTextClassName="font-semibold"
+          marqueeItems={[
+            { type: "text", text: "Creative Minds Agency" },
+            { type: "text", text: "GlobalTech Solutions" },
+            { type: "text", text: "Apex Innovations" },
+            { type: "text", text: "Nexus Games" },
+            { type: "text", text: "Bloom Skincare" },
+            { type: "text", text: "FutureForward Consulting" },
+            { type: "text", text: "Digital Horizon Studios" },
+            { type: "text", text: "Urban Living Magazine" },
+            { type: "text", text: "Veridian Dynamics" },
+            { type: "text", text: "Starlight Entertainment" }
+          ]}
+          marqueeSpeed={40}
+          showMarqueeCard={true}
+          marqueeTextClassName="text-2xl font-semibold text-foreground/80"
+          marqueeCardClassName="bg-card/70 backdrop-blur-md"
         />
       </div>
       <div id="about" data-section="about">
@@ -175,25 +191,7 @@ 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={[