diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2741840..795f34d 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -12,13 +12,28 @@ import { Public_Sans } from "next/font/google";
 export const metadata: Metadata = {
   title: 'Sharanya Sasmal — UI/UX & Graphic Designer',
   description: 'Award-winning UI/UX and graphic designer crafting compelling digital experiences. Specializing in design systems, brand identity, and motion design.',
+  manifest: '/manifest.json',
+  viewport: 'width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover',
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: 'default',
+    title: 'Sharanya Sasmal Portfolio'
+  },
+  formatDetection: {
+    telephone: false
+  }
 };
 
 const publicSans = Public_Sans({
   variable: "--font-public-sans",  subsets: ["latin"],
+  display: 'swap',
+  fallback: ['system-ui', '-apple-system', 'sans-serif']
 });
+
 const inter = Inter({
   variable: "--font-inter",  subsets: ["latin"],
+  display: 'swap',
+  fallback: ['system-ui', '-apple-system', 'sans-serif']
 });
 
 export default function RootLayout({
@@ -28,15 +43,35 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en" suppressHydrationWarning>
+      <head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
+        <link rel="dns-prefetch" href="//img.b2bpic.net" />
+        <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
+        <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)" />
+      </head>
       <ServiceWrapper>
         <body className={`${publicSans.variable} ${inter.variable} antialiased`}>
           <Tag />
           {children}
           <script
-              dangerouslySetInnerHTML={{
-                  __html: `${getVisualEditScript()}`
-          }}
-        />
+            dangerouslySetInnerHTML={{
+              __html: `${getVisualEditScript()}`
+            }}
+          />
+          <script
+            dangerouslySetInnerHTML={{
+              __html: `
+                if ('serviceWorker' in navigator) {
+                  window.addEventListener('load', () => {
+                    navigator.serviceWorker.register('/sw.js')
+                      .then(reg => console.log('SW registered'))
+                      .catch(err => console.log('SW registration failed'));
+                  });
+                }
+              `
+            }}
+          />
         </body>
       </ServiceWrapper>
     </html>
