few changes

next.config.js

@@ -1,8 +1,12 @@
-/** @type {import('next').NextConfig} */
+// next.config.js
+const path = require('path');
+const withFlowbiteReact = require('flowbite-react/plugin/nextjs');
+
 const nextConfig = {
-  experimental: {
-    // hier können andere gültige experimentelle Optionen stehen, falls nötig
+  output: 'export',
+  images: { unoptimized: true },
+  webpack: (config) => {
+    config.resolve.alias['@'] = path.resolve(process.cwd());
+    return config;
   },
 };
-
-module.exports = nextConfig;

next.config.mjs

@@ -3,6 +3,8 @@ import path from "path";
 import withFlowbiteReact from "flowbite-react/plugin/nextjs";
 
 const nextConfig = {
+  output: "export",
+  images: { unoptimized: true },
   webpack: (config) => {
     config.resolve.alias["@"] = path.resolve(process.cwd());
     return config;

pages/demo.jsx

@@ -1,32 +0,0 @@
-// pages/demo.jsx
-import React from "react";
-import FontCard from "@/components/ui/FontCard";       // Default‑Import
-import { fonts } from "@/lib/fonts";
-
-export default function Demo() {
-  // Absicherung gegen undefined beim SSR
-  const robotoClass = fonts.roboto?.className || "";
-
-  return (
-    <section className="space-y-8 p-8">
-      {/* 1. next/font (voll integriert) */}
-      <h2 className={`${robotoClass} text-4xl`}>
-        Roboto aus next/font
-      </h2>
-
-      {/* 2. Tailwind‑Utility aus Map */}
-      <p className="font-montserrat text-xl">
-        Dieselbe Font via <code>font-montserrat</code>
-      </p>
-
-      {/* 3. Deine Preview‑Komponente */}
-      <FontCard
-        fontName="Pacifico"
-        transformedText="Hallo Instagram!"
-        category="handwriting"
-        isPopular
-        index={0}
-      />
-    </section>
-  );
-}