diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 155bfae..2b87993 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -84,7 +84,7 @@ export default function BlogPage() {
 
     return (
         <ThemeProvider
-            defaultButtonVariant="hover-magnetic"
+            defaultButtonVariant="expand-hover"
             defaultTextAnimation="reveal-blur"
             borderRadius="rounded"
             contentWidth="compact"
diff --git a/src/app/globals.css b/src/app/globals.css
index f734d10..e9faa4f 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -578,7 +578,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-fira-code), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -591,5 +591,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-fira-code), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c1ed1b5..a2d7cfe 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,11 @@
 import type { Metadata } from "next";
-import { Fira_Code } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const firaCode = Fira_Code({
-  variable: "--font-fira-code",  subsets: ["latin"],
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
@@ -30,7 +30,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
         <body
-          className={`${firaCode.variable} antialiased`}
+          className={`${inter.variable} antialiased`}
         >
           <Tag />
           {children}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index bf056bf..f0ab1d3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,7 +13,7 @@ import { Coffee, Leaf, Zap, Users, Heart, Star, MessageSquare } from 'lucide-rea
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="reveal-blur"
       borderRadius="rounded"
       contentWidth="compact"
@@ -44,7 +44,7 @@ export default function LandingPage() {
             { text: "View Menu", href: "features" },
             { text: "Visit Us", href: "contact" }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/uploaded-1769393799170-vbdduz18.png"
+          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
           imageAlt="Cozy cafe interior with warm lighting and comfortable seating"
         />
       </div>
