Update src/app/shop/page.tsx

Merge version_2 into main

src/app/blog/page.tsx

@@ -31,13 +31,13 @@ export default function BlogPage() {
                 <NavbarLayoutFloatingInline
                     navItems={[
                         { name: "Home", id: "/" },
-                        { name: "About", id: "about" },
-                        { name: "Services", id: "services" },
-                        { name: "Clients", id: "clients" },
-                        { name: "Contact", id: "contact" },
+                        { 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" }}
+                    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: "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"
@@ -77,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">
@@ -174,6 +191,7 @@ export default function LandingPage() {
           cardDateClassName="text-sm text-foreground/60"
         />
       </div>
+      
       <div id="features-detailed" data-section="features-detailed">
         <FeatureCardTen
           features={[

src/app/shop/[id]/page.tsx

@@ -94,7 +94,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingInline
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Shop", id: "/shop" },
+                                { name: "Clients", id: "/" }
                             ]}
                             brandName="Pro Studio"
                             className="bg-card/90 backdrop-blur-sm shadow-lg"
@@ -147,7 +148,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingInline
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Shop", id: "/shop" },
+                                { name: "Clients", id: "/" }
                             ]}
                             brandName="Pro Studio"
                             className="bg-card/90 backdrop-blur-sm shadow-lg"
@@ -207,7 +209,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <NavbarLayoutFloatingInline
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Shop", id: "/shop" },
+                            { name: "Clients", id: "/" }
                         ]}
                         brandName="Pro Studio"
                         className="bg-card/90 backdrop-blur-sm shadow-lg"

src/app/shop/page.tsx

@@ -61,7 +61,8 @@ export default function ShopPage() {
                         <NavbarLayoutFloatingInline
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Shop", id: "/shop" },
+                                { name: "Clients", id: "/" }
                             ]}
                             brandName="Pro Studio"
                             className="bg-card/90 backdrop-blur-sm shadow-lg"
@@ -113,7 +114,8 @@ export default function ShopPage() {
                     <NavbarLayoutFloatingInline
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Shop", id: "/shop" },
+                            { name: "Clients", id: "/" }
                         ]}
                         brandName="Pro Studio"
                         className="bg-card/90 backdrop-blur-sm shadow-lg"

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;
 }