diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 35062fc..1b2efa4 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -26,63 +26,69 @@ export default function BlogPage() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <NavbarStyleCentered
-                    brandName="Kvitok"
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "Shop", id: "shop" },
-                        { name: "About Us", id: "about" },
-                        { name: "Reviews", id: "reviews" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                    button={{ text: "Order Now", href: "shop" }}
-                />
-
-                {isLoading ? (
-                    <div className="w-content-width mx-auto py-20 text-center">
-                        <p className="text-foreground">Loading posts...</p>
-                    </div>
-                ) : (
-                    <BlogCardThree
-                        blogs={posts}
-                        title="From Our Blog"
-                        description="Discover the latest stories, tips, and inspiration from the world of Kvitok."
-                        tag="Insights"
-                        tagIcon={BookOpen}
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                        carouselMode="buttons"
+                <div id="nav" data-section="nav">
+                    <NavbarStyleCentered
+                        brandName="Kvitok"
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "About Us", id: "/#about" },
+                            { name: "Reviews", id: "/#reviews" },
+                            { name: "Contact", id: "/#contact" },
+                        ]}
+                        button={{ text: "Order Now", href: "/shop" }}
                     />
-                )}
+                </div>
 
-                <FooterSimple
-                    columns={[
-                        {
-                            title: "Shop",                            items: [
-                                { label: "Bouquets", href: "shop" },
-                                { label: "Occasions", href: "shop" },
-                                { label: "Seasonal", href: "shop" },
-                            ],
-                        },
-                        {
-                            title: "About",                            items: [
-                                { label: "Our Story", href: "about" },
-                                { label: "Our Team", href: "about" },
-                                { label: "FAQ", href: "reviews" },
-                            ],
-                        },
-                        {
-                            title: "Connect",                            items: [
-                                { label: "Contact Us", href: "contact" },
-                                { label: "Instagram", href: "https://instagram.com/kvitok" },
-                                { label: "Facebook", href: "https://facebook.com/kvitok" },
-                            ],
-                        },
-                    ]}
-                    bottomLeftText="© 2024 Kvitok. All rights reserved."
-                    bottomRightText="Handcrafted with Love"
-                />
+                <div id="blog" data-section="blog">
+                    {isLoading ? (
+                        <div className="w-content-width mx-auto py-20 text-center">
+                            <p className="text-foreground">Loading posts...</p>
+                        </div>
+                    ) : (
+                        <BlogCardThree
+                            blogs={posts}
+                            title="From Our Blog"
+                            description="Discover the latest stories, tips, and inspiration from the world of Kvitok."
+                            tag="Insights"
+                            tagIcon={BookOpen}
+                            animationType="slide-up"
+                            textboxLayout="default"
+                            useInvertedBackground={false}
+                            carouselMode="buttons"
+                        />
+                    )}
+                </div>
+
+                <div id="footer" data-section="footer">
+                    <FooterSimple
+                        columns={[
+                            {
+                                title: "Shop",                                items: [
+                                    { label: "Bouquets", href: "/shop" },
+                                    { label: "Occasions", href: "/shop" },
+                                    { label: "Seasonal", href: "/shop" },
+                                ],
+                            },
+                            {
+                                title: "About",                                items: [
+                                    { label: "Our Story", href: "/#about" },
+                                    { label: "Our Team", href: "/#about" },
+                                    { label: "FAQ", href: "/#reviews" },
+                                ],
+                            },
+                            {
+                                title: "Connect",                                items: [
+                                    { label: "Contact Us", href: "/#contact" },
+                                    { label: "Instagram", href: "https://instagram.com/kvitok" },
+                                    { label: "Facebook", href: "https://facebook.com/kvitok" },
+                                ],
+                            },
+                        ]}
+                        bottomLeftText="© 2024 Kvitok. All rights reserved."
+                        bottomRightText="Handcrafted with Love"
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0ae7bd4..b305b79 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,13 +29,13 @@ export default function LandingPage() {
         <NavbarStyleCentered 
           brandName="Kvitok"
           navItems={[
-            {name: "Home", id: "home"},
-            {name: "Shop", id: "shop"},
+            {name: "Home", id: "hero"},
+            {name: "Shop", id: "/shop"},
             {name: "About Us", id: "about"},
             {name: "Reviews", id: "reviews"},
             {name: "Contact", id: "contact"}
           ]}
-          button={{text: "Order Now", href: "shop"}}
+          button={{text: "Order Now", href: "/shop"}}
         />
       </div>
 
@@ -43,11 +43,11 @@ export default function LandingPage() {
         <HeroLogoBillboard 
           logoText="Kvitok"
           description="Your local flower haven, where every bloom tells a story. Fresh, exquisite floral arrangements for every occasion."
-          buttons={[{text: "Shop Now", href: "shop"}, {text: "Our Story", href: "about"}]}
+          buttons={[{text: "Shop Now", href: "/shop"}, {text: "Our Story", href: "about"}]}
           background={{variant: "radial-gradient"}}
           imageSrc="https://img.b2bpic.net/free-photo/top-view-white-color-calla-lilies-gladiolus-with-dark-purple-iris-pink-roses-alstroemeria-flowers-palm-leaf-green-wooden-background-with-copy-space_141793-7983.jpg"
           imageAlt="A beautiful bouquet of fresh flowers in a vibrant setting"
-          mediaAnimation="entrance-slide"
+          mediaAnimation="slide-up"
           frameStyle="card"
         />
       </div>
@@ -134,7 +134,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-flower-shop_23-2149247584.jpg"
           imageAlt="Florist arranging flowers in a beautiful shop"
-          mediaAnimation="entrance-slide"
+          mediaAnimation="slide-up"
           mediaPosition="right"
           buttonText="Send Message"
           onSubmit={(data) => console.log(data)}
@@ -144,7 +144,7 @@ export default function LandingPage() {
       <div id="footer" data-section="footer">
         <FooterSimple 
           columns={[
-            {title: "Shop", items: [{label: "Bouquets", href: "shop"}, {label: "Occasions", href: "shop"}, {label: "Seasonal", href: "shop"}]},
+            {title: "Shop", items: [{label: "Bouquets", href: "/shop"}, {label: "Occasions", href: "/shop"}, {label: "Seasonal", href: "/shop"}]},
             {title: "About", items: [{label: "Our Story", href: "about"}, {label: "Our Team", href: "about"}, {label: "FAQ", href: "reviews"}]},
             {title: "Connect", items: [{label: "Contact Us", href: "contact"}, {label: "Instagram", href: "https://instagram.com/kvitok"}, {label: "Facebook", href: "https://facebook.com/kvitok"}]}
           ]}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 24f19a2..10066ea 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -81,28 +81,30 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleCentered
                             brandName="Kvitok"
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "shop" },
-                                { name: "About Us", id: "about" },
-                                { name: "Reviews", id: "reviews" },
-                                { name: "Contact", id: "contact" },
+                                { name: "Shop", id: "/shop" },
+                                { name: "About Us", id: "/#about" },
+                                { name: "Reviews", id: "/#reviews" },
+                                { name: "Contact", id: "/#contact" },
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
-                    <main className="min-h-screen flex items-center justify-center pt-20">
-                        <p className="text-foreground">Loading product...</p>
-                    </main>
+                    <div id="product-detail-card" data-section="product-detail-card">
+                        <main className="min-h-screen flex items-center justify-center pt-20">
+                            <p className="text-foreground">Loading product...</p>
+                        </main>
+                    </div>
                     <div id="footer" data-section="footer">
                         <FooterSimple
                             columns={[
-                                { title: "Shop", items: [{ label: "Bouquets", href: "shop" }, { label: "Occasions", href: "shop" }, { label: "Seasonal", href: "shop" }] },
-                                { title: "About", items: [{ label: "Our Story", href: "about" }, { label: "Our Team", href: "about" }, { label: "FAQ", href: "reviews" }] },
-                                { title: "Connect", items: [{ label: "Contact Us", href: "contact" }, { label: "Instagram", href: "https://instagram.com/kvitok" }, { label: "Facebook", href: "https://facebook.com/kvitok" }] }
+                                { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Occasions", href: "/shop" }, { label: "Seasonal", href: "/shop" }] },
+                                { title: "About", items: [{ label: "Our Story", href: "/#about" }, { label: "Our Team", href: "/#about" }, { label: "FAQ", href: "/#reviews" }] },
+                                { title: "Connect", items: [{ label: "Contact Us", href: "/#contact" }, { label: "Instagram", href: "https://instagram.com/kvitok" }, { label: "Facebook", href: "https://facebook.com/kvitok" }] }
                             ]}
                             bottomLeftText="© 2024 Kvitok. All rights reserved."
                             bottomRightText="Handcrafted with Love"
@@ -128,36 +130,38 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleCentered
                             brandName="Kvitok"
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "shop" },
-                                { name: "About Us", id: "about" },
-                                { name: "Reviews", id: "reviews" },
-                                { name: "Contact", id: "contact" },
+                                { name: "Shop", id: "/shop" },
+                                { name: "About Us", id: "/#about" },
+                                { name: "Reviews", id: "/#reviews" },
+                                { name: "Contact", id: "/#contact" },
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
-                    <main className="min-h-screen flex items-center justify-center pt-20">
-                        <div className="text-center">
-                            <p className="text-foreground mb-4">Product not found</p>
-                            <button
-                                onClick={() => router.push("/shop")}
-                                className="primary-button px-6 py-2 rounded-theme"
-                            >
-                                Back to Shop
-                            </button>
-                        </div>
-                    </main>
+                    <div id="product-detail-card" data-section="product-detail-card">
+                        <main className="min-h-screen flex items-center justify-center pt-20">
+                            <div className="text-center">
+                                <p className="text-foreground mb-4">Product not found</p>
+                                <button
+                                    onClick={() => router.push("/shop")}
+                                    className="primary-button px-6 py-2 rounded-theme"
+                                >
+                                    Back to Shop
+                                </button>
+                            </div>
+                        </main>
+                    </div>
                     <div id="footer" data-section="footer">
                         <FooterSimple
                             columns={[
-                                { title: "Shop", items: [{ label: "Bouquets", href: "shop" }, { label: "Occasions", href: "shop" }, { label: "Seasonal", href: "shop" }] },
-                                { title: "About", items: [{ label: "Our Story", href: "about" }, { label: "Our Team", href: "about" }, { label: "FAQ", href: "reviews" }] },
-                                { title: "Connect", items: [{ label: "Contact Us", href: "contact" }, { label: "Instagram", href: "https://instagram.com/kvitok" }, { label: "Facebook", href: "https://facebook.com/kvitok" }] }
+                                { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Occasions", href: "/shop" }, { label: "Seasonal", href: "/shop" }] },
+                                { title: "About", items: [{ label: "Our Story", href: "/#about" }, { label: "Our Team", href: "/#about" }, { label: "FAQ", href: "/#reviews" }] },
+                                { title: "Connect", items: [{ label: "Contact Us", href: "/#contact" }, { label: "Instagram", href: "https://instagram.com/kvitok" }, { label: "Facebook", href: "https://facebook.com/kvitok" }] }
                             ]}
                             bottomLeftText="© 2024 Kvitok. All rights reserved."
                             bottomRightText="Handcrafted with Love"
@@ -182,15 +186,15 @@ export default function ProductPage({ params }: ProductPageProps) {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleCentered
                         brandName="Kvitok"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Shop", id: "shop" },
-                            { name: "About Us", id: "about" },
-                            { name: "Reviews", id: "reviews" },
-                            { name: "Contact", id: "contact" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "About Us", id: "/#about" },
+                            { name: "Reviews", id: "/#reviews" },
+                            { name: "Contact", id: "/#contact" },
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -234,9 +238,9 @@ export default function ProductPage({ params }: ProductPageProps) {
                 <div id="footer" data-section="footer">
                     <FooterSimple
                         columns={[
-                            { title: "Shop", items: [{ label: "Bouquets", href: "shop" }, { label: "Occasions", href: "shop" }, { label: "Seasonal", href: "shop" }] },
-                            { title: "About", items: [{ label: "Our Story", href: "about" }, { label: "Our Team", href: "about" }, { label: "FAQ", href: "reviews" }] },
-                            { title: "Connect", items: [{ label: "Contact Us", href: "contact" }, { label: "Instagram", href: "https://instagram.com/kvitok" }, { label: "Facebook", href: "https://facebook.com/kvitok" }] }
+                            { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Occasions", href: "/shop" }, { label: "Seasonal", href: "/shop" }] },
+                            { title: "About", items: [{ label: "Our Story", href: "/#about" }, { label: "Our Team", href: "/#about" }, { label: "FAQ", href: "/#reviews" }] },
+                            { title: "Connect", items: [{ label: "Contact Us", href: "/#contact" }, { label: "Instagram", href: "https://instagram.com/kvitok" }, { label: "Facebook", href: "https://facebook.com/kvitok" }] }
                         ]}
                         bottomLeftText="© 2024 Kvitok. All rights reserved."
                         bottomRightText="Handcrafted with Love"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 7f9d0f6..2a876be 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -56,28 +56,30 @@ export default function ShopPage() {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleCentered
                             brandName="Kvitok"
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "shop" },
-                                { name: "About Us", id: "about" },
-                                { name: "Reviews", id: "reviews" },
-                                { name: "Contact", id: "contact" },
+                                { name: "Shop", id: "/shop" },
+                                { name: "About Us", id: "/#about" },
+                                { name: "Reviews", id: "/#reviews" },
+                                { name: "Contact", id: "/#contact" },
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
-                    <main className="min-h-screen flex items-center justify-center pt-20">
-                        <p className="text-foreground">Loading products...</p>
-                    </main>
+                    <div id="product-catalog" data-section="product-catalog">
+                        <main className="min-h-screen flex items-center justify-center pt-20">
+                            <p className="text-foreground">Loading products...</p>
+                        </main>
+                    </div>
                     <div id="footer" data-section="footer">
                         <FooterSimple
                             columns={[
-                                { title: "Shop", items: [{ label: "Bouquets", href: "shop" }, { label: "Occasions", href: "shop" }, { label: "Seasonal", href: "shop" }] },
-                                { title: "About", items: [{ label: "Our Story", href: "about" }, { label: "Our Team", href: "about" }, { label: "FAQ", href: "reviews" }] },
-                                { title: "Connect", items: [{ label: "Contact Us", href: "contact" }, { label: "Instagram", href: "https://instagram.com/kvitok" }, { label: "Facebook", href: "https://facebook.com/kvitok" }] }
+                                { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Occasions", href: "/shop" }, { label: "Seasonal", href: "/shop" }] },
+                                { title: "About", items: [{ label: "Our Story", href: "/#about" }, { label: "Our Team", href: "/#about" }, { label: "FAQ", href: "/#reviews" }] },
+                                { title: "Connect", items: [{ label: "Contact Us", href: "/#contact" }, { label: "Instagram", href: "https://instagram.com/kvitok" }, { label: "Facebook", href: "https://facebook.com/kvitok" }] }
                             ]}
                             bottomLeftText="© 2024 Kvitok. All rights reserved."
                             bottomRightText="Handcrafted with Love"
@@ -102,15 +104,15 @@ export default function ShopPage() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleCentered
                         brandName="Kvitok"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Shop", id: "shop" },
-                            { name: "About Us", id: "about" },
-                            { name: "Reviews", id: "reviews" },
-                            { name: "Contact", id: "contact" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "About Us", id: "/#about" },
+                            { name: "Reviews", id: "/#reviews" },
+                            { name: "Contact", id: "/#contact" },
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -144,9 +146,9 @@ export default function ShopPage() {
                 <div id="footer" data-section="footer">
                     <FooterSimple
                         columns={[
-                            { title: "Shop", items: [{ label: "Bouquets", href: "shop" }, { label: "Occasions", href: "shop" }, { label: "Seasonal", href: "shop" }] },
-                            { title: "About", items: [{ label: "Our Story", href: "about" }, { label: "Our Team", href: "about" }, { label: "FAQ", href: "reviews" }] },
-                            { title: "Connect", items: [{ label: "Contact Us", href: "contact" }, { label: "Instagram", href: "https://instagram.com/kvitok" }, { label: "Facebook", href: "https://facebook.com/kvitok" }] }
+                            { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Occasions", href: "/shop" }, { label: "Seasonal", href: "/shop" }] },
+                            { title: "About", items: [{ label: "Our Story", href: "/#about" }, { label: "Our Team", href: "/#about" }, { label: "FAQ", href: "/#reviews" }] },
+                            { title: "Connect", items: [{ label: "Contact Us", href: "/#contact" }, { label: "Instagram", href: "https://instagram.com/kvitok" }, { label: "Facebook", href: "https://facebook.com/kvitok" }] }
                         ]}
                         bottomLeftText="© 2024 Kvitok. All rights reserved."
                         bottomRightText="Handcrafted with Love"