diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 6540376..43f15e7 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,1423 +1,25 @@ 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"; - -const halant = Halant({ - variable: "--font-halant", subsets: ["latin"], - weight: ["300", "400", "500", "600", "700"], -}); +import "./styles/variables.css"; +import "./styles/base.css"; +import { ServiceWrapper } from "@/providers/serviceWrapper"; const inter = Inter({ variable: "--font-inter", subsets: ["latin"], }); -const montserrat = Montserrat({ - variable: "--font-montserrat", subsets: ["latin"], -}); - export const metadata: Metadata = { - title: "Professional Portfolio | Creative Introduction", description: "Welcome to my professional portfolio. Explore my work, services, and creative projects. Let's collaborate and bring your vision to life.", keywords: "portfolio, professional, creative, services, case studies, project showcase", metadataBase: new URL("https://yourdomain.com"), - alternates: { - canonical: "https://yourdomain.com"}, - openGraph: { - title: "Professional Portfolio | Creative Introduction", description: "Welcome to my professional portfolio. Explore my work and services.", url: "https://yourdomain.com", siteName: "Professional Portfolio", type: "website", images: [ - { - url: "https://yourdomain.com/og-image.jpg", alt: "Professional portfolio preview"}, - ], - }, - twitter: { - card: "summary_large_image", title: "Professional Portfolio | Creative Introduction", description: "Explore my work and creative projects.", images: ["https://yourdomain.com/twitter-image.jpg"], - }, - robots: { - index: true, - follow: true, - }, -}; + title: "Personal Introduction", description: "A personal introduction website showcasing my work and connecting on social media."}; export default function RootLayout({ children, -}: Readonly<{ +}: { children: React.ReactNode; -}>) { +}) { return ( - - - - {children} - -