diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 43a6bd5..bb7d94b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,13 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import "./styles/variables.css";
+import "./styles/base.css";
 
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "American Screen Hero - Pool Cage & Screen Repair",  description: "Professional screen repair and pool enclosure rescreening services in Sarasota, Lakewood Ranch, and Bradenton."};
+  title: "American Screen Hero - Pool Cage & Screen Repair Sarasota",  description: "Professional pool cage and screen repair services in Sarasota, Lakewood Ranch, and Bradenton. Fast, reliable rescreening and repairs."};
 
 export default function RootLayout({
   children,
@@ -13,8 +15,26 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
-      <body className={inter.className}>{children}
+    <html lang="en" suppressHydrationWarning>
+      <body className={inter.className}>
+        {children}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function() {
+                try {
+                  const vw = window.innerWidth * 0.01;
+                  document.documentElement.style.setProperty('--vw', vw + 'px');
+                  window.addEventListener('resize', () => {
+                    const vw = window.innerWidth * 0.01;
+                    document.documentElement.style.setProperty('--vw', vw + 'px');
+                  });
+                } catch (e) {}
+              })();
+            `,
+          }}
+        />
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1384,4 +1404,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1f079f7..d251d35 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -48,6 +48,7 @@ export default function HomePage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           brandName="American Screen Hero"
+          logoImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiruCR7xtXa8HIbr52voHdY3BQ/uploaded-1773113827113-978ergec.jpg"
           navItems={navItems}
           button={{
             text: "Get a Free Estimate",            href: "/contact"
@@ -391,4 +392,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
