diff --git a/src/app/page.tsx b/src/app/page.tsx
index d46f40a..f24d955 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import Link from "next/link";
 
 export default function LandingPage() {
   return (
@@ -21,8 +22,8 @@ export default function LandingPage() {
           <h1 className="text-4xl font-bold mb-4">Welcome to Warm & Crumbly Bakery</h1>
           <p className="text-lg text-muted-foreground mb-8">Artisan breads and pastries made with love</p>
           <div className="space-x-4">
-            <a href="/shop" className="primary-button px-6 py-3 rounded-theme text-primary-cta-text">Visit Our Shop</a>
-            <a href="/blog" className="secondary-button px-6 py-3 rounded-theme text-secondary-cta-text">Read Our Blog</a>
+            <Link href="/shop" className="primary-button px-6 py-3 rounded-theme text-primary-cta-text">Visit Our Shop</Link>
+            <Link href="/blog" className="secondary-button px-6 py-3 rounded-theme text-secondary-cta-text">Read Our Blog</Link>
           </div>
         </div>
       </div>