Finished Landing Page

2026-02-17 00:14:38 +01:00
parent 821ba82ecc
commit 94b0c68703
20 changed files with 1662 additions and 953 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -4,8 +4,9 @@

@layer base {
  :root {
+    color-scheme: light;
    /* Light Mode - Smart-Admin Copilot Palette */
-    --background: 0 0% 100%;
+    --background: 210 40% 98%;
    --foreground: 222 47% 11%;
    --card: 210 40% 98%;
    --card-foreground: 222 47% 11%;
@@ -41,6 +42,7 @@
  }

  .dark {
+    color-scheme: dark;
    /* Dark Mode - Smart-Admin Copilot Palette */
    --background: 222 47% 5%;
    --foreground: 210 40% 98%;
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,16 +1,19 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import { Poppins, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { Providers } from "./provider";

-const geistSans = Geist({
-  variable: "--font-geist-sans",
+const poppins = Poppins({
  subsets: ["latin"],
+  weight: ["400", "500", "600", "700", "800", "900"],
+  variable: "--font-poppins",
+  display: "swap",
 });

 const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
  subsets: ["latin"],
+  variable: "--font-geist-mono",
+  display: "swap",
 });

 export const metadata: Metadata = {
@@ -26,7 +29,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        className={`${poppins.variable} ${geistMono.variable} min-h-screen bg-background text-foreground antialiased`}
      >
        <Providers>{children}</Providers>
      </body>
--- a/app/provider.tsx
+++ b/app/provider.tsx
@@ -4,7 +4,12 @@ import { ReactNode } from "react";

 export function Providers({ children }: { children: ReactNode }) {
  return (
-    <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+    <ThemeProvider
+      attribute="class"
+      defaultTheme="system"
+      enableSystem
+      disableTransitionOnChange
+    >
      {children}
    </ThemeProvider>
  );