ProjectsShowcase: add details modal

2025-07-28 10:40:33 +03:00
parent c9998ce4e0
commit b2896c379f
3 changed files with 593 additions and 11 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,12 +7,14 @@ import "./globals.css";
 import { themeConfig } from "./theme/themeConfig";

 // Modern font (Inter + Orbitron backup)
-const inter = Inter({ subsets: ["latin"] });
-const orbitron = {
-  className: "font-orbitron",
-  style:
-    "@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');",
-};
+const inter = Inter({
+  subsets: ["latin"],
+  display: "swap",
+  fallback: ["system-ui", "arial"],
+  adjustFontFallback: true,
+  preload: true,
+  variable: "--font-inter",
+});

 export const metadata: Metadata = {
  title: "Tech Master | Dubai To Stars",
@@ -24,7 +26,7 @@ export default function RootLayout({
  children: React.ReactNode;
 }) {
  return (
-    <html lang="en">
+    <html lang="en" className={`${inter.variable} font-sans`}>
      <head>
        {/* ThreeJS CDN */}
        <script
@@ -36,7 +38,6 @@ export default function RootLayout({
          async
        ></script>
        {/* Orbitron Font */}
-        <style>{orbitron.style}</style>
      </head>
      <body
        className={`${inter.className} bg-gradient-to-br from-[#0F0525] to-[#2A0B45]`}