feat: optymalizacja GlobalSearch, nawigacji oraz filtrów w sklepie

app/layout.tsx

@@ -20,8 +20,37 @@ const fontHeading = Poppins({
 });
 
 export const metadata: Metadata = {
-  title: "ThermCool | Klimatyzacja i Pompy Ciepła",
-  description: "Profesjonalny montaż i serwis klimatyzacji oraz pomp ciepła na Dolnym Śląsku. Uprawnienia F-Gaz, bezpłatny audyt, estetyczny montaż i pełna gwarancja. Zadzwoń po wycenę!",
+  title: {
+    default: "ThermCool | Klimatyzacja i Pompy Ciepła — Dolny Śląsk",
+    template: "%s | ThermCool",
+  },
+  description: "Profesjonalny montaż i serwis klimatyzacji oraz pomp ciepła na Dolnym Śląsku. Uprawnienia F-Gaz, bezpłatny audyt, estetyczny montaż. Zadzwoń po wycenę!",
+  metadataBase: new URL(process.env.NEXT_PUBLIC_BASE_URL || 'https://thermcool.pl'),
+  openGraph: {
+    type: 'website',
+    locale: 'pl_PL',
+    siteName: 'ThermCool',
+    title: 'ThermCool | Klimatyzacja i Pompy Ciepła — Dolny Śląsk',
+    description: 'Profesjonalny montaż i serwis klimatyzacji oraz pomp ciepła na Dolnym Śląsku.',
+    images: [{ url: '/og-image.jpg', width: 1200, height: 630, alt: 'ThermCool — Klimatyzacja i Pompy Ciepła' }],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: 'ThermCool | Klimatyzacja i Pompy Ciepła',
+    description: 'Profesjonalny montaż i serwis klimatyzacji oraz pomp ciepła na Dolnym Śląsku.',
+    images: ['/og-image.jpg'],
+  },
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      'max-video-preview': -1,
+      'max-image-preview': 'large',
+      'max-snippet': -1,
+    },
+  },
 };
 
 export default function RootLayout({
@@ -34,6 +63,10 @@ export default function RootLayout({
       lang="pl"
       className={`${fontSans.variable} ${fontHeading.variable} antialiased`}
     >
+      <head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
+      </head>
       <body className="min-h-screen flex flex-col bg-background text-foreground">
         <Header />
         <main className="flex-grow">{children}</main>