diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index a6eb244..80f1cda 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -27,14 +27,14 @@ export default function BlogPage() {
                     <NavbarLayoutFloatingOverlay
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "About", id: "about" },
-                            { name: "Services", id: "services" },
-                            { name: "Work", id: "work" },
-                            { name: "Team", id: "team" },
-                            { name: "Contact", id: "contact" },
+                            { name: "About", id: "/#about" },
+                            { name: "Services", id: "/#services" },
+                            { name: "Work", id: "/#work" },
+                            { name: "Team", id: "/#team" },
+                            { name: "Contact", id: "/#contact" },
                         ]}
                         brandName="CreativeFlow"
-                        button={{ text: "Get Started", href: "#contact" }}
+                        button={{ text: "Get Started", href: "/#contact" }}
                         className="py-4 px-6 md:px-8 lg:px-12"
                         buttonClassName="px-5 py-2"
                         buttonTextClassName="font-medium"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c59e212..f8d609b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -45,8 +45,8 @@ export default function LandingPage() {
           buttons={[{ text: "Our Work", href: "#work" }, { text: "Get a Quote", href: "#contact" }]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-sleek-modern-digital-dashboard-interfa-1771737884487-b2ab6286.png"
           imageAlt="Abstract tech dashboard interface"
-          tagAnimation="entrance-slide"
-          buttonAnimation="entrance-slide"
+          tagAnimation="slide-up"
+          buttonAnimation="slide-up"
           className="py-16 md:py-24 lg:py-32"
           containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
           textBoxClassName="text-center"
@@ -90,9 +90,9 @@ export default function LandingPage() {
           description="We offer a full spectrum of design and development services to bring your vision to life."
           tag="Services"
           features={[
-            { id: "01", title: "Product Design", description: "From concept to launch, we design intuitive and beautiful products that captivate users.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-professional-3d-render-of-a-futuristic-1771737885691-b9c8f4ea.png?_wi=1" },
-            { id: "02", title: "Software Development", description: "Building robust, scalable, and high-performance software solutions tailored to your needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-clean-laptop-screen-displaying-a-compl-1771737885003-da54267f.png?_wi=1" },
-            { id: "03", title: "Brand Strategy", description: "Crafting compelling brand identities that tell your story and resonate with your audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-stylish-brand-identity-presentation-fo-1771737884921-4cfa8dcb.png?_wi=1" }
+            { id: "01", title: "Product Design", description: "From concept to launch, we design intuitive and beautiful products that captivate users.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-professional-3d-render-of-a-futuristic-1771737885691-b9c8f4ea.png" },
+            { id: "02", title: "Software Development", description: "Building robust, scalable, and high-performance software solutions tailored to your needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-clean-laptop-screen-displaying-a-compl-1771737885003-da54267f.png" },
+            { id: "03", title: "Brand Strategy", description: "Crafting compelling brand identities that tell your story and resonate with your audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-stylish-brand-identity-presentation-fo-1771737884921-4cfa8dcb.png" }
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -101,8 +101,8 @@ export default function LandingPage() {
           className="py-16 md:py-24 lg:py-32"
           containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
           textBoxClassName="text-center"
-          titleClassName="text-3xl sm:text-4xl font-bold"
-          descriptionClassName="mt-4 text-lg text-foreground/70"
+          textBoxTitleClassName="text-3xl sm:text-4xl font-bold"
+          textBoxDescriptionClassName="mt-4 text-lg text-foreground/70"
           cardClassName="h-full"
           cardTitleClassName="text-xl font-semibold"
           cardDescriptionClassName="text-base text-foreground/60"
@@ -115,9 +115,9 @@ export default function LandingPage() {
           description="Explore a selection of our recent projects and see the impact of our design and development."
           tag="Portfolio"
           products={[
-            { id: "1", name: "AI Analytics Dashboard", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-professional-3d-render-of-a-futuristic-1771737885691-b9c8f4ea.png?_wi=2", onProductClick: () => console.log('AI Analytics Dashboard clicked') },
-            { id: "2", name: "E-commerce Platform Redesign", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-clean-laptop-screen-displaying-a-compl-1771737885003-da54267f.png?_wi=2", onProductClick: () => console.log('E-commerce Platform Redesign clicked') },
-            { id: "3", name: "Mobile App for Fintech", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-stylish-brand-identity-presentation-fo-1771737884921-4cfa8dcb.png?_wi=2", onProductClick: () => console.log('Mobile App for Fintech clicked') }
+            { id: "1", name: "AI Analytics Dashboard", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-professional-3d-render-of-a-futuristic-1771737885691-b9c8f4ea.png", onProductClick: () => console.log('AI Analytics Dashboard clicked') },
+            { id: "2", name: "E-commerce Platform Redesign", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-clean-laptop-screen-displaying-a-compl-1771737885003-da54267f.png", onProductClick: () => console.log('E-commerce Platform Redesign clicked') },
+            { id: "3", name: "Mobile App for Fintech", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/a-stylish-brand-identity-presentation-fo-1771737884921-4cfa8dcb.png", onProductClick: () => console.log('Mobile App for Fintech clicked') }
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -126,8 +126,8 @@ export default function LandingPage() {
           className="py-16 md:py-24 lg:py-32"
           containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
           textBoxClassName="text-center"
-          titleClassName="text-3xl sm:text-4xl font-bold"
-          descriptionClassName="mt-4 text-lg text-foreground/70"
+          textBoxTitleClassName="text-3xl sm:text-4xl font-bold"
+          textBoxDescriptionClassName="mt-4 text-lg text-foreground/70"
           cardClassName="h-full"
           cardNameClassName="text-xl font-semibold mt-2"
           cardPriceClassName="text-base text-foreground/60"
@@ -151,8 +151,8 @@ export default function LandingPage() {
           className="py-16 md:py-24 lg:py-32"
           containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
           textBoxClassName="text-center"
-          titleClassName="text-3xl sm:text-4xl font-bold"
-          descriptionClassName="mt-4 text-lg text-foreground/70"
+          textBoxTitleClassName="text-3xl sm:text-4xl font-bold"
+          textBoxDescriptionClassName="mt-4 text-lg text-foreground/70"
           nameClassName="text-2xl font-medium mt-4"
           roleClassName="text-base text-foreground/60"
         />
@@ -174,8 +174,8 @@ export default function LandingPage() {
           className="py-16 md:py-24 lg:py-32"
           containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
           textBoxClassName="text-center"
-          titleClassName="text-3xl sm:text-4xl font-bold"
-          descriptionClassName="mt-4 text-lg text-foreground/70"
+          textBoxTitleClassName="text-3xl sm:text-4xl font-bold"
+          textBoxDescriptionClassName="mt-4 text-lg text-foreground/70"
           quoteCardClassName="p-8 bg-card rounded-xl shadow-lg"
           testimonialTitleClassName="text-2xl font-semibold mb-4"
           quoteClassName="text-lg italic text-foreground/80 mb-6"
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index ad99db6..1a3c2a3 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -93,7 +93,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         navItems={navItems}
                         brandName="CreativeFlow"
@@ -129,7 +129,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
                             navItems={navItems}
                             brandName="CreativeFlow"
@@ -172,7 +172,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
                     navItems={navItems}
                     brandName="CreativeFlow"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 9bbc434..1a2212e 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -60,7 +60,7 @@ function ShopPageContent() {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         navItems={navItems}
                         brandName="CreativeFlow"
@@ -95,7 +95,7 @@ function ShopPageContent() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
                     navItems={navItems}
                     brandName="CreativeFlow"