Implement achraf's portfolio

This commit is contained in:
achraf
2026-03-31 00:28:00 +02:00
parent fcd8d3d986
commit a4ee12732d
20 changed files with 2734 additions and 87 deletions

View File

@@ -1,33 +1,44 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import { Bebas_Neue, JetBrains_Mono, Lora } from "next/font/google";
import "./globals.css";
import GridCanvas from "@/components/GridCanvas";
const geistSans = Geist({
variable: "--font-geist-sans",
const bebas = Bebas_Neue({
weight: "400",
variable: "--font-bebas",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
const jetbrains = JetBrains_Mono({
variable: "--font-jetbrains",
subsets: ["latin"],
weight: ["400", "500"],
});
const lora = Lora({
variable: "--font-lora",
subsets: ["latin"],
weight: ["400", "500"],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
title: "Achraf Achkari — Technical Lead & Software Engineer",
description:
"Personal portfolio and project hub. Technical Lead at Kereval, building software with Java, TypeScript, and modern frameworks.",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
}: Readonly<{ children: React.ReactNode }>) {
return (
<html
lang="en"
className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
className={`${bebas.variable} ${jetbrains.variable} ${lora.variable} h-full`}
>
<body className="min-h-full flex flex-col">{children}</body>
<body className="min-h-full flex flex-col antialiased" suppressHydrationWarning>
<GridCanvas />
{children}
</body>
</html>
);
}