diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 6fceb88..8d935e9 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -24,20 +24,22 @@ export default function BlogPage() {
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <NavbarStyleFullscreen
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "New Arrivals", id: "products" },
-                        { name: "About Us", id: "about" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "FAQ", id: "faq" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                    brandName="UrbanThreads NYC"
-                    bottomLeftText="New York City"
-                    bottomRightText="Shop@UrbanThreads.com"
-                    topBarClassName="h-20"
-                />
+                <div id="nav" data-section="nav">
+                    <NavbarStyleFullscreen
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "New Arrivals", id: "/#products" },
+                            { name: "About Us", id: "/#about" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "FAQ", id: "/#faq" },
+                            { name: "Contact", id: "/#contact" },
+                        ]}
+                        brandName="UrbanThreads NYC"
+                        bottomLeftText="New York City"
+                        bottomRightText="Shop@UrbanThreads.com"
+                        topBarClassName="h-20"
+                    />
+                </div>
 
                 {isLoading ? (
                     <div className="w-content-width mx-auto py-20 text-center">
@@ -56,12 +58,13 @@ export default function BlogPage() {
                         />
                     </div>
                 )}
-
-                <FooterLogoReveal
-                    logoText="UrbanThreads NYC"
-                    leftLink={{ text: "Privacy Policy", href: "/privacy" }}
-                    rightLink={{ text: "Terms of Service", href: "/terms" }}
-                />
+                <div id="footer" data-section="footer">
+                    <FooterLogoReveal
+                        logoText="UrbanThreads NYC"
+                        leftLink={{ text: "Privacy Policy", href: "/privacy" }}
+                        rightLink={{ text: "Terms of Service", href: "/terms" }}
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index fe940c3..e8dc489 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -38,7 +38,7 @@ export default function LandingPage() {
         <HeroSplitKpi 
           title='Unleash Your Urban Edge.'
           description='Discover the latest streetwear trends and iconic styles, exclusively curated for the New York fashion scene. Elevate your wardrobe with authentic urban apparel.'
-          background={{variant: 'grid'}}
+          background={{variant: 'animated-grid'}}
           kpis={[{value: 'NYC Origin', label: 'Born & Bred'}, {value: '1000+', label: 'Styles Curated'}, {value: 'Daily Drops', label: 'Fresh Arrivals'}]}
           enableKpiAnimation={true}
           buttons={[{text: 'Shop New Arrivals', href: '#products'}, {text: 'Explore Collections', href: '#features'}]}
@@ -58,10 +58,10 @@ export default function LandingPage() {
           useInvertedBackground={false}
           gridVariant='four-items-2x2-equal-grid'
           products={[
-            {id: '1', name: 'Signature Urban Hoodie', price: '$85', variant: 'Black 3 Sizes', imageSrc: 'https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg?_wi=1', imageAlt: 'Black urban hoodie'},
+            {id: '1', name: 'Signature Urban Hoodie', price: '$85', variant: 'Black 3 Sizes', imageSrc: 'https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg', imageAlt: 'Black urban hoodie'},
             {id: '2', name: 'Essential Grey Joggers', price: '$60', variant: 'Grey 4 Sizes', imageSrc: 'https://img.b2bpic.net/free-photo/full-view-male-man-street-look-camera_197531-33432.jpg', imageAlt: 'Grey urban joggers'},
             {id: '3', name: 'NYC Street Art Tee', price: '$45', variant: 'White M L XL', imageSrc: 'https://img.b2bpic.net/free-vector/pride-day-lettering_23-2148514310.jpg', imageAlt: 'Graphic t-shirt with NYC street art'},
-            {id: '4', name: 'Varsity Bomber Jacket', price: '$120', variant: 'Navy S-XL', imageSrc: 'https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg?_wi=2', imageAlt: 'Navy varsity bomber jacket'}
+            {id: '4', name: 'Varsity Bomber Jacket', price: '$120', variant: 'Navy S-XL', imageSrc: 'https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg', imageAlt: 'Navy varsity bomber jacket'}
           ]}
         />
       </div>
@@ -97,7 +97,7 @@ export default function LandingPage() {
       <div id="faq" data-section="faq">
         <FaqBase 
           title='Frequently Asked Questions'
-          description='Got questions about our clothes, sizing, or shipping? We\'ve got answers.'
+          description="Got questions about our clothes, sizing, or shipping? We've got answers."
           faqs={[
             {id: '1', title: 'What is your return policy?', content: 'We offer a 30-day return policy on all unworn items with original tags. Please see our full return policy for more details.'},
             {id: '2', title: 'Do you offer international shipping?', content: 'Currently, we only ship within the United States, with a focus on delivering the best experience to our NYC community. International shipping coming soon!'},
@@ -111,7 +111,7 @@ export default function LandingPage() {
       </div>
       <div id="contact" data-section="contact">
         <ContactText 
-          text='Ready to step up your style game? Connect with UrbanThreads NYC and let\'s define your next look.'
+          text="Ready to step up your style game? Connect with UrbanThreads NYC and let's define your next look."
           animationType='reveal-blur'
           buttons={[{text: 'Get in Touch', href: 'mailto:shop@urbanthreads.com'}, {text: 'Visit Our Store', href: 'https://maps.app.goo.gl/example'}]}
           background={{variant: 'plain'}}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index fe84c86..162816a 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -89,14 +89,13 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="UrbanThreads NYC"
                             bottomLeftText="New York City"
                             bottomRightText="Shop@UrbanThreads.com"
                             topBarClassName="h-20"
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -122,14 +121,13 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="UrbanThreads NYC"
                             bottomLeftText="New York City"
                             bottomRightText="Shop@UrbanThreads.com"
                             topBarClassName="h-20"
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -162,14 +160,13 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                         brandName="UrbanThreads NYC"
                         bottomLeftText="New York City"
                         bottomRightText="Shop@UrbanThreads.com"
                         topBarClassName="h-20"
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
                 </div>
                 <div id="product-detail-card" data-section="product-detail-card">
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 07dee24..82c1b11 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -32,14 +32,13 @@ function ShopPageContent() {
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="UrbanThreads NYC"
                             bottomLeftText="New York City"
                             bottomRightText="Shop@UrbanThreads.com"
                             topBarClassName="h-20"
-                            button={{ text: "Cart", onClick: () => console.log("Cart state not available on this page") }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -64,14 +63,13 @@ function ShopPageContent() {
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                         brandName="UrbanThreads NYC"
                         bottomLeftText="New York City"
                         bottomRightText="Shop@UrbanThreads.com"
                         topBarClassName="h-20"
-                        button={{ text: "Cart", onClick: () => console.log("Cart state not available on this page") }}
                     />
                 </div>
                 <div id="product-catalog" data-section="product-catalog">