diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3dcf52d..0b8da0a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,7 +1,8 @@
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "Maxximize - Transform Your Appearance",  description: "Science-backed personal optimization for men. Master skincare, fitness, style, and grooming."};
+  title: "Maxximize - Transform Your Appearance",  description: "Science-backed personal optimization for men. Master skincare, fitness, style, and grooming."
+};
 
 export default function RootLayout({
   children,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index fdd6f29..e0802ce 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -176,8 +176,8 @@ export default function LandingPage() {
             frameStyle="card"
           />
           
-          {/* Glassy card overlay - positioned half off and half on the image */}
-          <div className="absolute bottom-12 md:bottom-20 right-6 md:right-12 w-72 md:w-80 transform translate-y-1/2">
+          {/* Glassy card overlay - positioned in front of hero image */}
+          <div className="absolute bottom-0 md:bottom-8 right-6 md:right-12 w-72 md:w-80 z-20">
             <div className="backdrop-blur-md bg-white/10 border border-white/20 rounded-2xl p-6 md:p-8 shadow-2xl">
               <div className="flex items-center gap-3 mb-3">
                 <div className="text-white">