diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 5bbb878..f779f4a 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -27,13 +27,13 @@ export default function BlogPage() {
                 <NavbarStyleCentered
                     navItems={[
                         { name: "Home", id: "/" },
-                        { name: "About", id: "about" },
-                        { name: "Bouquets", id: "products" },
-                        { name: "Features", id: "features" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "FAQ", id: "faq" },
+                        { name: "About", id: "/#about" },
+                        { name: "Bouquets", id: "/#products" },
+                        { name: "Features", id: "/#features" },
+                        { name: "Testimonials", id: "/#testimonials" },
+                        { name: "FAQ", id: "/#faq" },
                     ]}
-                    button={{ text: "Contact Us", href: "contact" }}
+                    button={{ text: "Contact Us", href: "/#contact" }}
                     brandName="Klumba"
                 />
 
@@ -58,21 +58,21 @@ export default function BlogPage() {
                     columns={[
                         {
                             title: "Shop",                            items: [
-                                { label: "Bouquets", href: "products" },
-                                { label: "Custom Orders", href: "contact" },
+                                { label: "Bouquets", href: "/#products" },
+                                { label: "Custom Orders", href: "/#contact" },
                                 { label: "Gifts", href: "#" },
                             ],
                         },
                         {
                             title: "Klumba",                            items: [
-                                { label: "Our Story", href: "about" },
-                                { label: "Services", href: "features" },
-                                { label: "FAQ", href: "faq" },
+                                { label: "Our Story", href: "/#about" },
+                                { label: "Services", href: "/#features" },
+                                { label: "FAQ", href: "/#faq" },
                             ],
                         },
                         {
                             title: "Connect",                            items: [
-                                { label: "Contact Us", href: "contact" },
+                                { label: "Contact Us", href: "/#contact" },
                                 { label: "Instagram", href: "https://instagram.com/klumba" },
                                 { label: "Facebook", href: "https://facebook.com/klumba" },
                             ],
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 46c24fd..a1afdbf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -50,7 +50,7 @@ export default function LandingPage() {
           layoutOrder="default"
           imageSrc="https://img.b2bpic.net/free-photo/woman-holds-festive-flower-arrangement-with-bright-chrysanthemum-flowers_169016-51483.jpg"
           imageAlt="Elegant floral arrangement with soft lighting"
-          mediaAnimation="reveal-blur"
+          mediaAnimation="blur-reveal"
           frameStyle="card"
           ariaLabel="Hero section with Klumba logo and floral arrangement"
         />
@@ -67,8 +67,8 @@ export default function LandingPage() {
           tag="Our Story"
           imageSrc="https://img.b2bpic.net/free-photo/lovely-florist-table-flower-shop_23-2147761006.jpg"
           imageAlt="Florist hands arranging a beautiful bouquet"
-          mediaAnimation="reveal-blur"
-          metricsAnimation="reveal-blur"
+          mediaAnimation="blur-reveal"
+          metricsAnimation="blur-reveal"
           ariaLabel="About Klumba flower studio"
         />
       </div>
@@ -84,7 +84,7 @@ export default function LandingPage() {
           tag="Explore"
           textboxLayout="default"
           gridVariant="four-items-2x2-equal-grid"
-          animationType="reveal-blur"
+          animationType="blur-reveal"
           useInvertedBackground={true}
           ariaLabel="Our signature bouquets product section"
         />
@@ -93,7 +93,7 @@ export default function LandingPage() {
         <FeatureCardSixteen
           negativeCard={{ "items": ["Generic mass-produced flowers", "Limited customization options", "Lack of personal touch", "Inconsistent quality"] }}
           positiveCard={{ "items": ["Handcrafted, unique designs", "Fully customizable arrangements", "Passionate, artistic florists", "Guaranteed fresh, high-quality blooms"] }}
-          animationType="reveal-blur"
+          animationType="blur-reveal"
           title="Why Choose Klumba?"
           description="Experience the difference of personalized floral artistry."
           textboxLayout="default"
@@ -115,7 +115,7 @@ export default function LandingPage() {
             { "value": "500+", "label": "Events Beautified" },
             { "value": "100%", "label": "Freshness Guarantee" }
           ]}
-          animationType="reveal-blur"
+          animationType="blur-reveal"
           title="What Our Clients Say"
           description="Hear from those who've experienced the Klumba touch."
           textboxLayout="default"
@@ -135,7 +135,7 @@ export default function LandingPage() {
           description="Got questions? We've got answers."
           textboxLayout="default"
           useInvertedBackground={true}
-          faqsAnimation="reveal-blur"
+          faqsAnimation="blur-reveal"
           ariaLabel="Frequently asked questions about Klumba"
         />
       </div>
@@ -152,7 +152,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           imageSrc="https://img.b2bpic.net/free-photo/flowers-florist-atelier_23-2147761223.jpg"
           imageAlt="Beautiful interior of Klumba flowers studio with fresh flowers and natural light"
-          mediaAnimation="reveal-blur"
+          mediaAnimation="blur-reveal"
           mediaPosition="right"
           buttonText="Send Message"
           ariaLabel="Contact Klumba flower studio"
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 7d7f1c8..e737c92 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -101,7 +101,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterBaseReveal
-                            columns={[{ "title": "Shop", "items": [{ "label": "Bouquets", "href": "products" }, { "label": "Custom Orders", "href": "contact" }, { "label": "Gifts", "href": "#" }] }, { "title": "Klumba", "items": [{ "label": "Our Story", "href": "about" }, { "label": "Services", "href": "features" }, { "label": "FAQ", "href": "faq" }] }, { "title": "Connect", "items": [{ "label": "Contact Us", "href": "contact" }, { "label": "Instagram", "href": "https://instagram.com/klumba" }, { "label": "Facebook", "href": "https://facebook.com/klumba" }] }]}
+                            columns={[{ "title": "Shop", "items": [{ "label": "Bouquets", "href": "/#products" }, { "label": "Custom Orders", "href": "/#contact" }, { "label": "Gifts", "href": "#" }] }, { "title": "Klumba", "items": [{ "label": "Our Story", "href": "/#about" }, { "label": "Services", "href": "/#features" }, { "label": "FAQ", "href": "/#faq" }] }, { "title": "Connect", "items": [{ "label": "Contact Us", "href": "/#contact" }, { "label": "Instagram", "href": "https://instagram.com/klumba" }, { "label": "Facebook", "href": "https://facebook.com/klumba" }] }]}
                             copyrightText="© 2024 Klumba Flowers Studio. All rights reserved."
                             ariaLabel="Footer navigation and copyright information"
                         />
@@ -146,7 +146,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterBaseReveal
-                            columns={[{ "title": "Shop", "items": [{ "label": "Bouquets", "href": "products" }, { "label": "Custom Orders", "href": "contact" }, { "label": "Gifts", "href": "#" }] }, { "title": "Klumba", "items": [{ "label": "Our Story", "href": "about" }, { "label": "Services", "href": "features" }, { "label": "FAQ", "href": "faq" }] }, { "title": "Connect", "items": [{ "label": "Contact Us", "href": "contact" }, { "label": "Instagram", "href": "https://instagram.com/klumba" }, { "label": "Facebook", "href": "https://facebook.com/klumba" }] }]}
+                            columns={[{ "title": "Shop", "items": [{ "label": "Bouquets", "href": "/#products" }, { "label": "Custom Orders", "href": "/#contact" }, { "label": "Gifts", "href": "#" }] }, { "title": "Klumba", "items": [{ "label": "Our Story", "href": "/#about" }, { "label": "Services", "href": "/#features" }, { "label": "FAQ", "href": "/#faq" }] }, { "title": "Connect", "items": [{ "label": "Contact Us", "href": "/#contact" }, { "label": "Instagram", "href": "https://instagram.com/klumba" }, { "label": "Facebook", "href": "https://facebook.com/klumba" }] }]}
                             copyrightText="© 2024 Klumba Flowers Studio. All rights reserved."
                             ariaLabel="Footer navigation and copyright information"
                         />
@@ -215,7 +215,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterBaseReveal
-                        columns={[{ "title": "Shop", "items": [{ "label": "Bouquets", "href": "products" }, { "label": "Custom Orders", "href": "contact" }, { "label": "Gifts", "href": "#" }] }, { "title": "Klumba", "items": [{ "label": "Our Story", "href": "about" }, { "label": "Services", "href": "features" }, { "label": "FAQ", "href": "faq" }] }, { "title": "Connect", "items": [{ "label": "Contact Us", "href": "contact" }, { "label": "Instagram", "href": "https://instagram.com/klumba" }, { "label": "Facebook", "href": "https://facebook.com/klumba" }] }]}
+                        columns={[{ "title": "Shop", "items": [{ "label": "Bouquets", "href": "/#products" }, { "label": "Custom Orders", "href": "/#contact" }, { "label": "Gifts", "href": "#" }] }, { "title": "Klumba", "items": [{ "label": "Our Story", "href": "/#about" }, { "label": "Services", "href": "/#features" }, { "label": "FAQ", "href": "/#faq" }] }, { "title": "Connect", "items": [{ "label": "Contact Us", "href": "/#contact" }, { "label": "Instagram", "href": "https://instagram.com/klumba" }, { "label": "Facebook", "href": "https://facebook.com/klumba" }] }]}
                         copyrightText="© 2024 Klumba Flowers Studio. All rights reserved."
                         ariaLabel="Footer navigation and copyright information"
                     />
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index ba4a2cd..ed45f97 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -68,7 +68,7 @@ export default function ShopPage() {
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterBaseReveal
-                            columns={[{ "title": "Shop", "items": [{ "label": "Bouquets", "href": "products" }, { "label": "Custom Orders", "href": "contact" }, { "label": "Gifts", "href": "#" }] }, { "title": "Klumba", "items": [{ "label": "Our Story", "href": "about" }, { "label": "Services", "href": "features" }, { "label": "FAQ", "href": "faq" }] }, { "title": "Connect", "items": [{ "label": "Contact Us", "href": "contact" }, { "label": "Instagram", "href": "https://instagram.com/klumba" }, { "label": "Facebook", "href": "https://facebook.com/klumba" }] }]}
+                            columns={[{ "title": "Shop", "items": [{ "label": "Bouquets", "href": "/#products" }, { "label": "Custom Orders", "href": "/#contact" }, { "label": "Gifts", "href": "#" }] }, { "title": "Klumba", "items": [{ "label": "Our Story", "href": "/#about" }, { "label": "Services", "href": "/#features" }, { "label": "FAQ", "href": "/#faq" }] }, { "title": "Connect", "items": [{ "label": "Contact Us", "href": "/#contact" }, { "label": "Instagram", "href": "https://instagram.com/klumba" }, { "label": "Facebook", "href": "https://facebook.com/klumba" }] }]}
                             copyrightText="© 2024 Klumba Flowers Studio. All rights reserved."
                             ariaLabel="Footer navigation and copyright information"
                         />
@@ -127,7 +127,7 @@ export default function ShopPage() {
                 </div>
                 <div id="footer" data-section="footer">
                     <FooterBaseReveal
-                        columns={[{ "title": "Shop", "items": [{ "label": "Bouquets", "href": "products" }, { "label": "Custom Orders", "href": "contact" }, { "label": "Gifts", "href": "#" }] }, { "title": "Klumba", "items": [{ "label": "Our Story", "href": "about" }, { "label": "Services", "href": "features" }, { "label": "FAQ", "href": "faq" }] }, { "title": "Connect", "items": [{ "label": "Contact Us", "href": "contact" }, { "label": "Instagram", "href": "https://instagram.com/klumba" }, { "label": "Facebook", "href": "https://facebook.com/klumba" }] }]}
+                        columns={[{ "title": "Shop", "items": [{ "label": "Bouquets", "href": "/#products" }, { "label": "Custom Orders", "href": "/#contact" }, { "label": "Gifts", "href": "#" }] }, { "title": "Klumba", "items": [{ "label": "Our Story", "href": "/#about" }, { "label": "Services", "href": "/#features" }, { "label": "FAQ", "href": "/#faq" }] }, { "title": "Connect", "items": [{ "label": "Contact Us", "href": "/#contact" }, { "label": "Instagram", "href": "https://instagram.com/klumba" }, { "label": "Facebook", "href": "https://facebook.com/klumba" }] }]}
                         copyrightText="© 2024 Klumba Flowers Studio. All rights reserved."
                         ariaLabel="Footer navigation and copyright information"
                     />