diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index ff81850..c7cc979 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -89,7 +89,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                             brandName="Clear Page"
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -101,7 +101,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterBaseReveal 
-                            columns={[{ "title": "Services", "items": [{ "label": "Branding", "href": "#features" }, { "label": "Web Design", "href": "#features" }, { "label": "UX/UI", "href": "#features" }, { "label": "Marketing Assets", "href": "#features" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Clients", "href": "#clients" }, { "label": "FAQ", "href": "#faq" }] }, { "title": "Connect", "items": [{ "label": "Contact", "href": "#contact" }, { "label": "LinkedIn", "href": "https://linkedin.com/company/clearpage" }] }]}
+                            columns={[{ "title": "Services", "items": [{ "label": "Branding", "href": "/#services" }, { "label": "Web Design", "href": "/#services" }, { "label": "UX/UI", "href": "/#services" }, { "label": "Marketing Assets", "href": "/#services" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "/#about" }, { "label": "Clients", "href": "/#clients" }, { "label": "FAQ", "href": "/#faq" }] }, { "title": "Connect", "items": [{ "label": "Contact", "href": "/#contact" }, { "label": "LinkedIn", "href": "https://linkedin.com/company/clearpage" }] }]}
                             copyrightText="© 2024 Clear Page. All rights reserved."
                         />
                     </div>
@@ -125,7 +125,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                             brandName="Clear Page"
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -145,7 +145,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterBaseReveal 
-                            columns={[{ "title": "Services", "items": [{ "label": "Branding", "href": "#features" }, { "label": "Web Design", "href": "#features" }, { "label": "UX/UI", "href": "#features" }, { "label": "Marketing Assets", "href": "#features" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Clients", "href": "#clients" }, { "label": "FAQ", "href": "#faq" }] }, { "title": "Connect", "items": [{ "label": "Contact", "href": "#contact" }, { "label": "LinkedIn", "href": "https://linkedin.com/company/clearpage" }] }]}
+                            columns={[{ "title": "Services", "items": [{ "label": "Branding", "href": "/#services" }, { "label": "Web Design", "href": "/#services" }, { "label": "UX/UI", "href": "/#services" }, { "label": "Marketing Assets", "href": "/#services" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "/#about" }, { "label": "Clients", "href": "/#clients" }, { "label": "FAQ", "href": "/#faq" }] }, { "title": "Connect", "items": [{ "label": "Contact", "href": "/#contact" }, { "label": "LinkedIn", "href": "https://linkedin.com/company/clearpage" }] }]}
                             copyrightText="© 2024 Clear Page. All rights reserved."
                         />
                     </div>
@@ -168,7 +168,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleApple
                         brandName="Clear Page"
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -213,7 +213,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterBaseReveal 
-                        columns={[{ "title": "Services", "items": [{ "label": "Branding", "href": "#features" }, { "label": "Web Design", "href": "#features" }, { "label": "UX/UI", "href": "#features" }, { "label": "Marketing Assets", "href": "#features" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Clients", "href": "#clients" }, { "label": "FAQ", "href": "#faq" }] }, { "title": "Connect", "items": [{ "label": "Contact", "href": "#contact" }, { "label": "LinkedIn", "href": "https://linkedin.com/company/clearpage" }] }]}
+                        columns={[{ "title": "Services", "items": [{ "label": "Branding", "href": "/#services" }, { "label": "Web Design", "href": "/#services" }, { "label": "UX/UI", "href": "/#services" }, { "label": "Marketing Assets", "href": "/#services" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "/#about" }, { "label": "Clients", "href": "/#clients" }, { "label": "FAQ", "href": "/#faq" }] }, { "title": "Connect", "items": [{ "label": "Contact", "href": "/#contact" }, { "label": "LinkedIn", "href": "https://linkedin.com/company/clearpage" }] }]}
                         copyrightText="© 2024 Clear Page. All rights reserved."
                     />
                 </div>