diff --git a/src/app/page.tsx b/src/app/page.tsx
index a1da690..b164bb4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,15 +31,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",          id: "hero",          href: "#hero"},
+          name: "Home",          id: "hero"},
         {
-          name: "Shop",          id: "products",          href: "#products"},
+          name: "Shop",          id: "products"},
         {
-          name: "About Us",          id: "about",          href: "#about"},
+          name: "About Us",          id: "about"},
         {
-          name: "Features",          id: "features",          href: "#features"},
+          name: "Features",          id: "features"},
         {
-          name: "Testimonials",          id: "testimonials",          href: "#testimonials"},
+          name: "Testimonials",          id: "testimonials"},
       ]}
       button={{
         text: "Shop Now",        href: "#products"}}
@@ -78,12 +78,13 @@ export default function LandingPage() {
           title: "Sustainable Practices",          description: "Shop with confidence knowing our production methods prioritize environmental responsibility."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/young-adult-organizing-their-knitting-products_23-2149397752.jpg"
-      mediaAnimation="entrance-slide"
+      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureBorderGlow
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
@@ -107,6 +108,7 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardOne
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
@@ -127,6 +129,7 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[