diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index e71724c..46b220a 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -30,23 +30,26 @@ export default function BlogPage() {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <NavbarStyleApple
-                    brandName="Pinnacle Roofing"
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "Services", id: "services" },
-                        { name: "About", id: "about" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "FAQ", id: "faq" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                />
+                <div id="nav" data-section="nav">
+                  <NavbarStyleApple
+                      brandName="Pinnacle Roofing"
+                      navItems={[
+                          { name: "Home", id: "/" },
+                          { name: "Services", id: "/#services" },
+                          { name: "About", id: "/#about" },
+                          { name: "Testimonials", id: "/#testimonials" },
+                          { name: "FAQ", id: "/#faq" },
+                          { name: "Contact", id: "/#contact" },
+                      ]}
+                  />
+                </div>
 
                 {isLoading ? (
                     <div className="w-content-width mx-auto py-20 text-center">
                         <p className="text-foreground">Loading posts...</p>
                     </div>
                 ) : (
+                  <div id="blog" data-section="blog">
                     <BlogCardOne
                         blogs={posts}
                         title="Latest Articles"
@@ -56,33 +59,36 @@ export default function BlogPage() {
                         useInvertedBackground={false}
                         carouselMode="buttons"
                     />
+                  </div>
                 )}
 
-                <FooterBaseReveal
-                    columns={[
-                        {
-                            title: "Services",                            items: [
-                                { label: "Residential Roofing", href: "#services" },
-                                { label: "Commercial Roofing", href: "#services" },
-                                { label: "Roof Repair", href: "#services" },
-                            ],
-                        },
-                        {
-                            title: "Company",                            items: [
-                                { label: "About Us", href: "#about" },
-                                { label: "Testimonials", href: "#testimonials" },
-                                { label: "Contact Us", href: "#contact" },
-                            ],
-                        },
-                        {
-                            title: "Legal",                            items: [
-                                { label: "Privacy Policy", href: "/privacy" },
-                                { label: "Terms of Service", href: "/terms" },
-                            ],
-                        },
-                    ]}
-                    copyrightText="© 2024 Pinnacle Roofing Company. All rights reserved."
-                />
+                <div id="footer" data-section="footer">
+                  <FooterBaseReveal
+                      columns={[
+                          {
+                              title: "Services",                              items: [
+                                  { label: "Residential Roofing", href: "/#services" },
+                                  { label: "Commercial Roofing", href: "/#services" },
+                                  { label: "Roof Repair", href: "/#services" },
+                              ],
+                          },
+                          {
+                              title: "Company",                              items: [
+                                  { label: "About Us", href: "/#about" },
+                                  { label: "Testimonials", href: "/#testimonials" },
+                                  { label: "Contact Us", href: "/#contact" },
+                              ],
+                          },
+                          {
+                              title: "Legal",                              items: [
+                                  { label: "Privacy Policy", href: "/privacy" },
+                                  { label: "Terms of Service", href: "/terms" },
+                              ],
+                          },
+                      ]}
+                      copyrightText="© 2024 Pinnacle Roofing Company. All rights reserved."
+                  />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2b5d465..1ee8428 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -45,17 +45,17 @@ export default function SitePage() {
             description="Pinnacle Roofing Company delivers unparalleled quality and service for all your residential and commercial roofing needs. Experience the difference of expert craftsmanship."
             background={{ variant: "plain" }}
             tag="Pinnacle Roofing Company"
-            tagAnimation="reveal-blur"
+            tagAnimation="blur-reveal"
             buttons={[
               { text: "Get a Free Estimate", href: "#contact" },
               { text: "Our Services", href: "#services" },
             ]}
-            buttonAnimation="reveal-blur"
+            buttonAnimation="blur-reveal"
             mediaItems={[
               {
                 imageSrc: "https://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg",                imageAlt: "Professional roofer on a residential roof installing shingles"},
               {
-                imageSrc: "https://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg?_wi=1",                imageAlt: "A team of roofers working together on a roof"},
+                imageSrc: "https://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg",                imageAlt: "A team of roofers working together on a roof"},
             ]}
             mediaAnimation="slide-up"
             rating={5}
@@ -74,7 +74,7 @@ export default function SitePage() {
               { title: "Quality Materials", description: "Only the highest-grade, durable materials are used for every project." },
               { title: "Certified Professionals", description: "Our team consists of highly skilled and certified roofing specialists." },
             ]}
-            imageSrc="https://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg?_wi=2"
+            imageSrc="https://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg"
             imageAlt="A team of roofers reviewing blueprints on a construction site"
             mediaAnimation="slide-up"
           />
@@ -163,7 +163,7 @@ export default function SitePage() {
               { text: "Call Us: (847) 380-8547", href: "tel:+18473808547" },
               { text: "Email Us", href: "mailto:info@pinnacleroofing.com" },
             ]}
-            buttonAnimation="reveal-blur"
+            buttonAnimation="blur-reveal"
             background={{ variant: "plain" }}
             useInvertedBackground={false}
             tagIcon={PhoneCall}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 4e26b9b..70db737 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="Pinnacle Roofing"
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -129,7 +129,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                             brandName="Pinnacle Roofing"
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -176,7 +176,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleApple
                         brandName="Pinnacle Roofing"
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 4638099..39a0e23 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -31,7 +31,7 @@ export default function ShopPage() {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                             brandName="Pinnacle Roofing"
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -70,7 +70,7 @@ export default function ShopPage() {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleApple
                         brandName="Pinnacle Roofing"
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}