import type { Metadata } from "next";
import { Bebas_Neue, JetBrains_Mono, Lora } from "next/font/google";
import "./globals.css";
import GridCanvas from "@/components/GridCanvas";
const bebas = Bebas_Neue({
weight: "400",
variable: "--font-bebas",
subsets: ["latin"],
});
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: "Achraf Achkari — Technical Lead & Software Engineer",
description:
"Personal portfolio and project hub. Technical Lead at Kereval, building software with Java, TypeScript, and modern frameworks.",
icons: {
icon: "/favicon.svg",
},
};
export default function RootLayout({
children,
}: Readonly<{ children: React.ReactNode }>) {
return (
{/* Noise texture — real DOM element so pointer-events:none is reliable on Android touch */}
{children}
);
}