Update src/app/layout.tsx

2026-03-10 16:42:14 +00:00
parent e76c8d11fd
commit 7e622afc00
1 changed files with 39 additions and 4 deletions
--- 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>