Update src/app/layout.tsx
This commit is contained in:
@@ -1,57 +1,21 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import "./styles/variables.css";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const dmSans = DM_Sans({
|
||||
variable: "--font-dm-sans", subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Paletteai – AI Design System Generator", description: "Generate complete, production-ready design systems in minutes. Color palettes, typography, components, and accessibility rules—all powered by AI.", keywords: "design system, AI design, color psychology, typography system, accessibility, design generator, CSS variables", metadataBase: new URL("https://paletteai.app"),
|
||||
alternates: {
|
||||
canonical: "https://paletteai.app"},
|
||||
openGraph: {
|
||||
title: "Paletteai – AI Design System Generator", description: "Generate complete, production-ready design systems in minutes. Color palettes, typography, components, and accessibility rules—all powered by AI.", url: "https://paletteai.app", siteName: "Paletteai", type: "website", images: [
|
||||
{
|
||||
url: "https://paletteai.app/og-image.png", alt: "Paletteai AI Design System Generator"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Paletteai – AI Design System Generator", description: "Generate complete, production-ready design systems in minutes. Color palettes, typography, components, and accessibility rules—all powered by AI.", images: ["https://paletteai.app/twitter-image.png"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Paletteai - AI-Powered Design System Generation", description: "Generate complete, production-ready design systems in minutes with AI. Get color psychology, typography systems, component libraries, accessibility rules, and brand DNA."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${dmSans.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={inter.className}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1419,7 +1383,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user