Files
4f7e207b-013b-4e49-ac8b-5a8…/src/app/layout.tsx
2026-03-14 10:39:02 +00:00

65 lines
1.9 KiB
TypeScript

import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Montserrat } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const montserrat = Montserrat({
variable: "--font-montserrat",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Jollibee - Joyful Meals for the Whole Family",
description: "Discover delicious fast food at Jollibee. Order fried chicken, burgers, spaghetti, and family meals. Find locations near you and order online today!",
keywords: "fast food, fried chicken, burgers, spaghetti, family meals, order online, restaurant",
openGraph: {
title: "Jollibee - Joyful Meals for the Whole Family",
description: "Experience the joy of delicious fast food. Order your favorite meals online and find locations near you.",
siteName: "Jollibee",
type: "website",
},
twitter: {
card: "summary_large_image",
title: "Jollibee - Joyful Meals",
description: "Order delicious fast food online at Jollibee",
},
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${montserrat.variable} antialiased`}
>
<Tag />
{children}
<script
dangerouslySetInnerHTML={{
__html: `${getVisualEditScript()}`
}}
/>
</body>
</ServiceWrapper>
</html>
);
}