diff --git a/src/app/page.tsx b/src/app/page.tsx
index fd9166d..df4bb86 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -91,8 +91,8 @@ export default function LandingPage() {
           animationType="slide-up"
           useInvertedBackground={false}
           textboxLayout="default"
-          titleClassName="text-3xl md:text-5xl font-semibold"
-          descriptionClassName="text-lg"
+          textBoxTitleClassName="text-3xl md:text-5xl font-semibold"
+          textBoxDescriptionClassName="text-lg"
           cardNameClassName="text-xl font-medium"
           cardPriceClassName="text-2xl font-bold text-accent"
         />
@@ -134,8 +134,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Testimonials"
-          titleClassName="text-3xl md:text-5xl font-semibold"
-          descriptionClassName="text-lg"
+          textBoxTitleClassName="text-3xl md:text-5xl font-semibold"
+          textBoxDescriptionClassName="text-lg"
           testimonialTitleClassName="text-2xl font-bold"
           quoteClassName="text-lg italic"
           nameClassName="font-semibold"
@@ -157,8 +157,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={true}
           tag="Our Advantage"
-          titleClassName="text-3xl md:text-5xl font-semibold"
-          descriptionClassName="text-lg"
+          textBoxTitleClassName="text-3xl md:text-5xl font-semibold"
+          textBoxDescriptionClassName="text-lg"
           cardClassName="p-6"
           itemTextClassName="text-lg"
         />
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index c8b71a4..1fbacd4 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -89,7 +89,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="semibold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="Bella Italia"
@@ -131,7 +131,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="semibold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="Bella Italia"
@@ -180,7 +180,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="semibold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                         brandName="Bella Italia"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index aa6375f..700df44 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -31,7 +31,7 @@ export default function ShopPage() {
                 headingFontWeight="semibold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                             brandName="Bella Italia"
@@ -72,7 +72,7 @@ export default function ShopPage() {
             headingFontWeight="semibold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
                         brandName="Bella Italia"