diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index a2b8a44..6ea7659 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -29,11 +29,11 @@ export default function BlogPage() {
                         brandName="Clear Page"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "About", id: "about" },
-                            { name: "Services", id: "services" },
-                            { name: "Clients", id: "clients" },
-                            { name: "FAQ", id: "faq" },
-                            { name: "Contact", id: "contact" },
+                            { name: "About", id: "/#about" },
+                            { name: "Services", id: "/#services" },
+                            { name: "Clients", id: "/#clients" },
+                            { name: "FAQ", id: "/#faq" },
+                            { name: "Contact", id: "/#contact" },
                         ]}
                     />
                 </div>
@@ -61,22 +61,22 @@ export default function BlogPage() {
                             columns={[
                                 {
                                     title: "Services",                                    items: [
-                                        { label: "Branding", href: "#features" },
-                                        { label: "Web Design", href: "#features" },
-                                        { label: "UX/UI", href: "#features" },
-                                        { label: "Marketing Assets", href: "#features" },
+                                        { 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" },
+                                        { label: "About Us", href: "/#about" },
+                                        { label: "Clients", href: "/#clients" },
+                                        { label: "FAQ", href: "/#faq" },
                                     ],
                                 },
                                 {
                                     title: "Connect",                                    items: [
-                                        { label: "Contact", href: "#contact" },
+                                        { label: "Contact", href: "/#contact" },
                                         { label: "LinkedIn", href: "https://linkedin.com/company/clearpage" },
                                     ],
                                 },
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e688131..2dc0e41 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -43,7 +43,7 @@ export default function LandingPage() {
         <HeroLogoBillboardSplit
           logoText="Clear Page"
           description="We craft compelling digital experiences that captivate audiences and drive results. Your vision, our design expertise."
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Start a Project", href: "#contact" },
             { text: "See Our Work", href: "#services" },
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>
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index e36bf29..aa88c3a 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -56,7 +56,7 @@ function ShopPageContent() {
                 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" }]}
@@ -68,7 +68,7 @@ function ShopPageContent() {
                     </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>
@@ -91,7 +91,7 @@ function ShopPageContent() {
             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" }]}
@@ -126,7 +126,7 @@ function ShopPageContent() {
                 </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>