diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index dc8f42f..4b5aab6 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -28,10 +28,10 @@ export default function BlogPage() {
                 <NavbarStyleFullscreen
                     navItems={[
                         { name: "Home", id: "/" },
-                        { name: "Services", id: "services" },
-                        { name: "About", id: "about" },
-                        { name: "Reviews", id: "reviews" },
-                        { name: "Contact", id: "contact" },
+                        { name: "Services", id: "/#features" },
+                        { name: "About", id: "/#about" },
+                        { name: "Reviews", id: "/#testimonials" },
+                        { name: "Contact", id: "/#contact" },
                     ]}
                     brandName="Roofing Repair Guy"
                     bottomLeftText="Serving Aurora, IL"
@@ -58,22 +58,21 @@ export default function BlogPage() {
                     columns={[
                         {
                             title: "Services",                            items: [
-                                { label: "Roof Repair", href: "#services" },
-                                { label: "Roof Replacement", href: "#services" },
-                                { label: "Inspections", href: "#services" },
+                                { label: "Roof Repair", href: "/#features" },
+                                { label: "Roof Replacement", href: "/#features" },
+                                { label: "Inspections", href: "/#features" },
                             ],
                         },
                         {
                             title: "Company",                            items: [
-                                { label: "About Us", href: "#about" },
-                                { label: "Reviews", href: "#testimonials" },
-                                { label: "Contact", href: "#contact" },
+                                { label: "About Us", href: "/#about" },
+                                { label: "Reviews", href: "/#testimonials" },
+                                { label: "Contact", href: "/#contact" },
                             ],
                         },
                     ]}
                     logoText="Roofing Repair Guy"
                     copyrightText="© 2024 Roofing Repair Guy Contractors. All rights reserved."
-                    useInvertedBackground={false}
                 />
             </ReactLenis>
         </ThemeProvider>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e711f5b..63dc702 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,10 +28,10 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "Services", id: "services" },
+            { name: "Home", id: "hero" },
+            { name: "Services", id: "features" },
             { name: "About", id: "about" },
-            { name: "Reviews", id: "reviews" },
+            { name: "Reviews", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
           brandName="Roofing Repair Guy"
@@ -44,7 +44,7 @@ export default function LandingPage() {
         <HeroSplit
           title="Trusted Roofing Repair & Replacement in Aurora, IL"
           description="With 5-star service and over 29 years of experience, Roofing Repair Guy delivers exceptional quality and reliability for your home's needs."
-          background={{ variant: "aurora" }}
+          background={{ variant: "sparkles-gradient" }}
           buttons={[
             { text: "Get a Free Estimate", href: "#contact" },
             { text: "Our Services", href: "#services" }
@@ -80,8 +80,8 @@ export default function LandingPage() {
           title="Our Comprehensive Roofing Services"
           description="From minor repairs to full roof replacements, we've got you covered."
           features={[
-            { id: 1, title: "Emergency Roof Repair", description: "Rapid response for urgent roof damage, leaks, and storm-related issues to protect your home.", imageSrc: "https://img.b2bpic.net/free-vector/roof-repair-logo-templates-collection_1284-999.jpg?_wi=1", imageAlt: "Icon depicting roof repair" },
-            { id: 2, title: "Full Roof Replacement", description: "Expert installation of new roofing systems, ensuring durability and energy efficiency for years to come.", imageSrc: "https://img.b2bpic.net/free-vector/roof-repair-logo-templates-collection_1284-999.jpg?_wi=2", imageAlt: "Icon depicting roof replacement" },
+            { id: 1, title: "Emergency Roof Repair", description: "Rapid response for urgent roof damage, leaks, and storm-related issues to protect your home.", imageSrc: "https://img.b2bpic.net/free-vector/roof-repair-logo-templates-collection_1284-999.jpg", imageAlt: "Icon depicting roof repair" },
+            { id: 2, title: "Full Roof Replacement", description: "Expert installation of new roofing systems, ensuring durability and energy efficiency for years to come.", imageSrc: "https://img.b2bpic.net/free-vector/roof-repair-logo-templates-collection_1284-999.jpg", imageAlt: "Icon depicting roof replacement" },
             { id: 3, title: "Thorough Roof Inspections", description: "Detailed assessments to identify potential problems, provide preventative maintenance, and extend your roof's lifespan.", imageSrc: "https://img.b2bpic.net/free-vector/divorce-mediation-onboarding-screens_23-2148592679.jpg", imageAlt: "Icon depicting roof inspection" }
           ]}
           textboxLayout="default"
@@ -97,13 +97,14 @@ export default function LandingPage() {
           description="Hear directly from satisfied homeowners about their experience with our roofing services."
           testimonials={[
             { id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Aurora, IL", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
-            { id: "2", name: "Michael Chen", role: "Property Manager", company: "Aurora, IL", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1" },
+            { id: "2", name: "Michael Chen", role: "Property Manager", company: "Aurora, IL", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg" },
             { id: "3", name: "Emily Rodriguez", role: "Local Business Owner", company: "Aurora, IL", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg" },
-            { id: "4", name: "David Kim", role: "Homeowner", company: "Aurora, IL", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2" }
+            { id: "4", name: "David Kim", role: "Homeowner", company: "Aurora, IL", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg" }
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           useInvertedBackground={false}
+          textboxLayout="default"
         />
       </div>
 
@@ -142,9 +143,9 @@ export default function LandingPage() {
         <FooterBase
           columns={[
             { title: "Services", items: [
-              { label: "Roof Repair", href: "#services" },
-              { label: "Roof Replacement", href: "#services" },
-              { label: "Inspections", href: "#services" }
+              { label: "Roof Repair", href: "#features" },
+              { label: "Roof Replacement", href: "#features" },
+              { label: "Inspections", href: "#features" }
             ]},
             { title: "Company", items: [
               { label: "About Us", href: "#about" },
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 354ec3f..7492288 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -103,10 +103,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterBase
-                            columns={[{ "title": "Services", "items": [{ "label": "Roof Repair", "href": "#services" }, { "label": "Roof Replacement", "href": "#services" }, { "label": "Inspections", "href": "#services" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Reviews", "href": "#testimonials" }, { "label": "Contact", "href": "#contact" }] }]}
+                            columns={[{ "title": "Services", "items": [{ "label": "Roof Repair", "href": "/#features" }, { "label": "Roof Replacement", "href": "/#features" }, { "label": "Inspections", "href": "/#features" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "/#about" }, { "label": "Reviews", "href": "/#testimonials" }, { "label": "Contact", "href": "/#contact" }] }]}
                             logoText="Roofing Repair Guy"
                             copyrightText="© 2024 Roofing Repair Guy Contractors. All rights reserved."
-                            useInvertedBackground={false}
                         />
                     </div>
                 </ReactLenis>
@@ -151,10 +150,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                     </main>
                     <div id="footer" data-section="footer">
                          <FooterBase
-                            columns={[{ "title": "Services", "items": [{ "label": "Roof Repair", "href": "#services" }, { "label": "Roof Replacement", "href": "#services" }, { "label": "Inspections", "href": "#services" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Reviews", "href": "#testimonials" }, { "label": "Contact", "href": "#contact" }] }]}
+                            columns={[{ "title": "Services", "items": [{ "label": "Roof Repair", "href": "/#features" }, { "label": "Roof Replacement", "href": "/#features" }, { "label": "Inspections", "href": "/#features" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "/#about" }, { "label": "Reviews", "href": "/#testimonials" }, { "label": "Contact", "href": "/#contact" }] }]}
                             logoText="Roofing Repair Guy"
                             copyrightText="© 2024 Roofing Repair Guy Contractors. All rights reserved."
-                            useInvertedBackground={false}
                         />
                     </div>
                 </ReactLenis>
@@ -223,10 +221,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                 </div>
                  <div id="footer" data-section="footer">
                     <FooterBase
-                        columns={[{ "title": "Services", "items": [{ "label": "Roof Repair", "href": "#services" }, { "label": "Roof Replacement", "href": "#services" }, { "label": "Inspections", "href": "#services" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Reviews", "href": "#testimonials" }, { "label": "Contact", "href": "#contact" }] }]}
+                        columns={[{ "title": "Services", "items": [{ "label": "Roof Repair", "href": "/#features" }, { "label": "Roof Replacement", "href": "/#features" }, { "label": "Inspections", "href": "/#features" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "/#about" }, { "label": "Reviews", "href": "/#testimonials" }, { "label": "Contact", "href": "/#contact" }] }]}
                         logoText="Roofing Repair Guy"
                         copyrightText="© 2024 Roofing Repair Guy Contractors. All rights reserved."
-                        useInvertedBackground={false}
                     />
                 </div>
             </ReactLenis>
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index e9e860f..278e05e 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -70,10 +70,9 @@ function ShopPageContent() {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterBase
-                            columns={[{ "title": "Services", "items": [{ "label": "Roof Repair", "href": "#services" }, { "label": "Roof Replacement", "href": "#services" }, { "label": "Inspections", "href": "#services" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Reviews", "href": "#testimonials" }, { "label": "Contact", "href": "#contact" }] }]}
+                            columns={[{ "title": "Services", "items": [{ "label": "Roof Repair", "href": "/#features" }, { "label": "Roof Replacement", "href": "/#features" }, { "label": "Inspections", "href": "/#features" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "/#about" }, { "label": "Reviews", "href": "/#testimonials" }, { "label": "Contact", "href": "/#contact" }] }]}
                             logoText="Roofing Repair Guy"
                             copyrightText="© 2024 Roofing Repair Guy Contractors. All rights reserved."
-                            useInvertedBackground={false}
                         />
                     </div>
                 </ReactLenis>
@@ -132,10 +131,9 @@ function ShopPageContent() {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterBase
-                        columns={[{ "title": "Services", "items": [{ "label": "Roof Repair", "href": "#services" }, { "label": "Roof Replacement", "href": "#services" }, { "label": "Inspections", "href": "#services" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Reviews", "href": "#testimonials" }, { "label": "Contact", "href": "#contact" }] }]}
+                        columns={[{ "title": "Services", "items": [{ "label": "Roof Repair", "href": "/#features" }, { "label": "Roof Replacement", "href": "/#features" }, { "label": "Inspections", "href": "/#features" }] }, { "title": "Company", "items": [{ "label": "About Us", "href": "/#about" }, { "label": "Reviews", "href": "/#testimonials" }, { "label": "Contact", "href": "/#contact" }] }]}
                         logoText="Roofing Repair Guy"
                         copyrightText="© 2024 Roofing Repair Guy Contractors. All rights reserved."
-                        useInvertedBackground={false}
                     />
                 </div>
             </ReactLenis>