diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index ee2a14a..028c573 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -6,6 +6,7 @@ import { useBlogPosts } from "@/hooks/useBlogPosts";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
+import Link from 'next/link';
 
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
diff --git a/src/app/contacts/page.tsx b/src/app/contacts/page.tsx
index 1395c78..2a60ae5 100644
--- a/src/app/contacts/page.tsx
+++ b/src/app/contacts/page.tsx
@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
+import Link from 'next/link';
 
 export default function ContactsPage() {
   return (
@@ -43,6 +44,7 @@ export default function ContactsPage() {
           ]}
           textarea={{ name: "message", placeholder: "Tell us more...", rows: 5, required: true }}
           buttonText="Send Message"
+          imageSrc="/placeholders/placeholder1.webp"
           videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/uploaded-1771850674704-2zcygfwe.mp4"
           imageAlt="People contacting a business"
           mediaAnimation="slide-up"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3b3c6ea..1769804 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { CookingPot, Egg, Milk, Sparkles, Sprout } from "lucide-react";
+import Link from 'next/link';
 
 export default function LandingPage() {
   return (
@@ -28,7 +29,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered 
-          navItems={[{name:"About",id:"/#about"},{name:"Products",id:"/#products"},{name:"Testimonials",id:"/#testimonials"},{name:"FAQ",id:"/#faq"},{name:"Contact",id:"/contacts"}]}
+          navItems={[{name:"About",id:"#about"},{name:"Products",id:"#products"},{name:"Testimonials",id:"#testimonials"},{name:"FAQ",id:"#faq"},{name:"Contact",id:"/contacts"}]}
           button={{text:"Shop Now",href:"/shop"}}
           brandName="Find Mouse"
         />
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 940f7cf..ec9b91f 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -11,6 +11,7 @@ import ProductCart from "@/components/ecommerce/cart/ProductCart";
 import { useProductDetail } from "@/hooks/useProductDetail";
 import { useCart } from "@/hooks/useCart";
 import { useCheckout } from "@/hooks/useCheckout";
+import Link from 'next/link';
 
 interface ProductPageProps {
     params: Promise<{ id: string }>;
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 9af5ed1..6ad9d5c 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -10,6 +10,7 @@ import { useProductCatalog } from "@/hooks/useProductCatalog";
 import { useCart } from "@/hooks/useCart";
 import { useCheckout } from "@/hooks/useCheckout";
 import ProductCart from "@/components/ecommerce/cart/ProductCart";
+import Link from 'next/link';
 
 function ShopPageContent() {
     const {