Files
nearle-next-new/src/app/layout.tsx
2026-06-25 17:10:35 +05:30

93 lines
2.4 KiB
TypeScript

import type { Metadata, Viewport } from "next";
import "./globals.css";
const jost = { variable: "font-display" };
const jostBody = { variable: "font-body" };
export const metadata: Metadata = {
metadataBase: new URL("https://nearle.in"),
title: {
default: "Nearle — Your Neighborhood, Delivered",
template: "%s | Nearle",
},
description:
"Hyper-local essentials, hot meals, and professional services from verified businesses within your 2km radius. India's #1 neighborhood commerce platform.",
keywords: [
"hyperlocal",
"neighborhood delivery",
"Coimbatore",
"local grocery",
"Nearle",
"home services",
"India delivery",
"neighborhood commerce",
],
openGraph: {
title: "Nearle — Your Neighborhood, Delivered",
description:
"Hyper-local essentials, hot meals, and professional services from verified businesses within your 2km radius.",
url: "https://nearle.in",
siteName: "Nearle",
locale: "en_IN",
type: "website",
images: [
{
url: "/logo.png",
width: 512,
height: 512,
alt: "Nearle logo",
},
],
},
twitter: {
card: "summary",
title: "Nearle — Your Neighborhood, Delivered",
description:
"India's hyperlocal neighborhood commerce platform",
images: ["/logo.png"],
},
alternates: { canonical: "/" },
icons: {
icon: "/favicon.ico",
shortcut: "/favicon.ico",
apple: "/apple-icon.png",
},
robots: { index: true, follow: true },
};
export const viewport: Viewport = {
themeColor: "#4d046a",
width: "device-width",
initialScale: 1,
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html
lang="en"
className={`${jost.variable} ${jostBody.variable}`}
suppressHydrationWarning
>
<head>
{/* Material Symbols Outlined */}
{/* eslint-disable-next-line @next/next/no-page-custom-font */}
<link
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Jost:wght@400;600;700;800&display=swap"
rel="stylesheet"
/>
</head>
<body className="bg-[#E8DCF2] text-on-surface font-body antialiased" suppressHydrationWarning>
{children}
</body>
</html>
);
}