Update src/app/shop/page.tsx

Merge version_3 into main

src/app/blog/page.tsx

@@ -31,13 +31,12 @@ export default function BlogPage() {
                 <NavbarLayoutFloatingInline
                     navItems={[
                         { name: "Home", id: "/" },
-                        { name: "About", id: "about" },
+                        { name: "About", id: "#about" },
-                        { name: "Services", id: "services" },
+                        { name: "Services", id: "#features-detailed" },
-                        { name: "Clients", id: "clients" },
+                        { name: "Contact", id: "#contact" },
-                        { name: "Contact", id: "contact" },
                     ]}
                     brandName="Pro Studio"
-                    button={{ text: "Get a Quote", href: "#contact" }}
+                    button={{ text: "Get a Quote", href: "/#contact" }}
                     className="bg-card/90 backdrop-blur-sm shadow-lg"
                     navItemClassName="text-foreground hover:text-primary-cta transition-colors duration-300"
                     buttonClassName="bg-primary-cta text-secondary-cta px-6 py-2 rounded-pill hover:bg-accent hover:text-primary-cta transition-all duration-300"

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 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: "Contact", id: "#contact" }]} 
           brandName="Pro Studio"
           button={{ text: "Get a Quote", href: "#contact" }}
           className="bg-card/90 backdrop-blur-sm shadow-lg"
@@ -77,6 +78,21 @@ 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: "image", src: "https://picsum.photos/id/1018/100/50", alt: "Client Logo 1" },
+            { type: "image", src: "https://picsum.photos/id/1025/100/50", alt: "Client Logo 2" },
+            { type: "image", src: "https://picsum.photos/id/1032/100/50", alt: "Client Logo 3" },
+            { type: "image", src: "https://picsum.photos/id/1035/100/50", alt: "Client Logo 4" },
+            { type: "image", src: "https://picsum.photos/id/1043/100/50", alt: "Client Logo 5" },
+            { type: "image", src: "https://picsum.photos/id/1047/100/50", alt: "Client Logo 6" },
+            { type: "image", src: "https://picsum.photos/id/1049/100/50", alt: "Client Logo 7" },
+            { type: "image", src: "https://picsum.photos/id/106/100/50", alt: "Client Logo 8" },
+            { type: "image", src: "https://picsum.photos/id/107/100/50", alt: "Client Logo 9" },
+            { type: "image", src: "https://picsum.photos/id/108/100/50", alt: "Client Logo 10" }
+          ]}
+          marqueeSpeed={40}
+          showMarqueeCard={false}
+          marqueeImageClassName="max-h-12 w-auto object-contain py-2"
         />
       </div>
       <div id="about" data-section="about">
@@ -174,6 +190,7 @@ export default function LandingPage() {
           cardDateClassName="text-sm text-foreground/60"
         />
       </div>
+      
       <div id="features-detailed" data-section="features-detailed">
         <FeatureCardTen
           features={[

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-raleway), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-raleway), sans-serif;
 }