Initial commit: CoreX Dashboard mit Zeiterfassung und Kundenverwaltung

.gitignore

+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+.env.local
+.env*.local
+
+# database
+*.db
+*.db-journal
+prisma/dev.db
+dev.db
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+/lib/generated/prisma

README.md

+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

app/api/customers/[id]/route.ts

+import { NextRequest, NextResponse } from "next/server"
+import { prisma } from "@/lib/prisma"
+
+export async function GET(
+  request: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  try {
+    const customer = await prisma.customer.findUnique({
+      where: { id: params.id },
+      include: {
+        timeEntries: {
+          include: {
+            user: {
+              select: { name: true, email: true },
+            },
+          },
+          orderBy: { createdAt: "desc" },
+        },
+      },
+    })
+
+    if (!customer) {
+      return NextResponse.json({ error: "Customer not found" }, { status: 404 })
+    }
+
+    return NextResponse.json(customer)
+  } catch (error) {
+    console.error("Error fetching customer:", error)
+    return NextResponse.json({ error: "Failed to fetch customer" }, { status: 500 })
+  }
+}
+
+export async function PUT(
+  request: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  try {
+    const body = await request.json()
+    const { name, email, phone, company, address, notes } = body
+
+    if (!name) {
+      return NextResponse.json({ error: "Name is required" }, { status: 400 })
+    }
+
+    const customer = await prisma.customer.update({
+      where: { id: params.id },
+      data: {
+        name,
+        email: email || null,
+        phone: phone || null,
+        company: company || null,
+        address: address || null,
+        notes: notes || null,
+      },
+    })
+
+    return NextResponse.json(customer)
+  } catch (error) {
+    console.error("Error updating customer:", error)
+    return NextResponse.json({ error: "Failed to update customer" }, { status: 500 })
+  }
+}
+
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  try {
+    await prisma.customer.delete({
+      where: { id: params.id },
+    })
+
+    return NextResponse.json({ success: true })
+  } catch (error) {
+    console.error("Error deleting customer:", error)
+    return NextResponse.json({ error: "Failed to delete customer" }, { status: 500 })
+  }
+}
+

app/api/customers/route.ts

+import { NextRequest, NextResponse } from "next/server"
+import { prisma } from "@/lib/prisma"
+
+export async function GET(request: NextRequest) {
+  try {
+    const searchParams = request.nextUrl.searchParams
+    const search = searchParams.get("search")
+
+    const customers = await prisma.customer.findMany({
+      where: search
+        ? {
+            OR: [
+              { name: { contains: search } },
+              { email: { contains: search } },
+              { company: { contains: search } },
+            ],
+          }
+        : undefined,
+      orderBy: { createdAt: "desc" },
+      include: {
+        timeEntries: {
+          include: {
+            user: {
+              select: { name: true, email: true },
+            },
+          },
+          orderBy: { createdAt: "desc" },
+        },
+      },
+    })
+
+    return NextResponse.json(customers)
+  } catch (error) {
+    console.error("Error fetching customers:", error)
+    return NextResponse.json({ error: "Failed to fetch customers" }, { status: 500 })
+  }
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json()
+    const { name, email, phone, company, address, notes } = body
+
+    if (!name || (typeof name === 'string' && name.trim() === "")) {
+      return NextResponse.json({ error: "Name is required" }, { status: 400 })
+    }
+
+    try {
+      const customer = await prisma.customer.create({
+        data: {
+          name: typeof name === 'string' ? name.trim() : name,
+          email: email && typeof email === 'string' && email.trim() !== "" ? email.trim() : null,
+          phone: phone && typeof phone === 'string' && phone.trim() !== "" ? phone.trim() : null,
+          company: company && typeof company === 'string' && company.trim() !== "" ? company.trim() : null,
+          address: address && typeof address === 'string' && address.trim() !== "" ? address.trim() : null,
+          notes: notes && typeof notes === 'string' && notes.trim() !== "" ? notes.trim() : null,
+        },
+      })
+
+      return NextResponse.json(customer, { status: 201 })
+    } catch (dbError: any) {
+      console.error("Database error creating customer:", dbError)
+      const errorMessage = dbError?.message || "Database error occurred"
+      return NextResponse.json(
+        { 
+          error: errorMessage,
+          code: dbError?.code,
+          details: process.env.NODE_ENV === 'development' ? dbError?.stack : undefined
+        }, 
+        { status: 500 }
+      )
+    }
+  } catch (error: any) {
+    console.error("Error in POST /api/customers:", error)
+    const errorMessage = error?.message || error?.toString() || "Failed to process request"
+    return NextResponse.json(
+      { 
+        error: errorMessage,
+        details: process.env.NODE_ENV === 'development' ? error?.stack : undefined
+      }, 
+      { status: 500 }
+    )
+  }
+}
+

app/api/test/route.ts

+import { NextResponse } from "next/server"
+import { prisma } from "@/lib/prisma"
+
+export async function GET() {
+  try {
+    // Test Prisma connection
+    await prisma.$connect()
+    const customerCount = await prisma.customer.count()
+    
+    return NextResponse.json({ 
+      success: true,
+      message: "Prisma connection successful",
+      customerCount 
+    })
+  } catch (error: any) {
+    console.error("Test error:", error)
+    return NextResponse.json({ 
+      success: false,
+      error: error?.message || "Unknown error",
+      stack: process.env.NODE_ENV === 'development' ? error?.stack : undefined
+    }, { status: 500 })
+  }
+}
+

app/api/time-entries/[id]/route.ts

+import { NextRequest, NextResponse } from "next/server"
+import { prisma } from "@/lib/prisma"
+
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  try {
+    await prisma.timeEntry.delete({
+      where: { id: params.id },
+    })
+
+    return NextResponse.json({ success: true })
+  } catch (error) {
+    console.error("Error deleting time entry:", error)
+    return NextResponse.json({ error: "Failed to delete time entry" }, { status: 500 })
+  }
+}
+

app/api/time-entries/route.ts

+import { NextRequest, NextResponse } from "next/server"
+import { prisma } from "@/lib/prisma"
+
+export async function GET(request: NextRequest) {
+  try {
+    const searchParams = request.nextUrl.searchParams
+    const customerId = searchParams.get("customerId")
+    const userId = searchParams.get("userId")
+
+    const timeEntries = await prisma.timeEntry.findMany({
+      where: {
+        ...(customerId ? { customerId } : {}),
+        ...(userId ? { userId } : {}),
+      },
+      include: {
+        customer: {
+          select: { id: true, name: true, company: true },
+        },
+        user: {
+          select: { id: true, name: true, email: true },
+        },
+      },
+      orderBy: { createdAt: "desc" },
+    })
+
+    return NextResponse.json(timeEntries)
+  } catch (error) {
+    console.error("Error fetching time entries:", error)
+    return NextResponse.json({ error: "Failed to fetch time entries" }, { status: 500 })
+  }
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json()
+    const { description, startTime, endTime, duration, customerId, userId } = body
+
+    if (!description || !customerId || !userId) {
+      return NextResponse.json(
+        { error: "Description, customerId, and userId are required" },
+        { status: 400 }
+      )
+    }
+
+    const timeEntry = await prisma.timeEntry.create({
+      data: {
+        description,
+        startTime: new Date(startTime),
+        endTime: new Date(endTime),
+        duration: parseInt(duration),
+        customerId,
+        userId,
+      },
+      include: {
+        customer: {
+          select: { id: true, name: true, company: true },
+        },
+        user: {
+          select: { id: true, name: true, email: true },
+        },
+      },
+    })
+
+    return NextResponse.json(timeEntry, { status: 201 })
+  } catch (error) {
+    console.error("Error creating time entry:", error)
+    return NextResponse.json({ error: "Failed to create time entry" }, { status: 500 })
+  }
+}
+

app/api/users/route.ts

+import { NextRequest, NextResponse } from "next/server"
+import { prisma } from "@/lib/prisma"
+
+export async function GET() {
+  try {
+    const users = await prisma.user.findMany({
+      orderBy: { createdAt: "desc" },
+    })
+
+    return NextResponse.json(users)
+  } catch (error) {
+    console.error("Error fetching users:", error)
+    return NextResponse.json({ error: "Failed to fetch users" }, { status: 500 })
+  }
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json()
+    const { email, name, image } = body
+
+    if (!email || !name) {
+      return NextResponse.json({ error: "Email and name are required" }, { status: 400 })
+    }
+
+    // Check if user already exists
+    const existingUser = await prisma.user.findUnique({
+      where: { email },
+    })
+
+    if (existingUser) {
+      return NextResponse.json(existingUser)
+    }
+
+    const user = await prisma.user.create({
+      data: {
+        email,
+        name,
+        image: image || null,
+      },
+    })
+
+    return NextResponse.json(user, { status: 201 })
+  } catch (error) {
+    console.error("Error creating user:", error)
+    return NextResponse.json({ error: "Failed to create user" }, { status: 500 })
+  }
+}
+

app/globals.css

+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-jetbrains);
+  --font-mono: var(--font-jetbrains);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  
+  html {
+    scroll-behavior: smooth;
+  }
+}

app/kunden/[id]/page.tsx

+"use client"
+
+import { useState, useEffect } from "react"
+import { useParams, useRouter } from "next/navigation"
+import { Logo } from "@/components/Logo"
+import { ThemeToggle } from "@/components/theme-toggle"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { Building, Mail, Phone, MapPin, Clock, User, ArrowLeft } from "lucide-react"
+import Link from "next/link"
+
+interface Customer {
+  id: string
+  name: string
+  email?: string
+  phone?: string
+  company?: string
+  address?: string
+  notes?: string
+  createdAt: string
+  updatedAt: string
+  timeEntries: TimeEntry[]
+}
+
+interface TimeEntry {
+  id: string
+  description: string
+  startTime: string
+  endTime: string
+  duration: number
+  createdAt: string
+  user: {
+    name: string
+    email: string
+  }
+}
+
+export default function CustomerDetail() {
+  const params = useParams()
+  const router = useRouter()
+  const [customer, setCustomer] = useState<Customer | null>(null)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    if (params.id) {
+      fetchCustomer()
+    }
+  }, [params.id])
+
+  const fetchCustomer = async () => {
+    try {
+      setLoading(true)
+      const response = await fetch(`/api/customers/${params.id}`)
+      if (response.ok) {
+        const data = await response.json()
+        setCustomer(data)
+      } else {
+        router.push("/kunden")
+      }
+    } catch (error) {
+      console.error("Error fetching customer:", error)
+      router.push("/kunden")
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  const formatTime = (seconds: number) => {
+    const hours = Math.floor(seconds / 3600)
+    const minutes = Math.floor((seconds % 3600) / 60)
+    return `${hours}h ${minutes}m`
+  }
+
+  const formatDate = (dateString: string) => {
+    return new Date(dateString).toLocaleString("de-DE")
+  }
+
+  const totalHours = customer?.timeEntries.reduce((sum, entry) => sum + entry.duration, 0) || 0
+
+  if (loading) {
+    return (
+      <div className="min-h-screen bg-background flex items-center justify-center">
+        <p className="text-muted-foreground">Lädt...</p>
+      </div>
+    )
+  }
+
+  if (!customer) {
+    return null
+  }
+
+  return (
+    <div className="min-h-screen bg-background">
+      {/* Header */}
+      <header className="border-b bg-card">
+        <div className="container mx-auto flex h-16 items-center justify-between px-4">
+          <Logo className="h-8" />
+          <div className="flex items-center gap-4">
+            <span className="text-sm text-muted-foreground">Mitarbeiter Dashboard</span>
+            <ThemeToggle />
+          </div>
+        </div>
+      </header>
+
+      <main className="container mx-auto px-4 py-8 max-w-6xl">
+        <div className="mb-8">
+          <Link href="/kunden">
+            <Button variant="ghost" size="sm" className="mb-4">
+              <ArrowLeft className="h-4 w-4 mr-2" />
+              Zurück zu Kunden
+            </Button>
+          </Link>
+          <h1 className="text-3xl font-bold mb-2">{customer.name}</h1>
+          {customer.company && (
+            <p className="text-muted-foreground flex items-center gap-2">
+              <Building className="h-4 w-4" />
+              {customer.company}
+            </p>
+          )}
+        </div>
+
+        <div className="grid gap-6 md:grid-cols-3">
+          {/* Customer Info */}
+          <div className="md:col-span-1">
+            <Card>
+              <CardHeader>
+                <CardTitle>Kontaktinformationen</CardTitle>
+              </CardHeader>
+              <CardContent className="space-y-4">
+                {customer.email && (
+                  <div className="flex items-center gap-3">
+                    <Mail className="h-4 w-4 text-muted-foreground" />
+                    <div>
+                      <div className="text-sm text-muted-foreground">E-Mail</div>
+                      <div className="font-medium">{customer.email}</div>
+                    </div>
+                  </div>
+                )}
+                {customer.phone && (
+                  <div className="flex items-center gap-3">
+                    <Phone className="h-4 w-4 text-muted-foreground" />
+                    <div>
+                      <div className="text-sm text-muted-foreground">Telefon</div>
+                      <div className="font-medium">{customer.phone}</div>
+                    </div>
+                  </div>
+                )}
+                {customer.address && (
+                  <div className="flex items-center gap-3">
+                    <MapPin className="h-4 w-4 text-muted-foreground" />
+                    <div>
+                      <div className="text-sm text-muted-foreground">Adresse</div>
+                      <div className="font-medium">{customer.address}</div>
+                    </div>
+                  </div>
+                )}
+                {customer.notes && (
+                  <div className="pt-4 border-t">
+                    <div className="text-sm text-muted-foreground mb-2">Notizen</div>
+                    <div className="text-sm whitespace-pre-wrap">{customer.notes}</div>
+                  </div>
+                )}
+              </CardContent>
+            </Card>
+
+            {/* Statistics */}
+            <Card className="mt-6">
+              <CardHeader>
+                <CardTitle>Statistiken</CardTitle>
+              </CardHeader>
+              <CardContent>
+                <div className="space-y-4">
+                  <div>
+                    <div className="text-sm text-muted-foreground">Gesamtzeit</div>
+                    <div className="text-2xl font-bold flex items-center gap-2">
+                      <Clock className="h-5 w-5" />
+                      {formatTime(totalHours)}
+                    </div>
+                  </div>
+                  <div>
+                    <div className="text-sm text-muted-foreground">Zeiteinträge</div>
+                    <div className="text-2xl font-bold">{customer.timeEntries.length}</div>
+                  </div>
+                </div>
+              </CardContent>
+            </Card>
+          </div>
+
+          {/* Time Entries */}
+          <div className="md:col-span-2">
+            <Card>
+              <CardHeader>
+                <CardTitle>Zeiterfassung</CardTitle>
+                <CardDescription>
+                  Alle erfassten Zeiten für diesen Kunden
+                </CardDescription>
+              </CardHeader>
+              <CardContent>
+                {customer.timeEntries.length === 0 ? (
+                  <p className="text-center text-muted-foreground py-8">
+                    Noch keine Zeiteinträge vorhanden
+                  </p>
+                ) : (
+                  <div className="space-y-4">
+                    {customer.timeEntries.map((entry) => (
+                      <div
+                        key={entry.id}
+                        className="p-4 border rounded-lg hover:bg-accent/50 transition-colors"
+                      >
+                        <div className="flex items-start justify-between">
+                          <div className="flex-1">
+                            <div className="font-medium mb-2">{entry.description}</div>
+                            <div className="flex items-center gap-4 text-sm text-muted-foreground">
+                              <div className="flex items-center gap-1">
+                                <User className="h-3 w-3" />
+                                {entry.user.name}
+                              </div>
+                              <div>{formatDate(entry.createdAt)}</div>
+                            </div>
+                          </div>
+                          <div className="text-lg font-mono font-semibold">
+                            {formatTime(entry.duration)}
+                          </div>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </CardContent>
+            </Card>
+          </div>
+        </div>
+      </main>
+    </div>
+  )
+}
+

app/kunden/page.tsx

+"use client"
+
+import { useState, useEffect } from "react"
+import { Logo } from "@/components/Logo"
+import { ThemeToggle } from "@/components/theme-toggle"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { Textarea } from "@/components/ui/textarea"
+import { Plus, Search, Edit, Trash2, Clock, User, Building, Mail, Phone, MapPin } from "lucide-react"
+import Link from "next/link"
+
+interface Customer {
+  id: string
+  name: string
+  email?: string
+  phone?: string
+  company?: string
+  address?: string
+  notes?: string
+  createdAt: string
+  updatedAt: string
+  timeEntries?: TimeEntry[]
+}
+
+interface TimeEntry {
+  id: string
+  description: string
+  duration: number
+  createdAt: string
+  user: {
+    name: string
+    email: string
+  }
+}
+
+export default function Kunden() {
+  const [customers, setCustomers] = useState<Customer[]>([])
+  const [searchTerm, setSearchTerm] = useState("")
+  const [showAddForm, setShowAddForm] = useState(false)
+  const [editingCustomer, setEditingCustomer] = useState<Customer | null>(null)
+  const [loading, setLoading] = useState(true)
+
+  const [formData, setFormData] = useState({
+    name: "",
+    email: "",
+    phone: "",
+    company: "",
+    address: "",
+    notes: "",
+  })
+
+  useEffect(() => {
+    fetchCustomers()
+  }, [])
+
+  const fetchCustomers = async () => {
+    try {
+      setLoading(true)
+      const response = await fetch("/api/customers")
+      if (response.ok) {
+        const data = await response.json()
+        setCustomers(data)
+      }
+    } catch (error) {
+      console.error("Error fetching customers:", error)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+
+    try {
+      const url = editingCustomer
+        ? `/api/customers/${editingCustomer.id}`
+        : "/api/customers"
+      const method = editingCustomer ? "PUT" : "POST"
+
+      const response = await fetch(url, {
+        method,
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(formData),
+      })
+
+      if (response.ok) {
+        await fetchCustomers()
+        resetForm()
+      } else {
+        const contentType = response.headers.get("content-type")
+        let errorMessage = "Unbekannter Fehler"
+        
+        if (contentType && contentType.includes("application/json")) {
+          try {
+            const errorData = await response.json()
+            errorMessage = errorData.error || errorMessage
+          } catch (e) {
+            errorMessage = `Server-Fehler (Status ${response.status})`
+          }
+        } else {
+          const text = await response.text()
+          errorMessage = `Server-Fehler (Status ${response.status}): ${text.substring(0, 100)}`
+        }
+        
+        alert(`Fehler beim Speichern des Kunden: ${errorMessage}`)
+      }
+    } catch (error) {
+      console.error("Error saving customer:", error)
+      const errorMessage = error instanceof Error ? error.message : "Unbekannter Fehler"
+      alert(`Fehler beim Speichern des Kunden: ${errorMessage}`)
+    }
+  }
+
+  const handleEdit = (customer: Customer) => {
+    setEditingCustomer(customer)
+    setFormData({
+      name: customer.name || "",
+      email: customer.email || "",
+      phone: customer.phone || "",
+      company: customer.company || "",
+      address: customer.address || "",
+      notes: customer.notes || "",
+    })
+    setShowAddForm(true)
+  }
+
+  const handleDelete = async (id: string) => {
+    if (!confirm("Möchten Sie diesen Kunden wirklich löschen?")) return
+
+    try {
+      const response = await fetch(`/api/customers/${id}`, {
+        method: "DELETE",
+      })
+
+      if (response.ok) {
+        await fetchCustomers()
+      }
+    } catch (error) {
+      console.error("Error deleting customer:", error)
+      alert("Fehler beim Löschen des Kunden")
+    }
+  }
+
+  const resetForm = () => {
+    setFormData({
+      name: "",
+      email: "",
+      phone: "",
+      company: "",
+      address: "",
+      notes: "",
+    })
+    setEditingCustomer(null)
+    setShowAddForm(false)
+  }
+
+  const formatTime = (seconds: number) => {
+    const hours = Math.floor(seconds / 3600)
+    const minutes = Math.floor((seconds % 3600) / 60)
+    return `${hours}h ${minutes}m`
+  }
+
+  const filteredCustomers = customers.filter((customer) => {
+    if (!searchTerm) return true
+    const search = searchTerm.toLowerCase()
+    return (
+      customer.name.toLowerCase().includes(search) ||
+      customer.email?.toLowerCase().includes(search) ||
+      customer.company?.toLowerCase().includes(search) ||
+      customer.phone?.includes(search)
+    )
+  })
+
+  const totalHours = (customer: Customer) => {
+    if (!customer.timeEntries) return 0
+    return customer.timeEntries.reduce((sum, entry) => sum + entry.duration, 0)
+  }
+
+  return (
+    <div className="min-h-screen bg-background">
+      {/* Header */}
+      <header className="border-b bg-card">
+        <div className="container mx-auto flex h-16 items-center justify-between px-4">
+          <Logo className="h-8" />
+          <div className="flex items-center gap-4">
+            <span className="text-sm text-muted-foreground">Mitarbeiter Dashboard</span>
+            <ThemeToggle />
+          </div>
+        </div>
+      </header>
+
+      <main className="container mx-auto px-4 py-8 max-w-7xl">
+        <div className="mb-8">
+          <div className="flex items-center gap-4 mb-2">
+            <Link href="/">
+              <Button variant="ghost" size="sm">← Zurück</Button>
+            </Link>
+          </div>
+          <div className="flex items-center justify-between">
+            <div>
+              <h1 className="text-3xl font-bold mb-2">Kunden</h1>
+              <p className="text-muted-foreground">
+                Verwalten Sie Ihre Kunden und deren Kontaktdaten
+              </p>
+            </div>
+            <Button onClick={() => setShowAddForm(true)}>
+              <Plus className="h-4 w-4 mr-2" />
+              Neuer Kunde
+            </Button>
+          </div>
+        </div>
+
+        {/* Search */}
+        <Card className="mb-6">
+          <CardContent className="pt-6">
+            <div className="relative">
+              <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+              <Input
+                placeholder="Kunden suchen..."
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+                className="pl-10"
+              />
+            </div>
+          </CardContent>
+        </Card>
+
+        {/* Add/Edit Form */}
+        {showAddForm && (
+          <Card className="mb-6">
+            <CardHeader>
+              <CardTitle>{editingCustomer ? "Kunde bearbeiten" : "Neuer Kunde"}</CardTitle>
+            </CardHeader>
+            <CardContent>
+              <form onSubmit={handleSubmit} className="space-y-4">
+                <div className="grid gap-4 md:grid-cols-2">
+                  <div>
+                    <Label htmlFor="name">Name *</Label>
+                    <Input
+                      id="name"
+                      required
+                      value={formData.name}
+                      onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+                    />
+                  </div>
+                  <div>
+                    <Label htmlFor="company">Unternehmen</Label>
+                    <Input
+                      id="company"
+                      value={formData.company}
+                      onChange={(e) => setFormData({ ...formData, company: e.target.value })}
+                    />
+                  </div>
+                  <div>
+                    <Label htmlFor="email">E-Mail</Label>
+                    <Input
+                      id="email"
+                      type="email"
+                      value={formData.email}
+                      onChange={(e) => setFormData({ ...formData, email: e.target.value })}
+                    />
+                  </div>
+                  <div>
+                    <Label htmlFor="phone">Telefon</Label>
+                    <Input
+                      id="phone"
+                      value={formData.phone}
+                      onChange={(e) => setFormData({ ...formData, phone: e.target.value })}
+                    />
+                  </div>
+                  <div className="md:col-span-2">
+                    <Label htmlFor="address">Adresse</Label>
+                    <Input
+                      id="address"
+                      value={formData.address}
+                      onChange={(e) => setFormData({ ...formData, address: e.target.value })}
+                    />
+                  </div>
+                  <div className="md:col-span-2">
+                    <Label htmlFor="notes">Notizen</Label>
+                    <Textarea
+                      id="notes"
+                      value={formData.notes}
+                      onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
+                      rows={4}
+                    />
+                  </div>
+                </div>
+                <div className="flex gap-2">
+                  <Button type="submit">{editingCustomer ? "Speichern" : "Erstellen"}</Button>
+                  <Button type="button" variant="outline" onClick={resetForm}>
+                    Abbrechen
+                  </Button>
+                </div>
+              </form>
+            </CardContent>
+          </Card>
+        )}
+
+        {/* Customers List */}
+        {loading ? (
+          <p className="text-center text-muted-foreground py-8">Lädt...</p>
+        ) : filteredCustomers.length === 0 ? (
+          <Card>
+            <CardContent className="py-8">
+              <p className="text-center text-muted-foreground">
+                {searchTerm ? "Keine Kunden gefunden" : "Noch keine Kunden vorhanden"}
+              </p>
+            </CardContent>
+          </Card>
+        ) : (
+          <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+            {filteredCustomers.map((customer) => (
+              <Card key={customer.id} className="hover:shadow-lg transition-shadow">
+                <CardHeader>
+                  <div className="flex items-start justify-between">
+                    <div className="flex-1">
+                      <CardTitle className="mb-1">{customer.name}</CardTitle>
+                      {customer.company && (
+                        <CardDescription className="flex items-center gap-1 mt-1">
+                          <Building className="h-3 w-3" />
+                          {customer.company}
+                        </CardDescription>
+                      )}
+                    </div>
+                    <div className="flex gap-1">
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => handleEdit(customer)}
+                      >
+                        <Edit className="h-4 w-4" />
+                      </Button>
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => handleDelete(customer.id)}
+                        className="text-destructive hover:text-destructive"
+                      >
+                        <Trash2 className="h-4 w-4" />
+                      </Button>
+                    </div>
+                  </div>
+                </CardHeader>
+                <CardContent>
+                  <div className="space-y-2 text-sm">
+                    {customer.email && (
+                      <div className="flex items-center gap-2 text-muted-foreground">
+                        <Mail className="h-4 w-4" />
+                        {customer.email}
+                      </div>
+                    )}
+                    {customer.phone && (
+                      <div className="flex items-center gap-2 text-muted-foreground">
+                        <Phone className="h-4 w-4" />
+                        {customer.phone}
+                      </div>
+                    )}
+                    {customer.address && (
+                      <div className="flex items-center gap-2 text-muted-foreground">
+                        <MapPin className="h-4 w-4" />
+                        {customer.address}
+                      </div>
+                    )}
+                    {customer.timeEntries && customer.timeEntries.length > 0 && (
+                      <div className="flex items-center gap-2 mt-3 pt-3 border-t">
+                        <Clock className="h-4 w-4" />
+                        <span className="font-medium">
+                          {formatTime(totalHours(customer))}
+                        </span>
+                        <span className="text-muted-foreground">
+                          ({customer.timeEntries.length} Einträge)
+                        </span>
+                      </div>
+                    )}
+                  </div>
+                  <Link href={`/kunden/${customer.id}`}>
+                    <Button variant="outline" className="w-full mt-4">
+                      Details anzeigen
+                    </Button>
+                  </Link>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+        )}
+      </main>
+    </div>
+  )
+}
+

app/layout.tsx

+import type { Metadata } from "next";
+import { JetBrains_Mono } from "next/font/google";
+import "./globals.css";
+import { ThemeProvider } from "@/components/theme-provider";
+
+const jetbrainsMono = JetBrains_Mono({
+  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
+  variable: "--font-jetbrains",
+});
+
+export const metadata: Metadata = {
+  title: {
+    default: "CoreX Management Dashboard",
+    template: "%s | CoreX Dashboard",
+  },
+  description: "Internes Dashboard für CoreX Management Mitarbeiter",
+  robots: {
+    index: false,
+    follow: false,
+  },
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="de" suppressHydrationWarning>
+      <body className={`${jetbrainsMono.variable} font-sans antialiased`}>
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="dark"
+          enableSystem
+          disableTransitionOnChange
+        >
+          {children}
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}

app/page.tsx

+"use client"
+
+import { Logo } from "@/components/Logo"
+import { ThemeToggle } from "@/components/theme-toggle"
+import { Button } from "@/components/ui/button"
+import Link from "next/link"
+import { Clock, User } from "lucide-react"
+
+export default function Dashboard() {
+  return (
+    <div className="min-h-screen bg-background">
+      {/* Header */}
+      <header className="border-b bg-card">
+        <div className="container mx-auto flex h-16 items-center justify-between px-4">
+          <Logo className="h-8" />
+          <div className="flex items-center gap-4">
+            <span className="text-sm text-muted-foreground">Mitarbeiter Dashboard</span>
+            <ThemeToggle />
+          </div>
+        </div>
+      </header>
+
+      {/* Main Content */}
+      <main className="container mx-auto px-4 py-8">
+        <div className="mb-8">
+          <h1 className="text-3xl font-bold">Willkommen im Dashboard</h1>
+          <p className="text-muted-foreground mt-2">
+            Übersicht und Verwaltung für CoreX Management Mitarbeiter
+          </p>
+        </div>
+
+        {/* Navigation to Modules */}
+        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+          <Link href="/zeiterfassung">
+            <div className="p-6 border rounded-lg hover:bg-accent/50 transition-colors cursor-pointer">
+              <div className="flex items-center gap-3 mb-2">
+                <Clock className="h-6 w-6" />
+                <h2 className="text-xl font-semibold">Zeiterfassung</h2>
+              </div>
+              <p className="text-sm text-muted-foreground">
+                Arbeitszeit erfassen und verwalten
+              </p>
+            </div>
+          </Link>
+          <Link href="/kunden">
+            <div className="p-6 border rounded-lg hover:bg-accent/50 transition-colors cursor-pointer">
+              <div className="flex items-center gap-3 mb-2">
+                <User className="h-6 w-6" />
+                <h2 className="text-xl font-semibold">Kunden</h2>
+              </div>
+              <p className="text-sm text-muted-foreground">
+                Kunden verwalten und Kontaktdaten pflegen
+              </p>
+            </div>
+          </Link>
+        </div>
+      </main>
+    </div>
+  )
+}
+

app/zeiterfassung/page.tsx

+"use client"
+
+import { useState, useEffect } from "react"
+import { Logo } from "@/components/Logo"
+import { ThemeToggle } from "@/components/theme-toggle"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { Select } from "@/components/ui/select"
+import { Play, Pause, Square, Clock, Filter, ArrowUpDown, Calendar, User } from "lucide-react"
+import Link from "next/link"
+
+interface Customer {
+  id: string
+  name: string
+  company?: string
+}
+
+interface TimeEntry {
+  id: string
+  description: string
+  startTime: string
+  endTime: string
+  duration: number
+  createdAt: string
+  customer: {
+    id: string
+    name: string
+    company?: string
+  }
+  user: {
+    name: string
+    email: string
+  }
+}
+
+type SortField = "date" | "duration" | "description"
+type SortDirection = "asc" | "desc"
+
+// TODO: Replace with actual user from authentication
+const CURRENT_USER_ID = "temp-user-id"
+
+export default function Zeiterfassung() {
+  const [isRunning, setIsRunning] = useState(false)
+  const [elapsedTime, setElapsedTime] = useState(0)
+  const [pausedTime, setPausedTime] = useState(0)
+  const [description, setDescription] = useState("")
+  const [customerId, setCustomerId] = useState("")
+  const [startTime, setStartTime] = useState<Date | null>(null)
+  const [entries, setEntries] = useState<TimeEntry[]>([])
+  const [customers, setCustomers] = useState<Customer[]>([])
+  const [loading, setLoading] = useState(true)
+  const [filterDate, setFilterDate] = useState("")
+  const [filterCustomer, setFilterCustomer] = useState("")
+  const [sortField, setSortField] = useState<SortField>("date")
+  const [sortDirection, setSortDirection] = useState<SortDirection>("desc")
+  const [showManualEntry, setShowManualEntry] = useState(false)
+  const [manualHours, setManualHours] = useState("")
+
+  useEffect(() => {
+    fetchCustomers()
+    fetchTimeEntries()
+    // Create temp user if not exists
+    ensureCurrentUser()
+  }, [])
+
+  const ensureCurrentUser = async () => {
+    try {
+      const response = await fetch("/api/users", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          email: "temp@corexmanagement.de",
+          name: "Temporärer Benutzer",
+        }),
+      })
+    } catch (error) {
+      console.error("Error ensuring user:", error)
+    }
+  }
+
+  const fetchCustomers = async () => {
+    try {
+      const response = await fetch("/api/customers")
+      if (response.ok) {
+        const data = await response.json()
+        setCustomers(data)
+      }
+    } catch (error) {
+      console.error("Error fetching customers:", error)
+    }
+  }
+
+  const fetchTimeEntries = async () => {
+    try {
+      setLoading(true)
+      const response = await fetch("/api/time-entries")
+      if (response.ok) {
+        const data = await response.json()
+        setEntries(data)
+      }
+    } catch (error) {
+      console.error("Error fetching time entries:", error)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  // Timer logic
+  useEffect(() => {
+    let interval: NodeJS.Timeout | null = null
+    if (isRunning && startTime) {
+      interval = setInterval(() => {
+        const now = new Date()
+        const diff = Math.floor((now.getTime() - startTime.getTime()) / 1000)
+        setElapsedTime(pausedTime + diff)
+      }, 1000)
+    } else if (!isRunning && pausedTime > 0) {
+      setElapsedTime(pausedTime)
+    }
+    return () => {
+      if (interval) clearInterval(interval)
+    }
+  }, [isRunning, startTime, pausedTime])
+
+  const formatTime = (seconds: number) => {
+    const hours = Math.floor(seconds / 3600)
+    const minutes = Math.floor((seconds % 3600) / 60)
+    const secs = seconds % 60
+    return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`
+  }
+
+  const startTimer = () => {
+    if (!customerId) {
+      alert("Bitte wählen Sie zuerst einen Kunden aus")
+      return
+    }
+    const now = new Date()
+    setStartTime(now)
+    setIsRunning(true)
+  }
+
+  const pauseTimer = () => {
+    if (startTime && isRunning) {
+      const now = new Date()
+      const currentDiff = Math.floor((now.getTime() - startTime.getTime()) / 1000)
+      setPausedTime(prev => prev + currentDiff)
+      setStartTime(null)
+    }
+    setIsRunning(false)
+  }
+
+  const resumeTimer = () => {
+    if (!isRunning) {
+      const now = new Date()
+      setStartTime(now)
+      setIsRunning(true)
+    }
+  }
+
+  const stopTimer = async () => {
+    if ((startTime || pausedTime > 0) && customerId) {
+      const endTime = new Date()
+      let duration = pausedTime
+      
+      if (startTime) {
+        const currentDiff = Math.floor((endTime.getTime() - startTime.getTime()) / 1000)
+        duration += currentDiff
+      }
+      
+      const actualStartTime = startTime || new Date(endTime.getTime() - duration * 1000)
+      
+      try {
+        // Get user ID first
+        const usersResponse = await fetch("/api/users")
+        const users = await usersResponse.json()
+        const userId = users.find((u: any) => u.email === "temp@corexmanagement.de")?.id || CURRENT_USER_ID
+
+        const response = await fetch("/api/time-entries", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            description: description || "Keine Beschreibung",
+            startTime: actualStartTime.toISOString(),
+            endTime: endTime.toISOString(),
+            duration,
+            customerId,
+            userId,
+          }),
+        })
+
+        if (response.ok) {
+          await fetchTimeEntries()
+          setIsRunning(false)
+          setStartTime(null)
+          setElapsedTime(0)
+          setPausedTime(0)
+          setDescription("")
+          setCustomerId("")
+        }
+      } catch (error) {
+        console.error("Error saving time entry:", error)
+        alert("Fehler beim Speichern des Zeiteintrags")
+      }
+    }
+  }
+
+  const addManualEntry = async () => {
+    if (!description || !customerId || !manualHours) return
+
+    const hours = parseFloat(manualHours.replace(",", "."))
+    if (isNaN(hours) || hours <= 0) {
+      alert("Bitte geben Sie eine gültige Stundenzahl ein (z.B. 1.5 für 1 Stunde 30 Minuten)")
+      return
+    }
+
+    const now = new Date()
+    const duration = Math.floor(hours * 3600)
+    const startTime = new Date(now.getTime() - duration * 1000)
+
+    try {
+      const usersResponse = await fetch("/api/users")
+      const users = await usersResponse.json()
+      const userId = users.find((u: any) => u.email === "temp@corexmanagement.de")?.id || CURRENT_USER_ID
+
+      const response = await fetch("/api/time-entries", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          description,
+          startTime: startTime.toISOString(),
+          endTime: now.toISOString(),
+          duration,
+          customerId,
+          userId,
+        }),
+      })
+
+      if (response.ok) {
+        await fetchTimeEntries()
+        setDescription("")
+        setCustomerId("")
+        setManualHours("")
+        setShowManualEntry(false)
+      }
+    } catch (error) {
+      console.error("Error saving manual entry:", error)
+      alert("Fehler beim Speichern des Zeiteintrags")
+    }
+  }
+
+  const deleteEntry = async (id: string) => {
+    if (!confirm("Eintrag wirklich löschen?")) return
+
+    try {
+      const response = await fetch(`/api/time-entries/${id}`, {
+        method: "DELETE",
+      })
+
+      if (response.ok) {
+        await fetchTimeEntries()
+      }
+    } catch (error) {
+      console.error("Error deleting entry:", error)
+      alert("Fehler beim Löschen des Eintrags")
+    }
+  }
+
+  // Filter and sort entries
+  const filteredAndSortedEntries = entries
+    .filter((entry) => {
+      if (filterDate) {
+        const entryDate = new Date(entry.startTime).toISOString().split("T")[0]
+        if (entryDate !== filterDate) return false
+      }
+      if (filterCustomer && entry.customer.id !== filterCustomer) {
+        return false
+      }
+      return true
+    })
+    .sort((a, b) => {
+      let comparison = 0
+      switch (sortField) {
+        case "date":
+          comparison = new Date(a.startTime).getTime() - new Date(b.startTime).getTime()
+          break
+        case "duration":
+          comparison = a.duration - b.duration
+          break
+        case "description":
+          comparison = a.description.localeCompare(b.description)
+          break
+      }
+      return sortDirection === "asc" ? comparison : -comparison
+    })
+
+  const toggleSort = (field: SortField) => {
+    if (sortField === field) {
+      setSortDirection(sortDirection === "asc" ? "desc" : "asc")
+    } else {
+      setSortField(field)
+      setSortDirection("desc")
+    }
+  }
+
+  const totalTime = filteredAndSortedEntries.reduce((sum, entry) => sum + entry.duration, 0)
+
+  return (
+    <div className="min-h-screen bg-background">
+      {/* Header */}
+      <header className="border-b bg-card">
+        <div className="container mx-auto flex h-16 items-center justify-between px-4">
+          <Logo className="h-8" />
+          <div className="flex items-center gap-4">
+            <span className="text-sm text-muted-foreground">Mitarbeiter Dashboard</span>
+            <ThemeToggle />
+          </div>
+        </div>
+      </header>
+
+      <main className="container mx-auto px-4 py-8 max-w-6xl">
+        <div className="mb-8">
+          <div className="flex items-center gap-4 mb-2">
+            <Link href="/">
+              <Button variant="ghost" size="sm">← Zurück</Button>
+            </Link>
+          </div>
+          <h1 className="text-3xl font-bold mb-2">Zeiterfassung</h1>
+          <p className="text-muted-foreground">
+            Erfassen und verwalten Sie Ihre Arbeitszeit
+          </p>
+        </div>
+
+        {/* Timer Card */}
+        <Card className="mb-6">
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <Clock className="h-5 w-5" />
+              Timer
+            </CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            <div className="text-center">
+              <div className="text-5xl font-mono font-bold mb-4">
+                {formatTime(isRunning && startTime ? elapsedTime : pausedTime)}
+              </div>
+            </div>
+
+            <div className="grid gap-4 md:grid-cols-2">
+              <div>
+                <Label htmlFor="customer">Kunde *</Label>
+                <Select
+                  id="customer"
+                  value={customerId}
+                  onChange={(e) => setCustomerId(e.target.value)}
+                  disabled={isRunning}
+                  required
+                >
+                  <option value="">Kunde auswählen</option>
+                  {customers.map((customer) => (
+                    <option key={customer.id} value={customer.id}>
+                      {customer.name} {customer.company && `(${customer.company})`}
+                    </option>
+                  ))}
+                </Select>
+              </div>
+              <div>
+                <Label htmlFor="description">Beschreibung *</Label>
+                <Input
+                  id="description"
+                  placeholder="Was arbeiten Sie an?"
+                  value={description}
+                  onChange={(e) => setDescription(e.target.value)}
+                  disabled={isRunning}
+                  required
+                />
+              </div>
+            </div>
+
+            <div className="flex gap-2 flex-wrap">
+              {!isRunning && !startTime && pausedTime === 0 ? (
+                <Button onClick={startTimer} size="lg" className="flex-1 min-w-[120px]">
+                  <Play className="h-4 w-4 mr-2" />
+                  Start
+                </Button>
+              ) : !isRunning ? (
+                <>
+                  <Button onClick={resumeTimer} size="lg" className="flex-1 min-w-[120px]">
+                    <Play className="h-4 w-4 mr-2" />
+                    Weiter
+                  </Button>
+                  <Button onClick={stopTimer} variant="destructive" size="lg" className="flex-1 min-w-[120px]">
+                    <Square className="h-4 w-4 mr-2" />
+                    Stoppen
+                  </Button>
+                </>
+              ) : (
+                <>
+                  <Button onClick={pauseTimer} variant="outline" size="lg" className="flex-1 min-w-[120px]">
+                    <Pause className="h-4 w-4 mr-2" />
+                    Pause
+                  </Button>
+                  <Button onClick={stopTimer} variant="destructive" size="lg" className="flex-1 min-w-[120px]">
+                    <Square className="h-4 w-4 mr-2" />
+                    Stoppen
+                  </Button>
+                </>
+              )}
+              <Button 
+                onClick={() => setShowManualEntry(!showManualEntry)} 
+                variant="secondary" 
+                size="lg" 
+                className="flex-1 min-w-[120px]"
+              >
+                Manuell hinzufügen
+              </Button>
+            </div>
+
+            {showManualEntry && (
+              <div className="p-4 border rounded-lg bg-muted/50 space-y-4">
+                <div>
+                  <Label htmlFor="manualHours">Stunden (z.B. 1.5 für 1 Stunde 30 Minuten)</Label>
+                  <Input
+                    id="manualHours"
+                    type="number"
+                    step="0.25"
+                    min="0.25"
+                    placeholder="1.5"
+                    value={manualHours}
+                    onChange={(e) => setManualHours(e.target.value)}
+                  />
+                </div>
+                <div className="flex gap-2">
+                  <Button onClick={addManualEntry} className="flex-1" disabled={!customerId || !description}>
+                    Eintrag hinzufügen
+                  </Button>
+                  <Button 
+                    onClick={() => {
+                      setShowManualEntry(false)
+                      setManualHours("")
+                    }} 
+                    variant="outline"
+                  >
+                    Abbrechen
+                  </Button>
+                </div>
+              </div>
+            )}
+          </CardContent>
+        </Card>
+
+        {/* Filter and Sort */}
+        <Card className="mb-6">
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <Filter className="h-5 w-5" />
+              Filter & Sortierung
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="grid gap-4 md:grid-cols-3">
+              <div>
+                <Label htmlFor="filterDate">Datum</Label>
+                <Input
+                  id="filterDate"
+                  type="date"
+                  value={filterDate}
+                  onChange={(e) => setFilterDate(e.target.value)}
+                />
+              </div>
+              <div>
+                <Label htmlFor="filterCustomer">Kunde</Label>
+                <Select
+                  id="filterCustomer"
+                  value={filterCustomer}
+                  onChange={(e) => setFilterCustomer(e.target.value)}
+                >
+                  <option value="">Alle Kunden</option>
+                  {customers.map((customer) => (
+                    <option key={customer.id} value={customer.id}>
+                      {customer.name}
+                    </option>
+                  ))}
+                </Select>
+              </div>
+              <div>
+                <Label>Sortierung</Label>
+                <div className="flex gap-2">
+                  <Button
+                    variant={sortField === "date" ? "default" : "outline"}
+                    size="sm"
+                    onClick={() => toggleSort("date")}
+                    className="flex-1"
+                  >
+                    <Calendar className="h-4 w-4 mr-1" />
+                    Datum
+                  </Button>
+                  <Button
+                    variant={sortField === "duration" ? "default" : "outline"}
+                    size="sm"
+                    onClick={() => toggleSort("duration")}
+                    className="flex-1"
+                  >
+                    <Clock className="h-4 w-4 mr-1" />
+                    Dauer
+                  </Button>
+                  <Button
+                    variant={sortField === "description" ? "default" : "outline"}
+                    size="sm"
+                    onClick={() => toggleSort("description")}
+                    className="flex-1"
+                  >
+                    <ArrowUpDown className="h-4 w-4 mr-1" />
+                    Text
+                  </Button>
+                </div>
+              </div>
+            </div>
+            {(filterDate || filterCustomer) && (
+              <div className="mt-4">
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  onClick={() => {
+                    setFilterDate("")
+                    setFilterCustomer("")
+                  }}
+                >
+                  Filter zurücksetzen
+                </Button>
+              </div>
+            )}
+          </CardContent>
+        </Card>
+
+        {/* Entries List */}
+        <Card>
+          <CardHeader>
+            <div className="flex justify-between items-center">
+              <div>
+                <CardTitle>Zeiteinträge</CardTitle>
+                <CardDescription>
+                  {filteredAndSortedEntries.length} Einträge
+                  {totalTime > 0 && ` • Gesamt: ${formatTime(totalTime)}`}
+                </CardDescription>
+              </div>
+            </div>
+          </CardHeader>
+          <CardContent>
+            {loading ? (
+              <p className="text-center text-muted-foreground py-8">Lädt...</p>
+            ) : filteredAndSortedEntries.length === 0 ? (
+              <p className="text-center text-muted-foreground py-8">
+                Noch keine Zeiteinträge vorhanden
+              </p>
+            ) : (
+              <div className="space-y-2">
+                {filteredAndSortedEntries.map((entry) => (
+                  <div
+                    key={entry.id}
+                    className="flex items-center justify-between p-4 border rounded-lg hover:bg-accent/50 transition-colors"
+                  >
+                    <div className="flex-1">
+                      <div className="font-medium">{entry.description}</div>
+                      <div className="text-sm text-muted-foreground flex gap-4 mt-1">
+                        <span>{new Date(entry.startTime).toLocaleString("de-DE")}</span>
+                        <span>Kunde: {entry.customer.name}</span>
+                        <span className="flex items-center gap-1">
+                          <User className="h-3 w-3" />
+                          {entry.user.name}
+                        </span>
+                      </div>
+                    </div>
+                    <div className="flex items-center gap-4">
+                      <div className="text-lg font-mono font-semibold">
+                        {formatTime(entry.duration)}
+                      </div>
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => deleteEntry(entry.id)}
+                        className="text-destructive hover:text-destructive"
+                      >
+                        Löschen
+                      </Button>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            )}
+          </CardContent>
+        </Card>
+      </main>
+    </div>
+  )
+}

components/Logo.tsx

+export function Logo({ className = "h-5 md:h-6 w-auto" }: { className?: string }) {
+  return (
+    <div className={className}>
+      <img
+        src="/logo.png"
+        alt="CoreX Management"
+        className="h-full w-auto object-contain dark:invert-0 invert"
+      />
+    </div>
+  )
+}
+

components/theme-provider.tsx

+"use client"
+
+import * as React from "react"
+import { ThemeProvider as NextThemesProvider } from "next-themes"
+
+type ThemeProviderProps = Parameters<typeof NextThemesProvider>[0]
+
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+}
+

components/theme-toggle.tsx

+"use client"
+
+import * as React from "react"
+import { Moon, Sun } from "lucide-react"
+import { useTheme } from "next-themes"
+
+import { Button } from "@/components/ui/button"
+
+export function ThemeToggle() {
+  const { theme, setTheme } = useTheme()
+
+  return (
+    <Button
+      variant="ghost"
+      size="icon"
+      onClick={() => setTheme(theme === "light" ? "dark" : "light")}
+      className="relative"
+    >
+      <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+      <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+      <span className="sr-only">Toggle theme</span>
+    </Button>
+  )
+}
+

components/ui/button.tsx

+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline:
+          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost:
+          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }
+

components/ui/card.tsx

+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    )}
+    {...props}
+  />
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h3
+    ref={ref}
+    className={cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <p
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
+

components/ui/input.tsx

+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Input }
+

components/ui/label.tsx

+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+))
+Label.displayName = LabelPrimitive.Root.displayName
+
+export { Label }
+

components/ui/select.tsx

+import * as React from "react"
+import { cn } from "@/lib/utils"
+
+interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {}
+
+const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
+  ({ className, children, ...props }, ref) => {
+    return (
+      <select
+        className={cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        )}
+        ref={ref}
+        {...props}
+      >
+        {children}
+      </select>
+    )
+  }
+)
+Select.displayName = "Select"
+
+export { Select }
+

components/ui/textarea.tsx

+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+})
+Textarea.displayName = "Textarea"
+
+export { Textarea }
+

eslint.config.mjs

+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

lib/prisma.ts

+import { PrismaClient } from '@prisma/client'
+
+const globalForPrisma = globalThis as unknown as {
+  prisma: PrismaClient | undefined
+}
+
+export const prisma = globalForPrisma.prisma ?? new PrismaClient({
+  log: process.env.NODE_ENV === 'development' ? ['query', 'error', 'warn'] : ['error'],
+})
+
+if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma
+

lib/utils.ts

+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+

middleware.ts

+import { NextResponse } from 'next/server'
+import type { NextRequest } from 'next/server'
+
+// TODO: Implement SSO authentication here
+// For now, this is a placeholder that allows all requests
+export function middleware(request: NextRequest) {
+  // SSO authentication logic will be added here
+  // Example: Check for authentication token, redirect to login if not authenticated
+  
+  return NextResponse.next()
+}
+
+export const config = {
+  matcher: [
+    /*
+     * Match all request paths except for the ones starting with:
+     * - api (API routes)
+     * - _next/static (static files)
+     * - _next/image (image optimization files)
+     * - favicon.ico (favicon file)
+     */
+    '/((?!api|_next/static|_next/image|favicon.ico).*)',
+  ],
+}
+

next.config.ts

+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;

package.json

+{
+  "name": "corex-dashboard",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "@prisma/client": "^7.2.0",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.562.0",
+    "next": "16.1.1",
+    "next-themes": "^0.4.6",
+    "prisma": "^7.2.0",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "tailwind-merge": "^3.4.0",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.1",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}

postcss.config.mjs

+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

prisma.config.ts

+// This file was generated by Prisma, and assumes you have installed the following:
+// npm install --save-dev prisma dotenv
+import "dotenv/config";
+import { defineConfig } from "prisma/config";
+
+export default defineConfig({
+  schema: "prisma/schema.prisma",
+  migrations: {
+    path: "prisma/migrations",
+  },
+  datasource: {
+    url: process.env["DATABASE_URL"],
+  },
+});

prisma/migrations/20251227130148_init/migration.sql

+-- CreateTable
+CREATE TABLE "users" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "email" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "image" TEXT,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" DATETIME NOT NULL
+);
+
+-- CreateTable
+CREATE TABLE "customers" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "name" TEXT NOT NULL,
+    "email" TEXT,
+    "phone" TEXT,
+    "company" TEXT,
+    "address" TEXT,
+    "notes" TEXT,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" DATETIME NOT NULL
+);
+
+-- CreateTable
+CREATE TABLE "time_entries" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "description" TEXT NOT NULL,
+    "startTime" DATETIME NOT NULL,
+    "endTime" DATETIME NOT NULL,
+    "duration" INTEGER NOT NULL,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" DATETIME NOT NULL,
+    "customerId" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    CONSTRAINT "time_entries_customerId_fkey" FOREIGN KEY ("customerId") REFERENCES "customers" ("id") ON DELETE CASCADE ON UPDATE CASCADE,
+    CONSTRAINT "time_entries_userId_fkey" FOREIGN KEY ("userId") REFERENCES "users" ("id") ON DELETE CASCADE ON UPDATE CASCADE
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "users_email_key" ON "users"("email");

prisma/migrations/20251227130605_remove_cascade/migration.sql

+-- RedefineTables
+PRAGMA defer_foreign_keys=ON;
+PRAGMA foreign_keys=OFF;
+CREATE TABLE "new_time_entries" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "description" TEXT NOT NULL,
+    "startTime" DATETIME NOT NULL,
+    "endTime" DATETIME NOT NULL,
+    "duration" INTEGER NOT NULL,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" DATETIME NOT NULL,
+    "customerId" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    CONSTRAINT "time_entries_customerId_fkey" FOREIGN KEY ("customerId") REFERENCES "customers" ("id") ON DELETE RESTRICT ON UPDATE CASCADE,
+    CONSTRAINT "time_entries_userId_fkey" FOREIGN KEY ("userId") REFERENCES "users" ("id") ON DELETE RESTRICT ON UPDATE CASCADE
+);
+INSERT INTO "new_time_entries" ("createdAt", "customerId", "description", "duration", "endTime", "id", "startTime", "updatedAt", "userId") SELECT "createdAt", "customerId", "description", "duration", "endTime", "id", "startTime", "updatedAt", "userId" FROM "time_entries";
+DROP TABLE "time_entries";
+ALTER TABLE "new_time_entries" RENAME TO "time_entries";
+PRAGMA foreign_keys=ON;
+PRAGMA defer_foreign_keys=OFF;

prisma/migrations/20251227131055_init/migration.sql

+-- This is an empty migration.
\ No newline at end of file

prisma/migrations/migration_lock.toml

+# Please do not edit this file manually
+# It should be added in your version-control system (e.g., Git)
+provider = "sqlite"

prisma/schema.prisma

+// This is your Prisma schema file,
+// learn more about it in the docs: https://pris.ly/d/prisma-schema
+
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "sqlite"
+}
+
+model User {
+  id            String    @id @default(cuid())
+  email         String    @unique
+  name          String
+  image         String?
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+  
+  timeEntries   TimeEntry[]
+  
+  @@map("users")
+}
+
+model Customer {
+  id            String    @id @default(cuid())
+  name          String
+  email         String?
+  phone         String?
+  company       String?
+  address       String?
+  notes         String?
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+  
+  timeEntries   TimeEntry[]
+  
+  @@map("customers")
+}
+
+model TimeEntry {
+  id            String    @id @default(cuid())
+  description   String
+  startTime     DateTime
+  endTime       DateTime
+  duration      Int       // in seconds
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+  
+  customerId    String
+  customer      Customer  @relation(fields: [customerId], references: [id])
+  
+  userId        String
+  user          User      @relation(fields: [userId], references: [id])
+  
+  @@map("time_entries")
+}

public/branding/favicon.svg

+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#0F172A;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#1E293B;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="xGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
+    </linearGradient>
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- Background with gradient -->
+  <rect width="64" height="64" rx="12" fill="url(#bgGradient)"/>
+  
+  <!-- X with gradient and glow -->
+  <g transform="translate(14, 14)">
+    <path d="M 4 4 L 32 32 M 32 4 L 4 32" 
+          stroke="url(#xGradient)" 
+          stroke-width="5" 
+          stroke-linecap="round" 
+          stroke-linejoin="round"
+          filter="url(#glow)"/>
+  </g>
+</svg>
+

public/branding/logo-dark.svg

+<svg width="420" height="60" viewBox="0 0 420 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;700&amp;display=swap');
+    </style>
+    <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
+    </linearGradient>
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- Core -->
+  <text x="0" y="42" font-family="'JetBrains Mono', monospace" font-size="40" font-weight="700" fill="#000000" letter-spacing="0.02em">Core</text>
+  
+  <!-- X -->
+  <g transform="translate(115, 8)">
+    <path d="M 2 2 L 28 38 M 28 2 L 2 38" 
+          stroke="url(#blueGradient)" 
+          stroke-width="6" 
+          stroke-linecap="round" 
+          stroke-linejoin="round"
+          filter="url(#glow)"/>
+  </g>
+  
+  <!-- Management -->
+  <text x="160" y="42" font-family="'JetBrains Mono', monospace" font-size="40" font-weight="300" fill="#000000" letter-spacing="0.02em">Management</text>
+</svg>
+

public/branding/logo-full.svg

+<svg width="200" height="100" viewBox="0 0 200 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;700&amp;display=swap');
+    </style>
+    <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
+    </linearGradient>
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- Core + X -->
+  <g transform="translate(20, 20)">
+    <text x="0" y="40" font-family="'JetBrains Mono', monospace" font-size="46" font-weight="700" fill="currentColor" letter-spacing="0.02em">Core</text>
+    
+    <!-- X -->
+    <g transform="translate(110, 5)">
+      <path d="M 2 2 L 28 38 M 28 2 L 2 38" 
+            stroke="url(#blueGradient)" 
+            stroke-width="6" 
+            stroke-linecap="round" 
+            stroke-linejoin="round"
+            filter="url(#glow)"/>
+    </g>
+  </g>
+  
+  <!-- Management -->
+  <text x="20" y="80" font-family="'JetBrains Mono', monospace" font-size="16" font-weight="300" fill="currentColor" letter-spacing="0.15em" opacity="0.8">MANAGEMENT</text>
+</svg>
+

public/branding/logo-horizontal.svg

+<svg width="420" height="60" viewBox="0 0 420 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;600;700&amp;display=swap');
+    </style>
+    <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Core -->
+  <text x="0" y="42" font-family="'JetBrains Mono', monospace" font-size="40" font-weight="700" fill="currentColor" letter-spacing="0.02em">Core</text>
+  
+  <!-- X (Blue Gradient) - Modern Design -->
+  <g transform="translate(115, 8)">
+    <path d="M 2 2 L 28 38 M 28 2 L 2 38" 
+          stroke="url(#blueGradient)" 
+          stroke-width="6" 
+          stroke-linecap="round" 
+          stroke-linejoin="round"
+          filter="url(#glow)"/>
+  </g>
+  
+  <!-- Glow Effect -->
+  <defs>
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- Management -->
+  <text x="160" y="42" font-family="'JetBrains Mono', monospace" font-size="40" font-weight="300" fill="currentColor" letter-spacing="0.02em">Management</text>
+</svg>
+

public/branding/logo-icon.svg

+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
+    </linearGradient>
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- Background Circle with gradient -->
+  <circle cx="50" cy="50" r="48" fill="url(#blueGradient)" opacity="0.1"/>
+  
+  <!-- X with gradient and glow -->
+  <g transform="translate(25, 25)">
+    <path d="M 8 8 L 42 42 M 42 8 L 8 42" 
+          stroke="url(#blueGradient)" 
+          stroke-width="8" 
+          stroke-linecap="round" 
+          stroke-linejoin="round"
+          filter="url(#glow)"/>
+  </g>
+</svg>
+

public/branding/logo-modern-dark.svg

+<svg width="420" height="60" viewBox="0 0 420 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&amp;display=swap');
+    </style>
+    <linearGradient id="xGradient" x1="0" y1="0" x2="32" y2="40" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#60A5FA"/>
+      <stop offset="50%" stop-color="#3B82F6"/>
+      <stop offset="100%" stop-color="#2563EB"/>
+    </linearGradient>
+
+    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+
+  <!-- Core -->
+  <text x="0" y="42"
+        font-family="'JetBrains Mono', monospace"
+        font-size="42"
+        font-weight="700"
+        fill="#0F172A"
+        letter-spacing="0">
+    Core
+  </text>
+
+  <!-- X (Perfekt zentriert) -->
+  <g transform="translate(126, 8)">
+    <path d="M 4 4 L 32 40 M 32 4 L 4 40"
+          stroke="url(#xGradient)"
+          stroke-width="6"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          filter="url(#glow)"/>
+  </g>
+  
+  <!-- Management -->
+  <text x="178" y="40"
+        font-family="'JetBrains Mono', monospace"
+        font-size="42"
+        font-weight="400"
+        fill="#4B5563"
+        letter-spacing="0">
+    Management
+  </text>
+</svg>

public/branding/logo-modern-white.svg

+<svg width="360" height="60" viewBox="0 0 420 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&amp;display=swap');
+    </style>
+    <!-- Verlauf für das X -->
+    <linearGradient id="xGradient" x1="0" y1="0" x2="32" y2="40" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#60A5FA"/>
+      <stop offset="50%" stop-color="#3B82F6"/>
+      <stop offset="100%" stop-color="#2563EB"/>
+    </linearGradient>
+
+    <!-- Glow -->
+    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="3" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- Core -->
+  <text x="0" y="42"
+        font-family="'JetBrains Mono', monospace"
+        font-size="42"
+        font-weight="700"
+        fill="#FFFFFF"
+        letter-spacing="0">
+    Core
+  </text>
+  
+  <!-- X (Perfekt zentriert) -->
+  <g transform="translate(126, 8)">
+    <path d="M 4 4 L 32 40 M 32 4 L 4 40"
+          stroke="url(#xGradient)"
+          stroke-width="6"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          filter="url(#glow)"/>
+  </g>
+  
+  <!-- Management -->
+  <text x="178" y="40"
+        font-family="'JetBrains Mono', monospace"
+        font-size="42"
+        font-weight="400"
+        fill="#E5E7EB"
+        letter-spacing="0">
+    Management
+  </text>
+</svg>

public/branding/logo-modern.svg

+<svg width="280" height="50" viewBox="0 0 280 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&amp;display=swap');
+    </style>
+    <linearGradient id="xGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#60A5FA;stop-opacity:1" />
+      <stop offset="50%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
+    </linearGradient>
+    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- CORE -->
+  <text x="0" y="35" font-family="'Space Grotesk', sans-serif" font-size="36" font-weight="700" fill="currentColor" letter-spacing="-0.5">CORE</text>
+  
+  <!-- X (Blau mit Glow) -->
+  <g transform="translate(95, 5)">
+    <path d="M 3 3 L 27 37 M 27 3 L 3 37" 
+          stroke="url(#xGradient)" 
+          stroke-width="5.5" 
+          stroke-linecap="round" 
+          stroke-linejoin="round"
+          filter="url(#glow)"/>
+  </g>
+  
+  <!-- MANAGEMENT -->
+  <text x="135" y="35" font-family="'Space Grotesk', sans-serif" font-size="36" font-weight="500" fill="currentColor" letter-spacing="-0.3" opacity="0.9">MANAGEMENT</text>
+</svg>
+

public/branding/logo-white.svg

+<svg width="420" height="60" viewBox="0 0 420 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;700&amp;display=swap');
+    </style>
+    <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
+    </linearGradient>
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- Core -->
+  <text x="0" y="42" font-family="'JetBrains Mono', monospace" font-size="40" font-weight="700" fill="#FFFFFF" letter-spacing="0.02em">Core</text>
+  
+  <!-- X -->
+  <g transform="translate(115, 8)">
+    <path d="M 2 2 L 28 38 M 28 2 L 2 38" 
+          stroke="url(#blueGradient)" 
+          stroke-width="6" 
+          stroke-linecap="round" 
+          stroke-linejoin="round"
+          filter="url(#glow)"/>
+  </g>
+  
+  <!-- Management -->
+  <text x="160" y="42" font-family="'JetBrains Mono', monospace" font-size="40" font-weight="300" fill="#FFFFFF" letter-spacing="0.02em">Management</text>
+</svg>
+

public/branding/og-image.svg

+<svg width="1200" height="630" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;600;700&amp;display=swap');
+    </style>
+    
+    <!-- Gradients -->
+    <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#0F172A;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#1E293B;stop-opacity:1" />
+    </linearGradient>
+    
+    <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
+    </linearGradient>
+    
+    <radialGradient id="glow1" cx="30%" cy="40%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:0.3" />
+      <stop offset="100%" style="stop-color:#3B82F6;stop-opacity:0" />
+    </radialGradient>
+    
+    <radialGradient id="glow2" cx="70%" cy="60%">
+      <stop offset="0%" style="stop-color:#2563EB;stop-opacity:0.3" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:0" />
+    </radialGradient>
+    
+    <filter id="textGlow">
+      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- Background -->
+  <rect width="1200" height="630" fill="url(#bgGradient)"/>
+  
+  <!-- Glows -->
+  <ellipse cx="360" cy="252" rx="400" ry="400" fill="url(#glow1)"/>
+  <ellipse cx="840" cy="378" rx="400" ry="400" fill="url(#glow2)"/>
+  
+  <!-- Grid Pattern -->
+  <defs>
+    <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
+      <path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/>
+    </pattern>
+  </defs>
+  <rect width="1200" height="630" fill="url(#grid)"/>
+  
+  <!-- Logo -->
+  <g transform="translate(240, 220)">
+    <!-- Core -->
+    <text x="0" y="70" font-family="'JetBrains Mono', monospace" font-size="85" font-weight="700" fill="#FFFFFF" letter-spacing="0.02em">Core</text>
+    
+    <!-- X with gradient -->
+    <g transform="translate(250, 5)">
+      <path d="M 5 5 L 55 75 M 55 5 L 5 75" 
+            stroke="url(#blueGradient)" 
+            stroke-width="12" 
+            stroke-linecap="round" 
+            stroke-linejoin="round"
+            filter="url(#textGlow)"/>
+    </g>
+    
+    <!-- Management -->
+    <text x="350" y="70" font-family="'JetBrains Mono', monospace" font-size="85" font-weight="300" fill="#FFFFFF" letter-spacing="0.02em">Management</text>
+  </g>
+  
+  <!-- Tagline -->
+  <text x="600" y="420" font-family="'JetBrains Mono', monospace" font-size="28" font-weight="400" fill="#94A3B8" text-anchor="middle" letter-spacing="0.02em">IT-Dienstleistung &amp; Support für moderne Unternehmen</text>
+  
+  <!-- URL -->
+  <text x="600" y="530" font-family="'JetBrains Mono', monospace" font-size="26" font-weight="600" fill="url(#blueGradient)" text-anchor="middle" letter-spacing="0.05em">corexmanagement.de</text>
+</svg>
+

public/branding/x-icon.svg

+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
+    </linearGradient>
+    <filter id="glow">
+      <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
+      <feMerge>
+        <feMergeNode in="coloredBlur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+  
+  <!-- X with gradient and glow -->
+  <path d="M 8 8 L 42 42 M 42 8 L 8 42" 
+        stroke="url(#blueGradient)" 
+        stroke-width="6" 
+        stroke-linecap="round" 
+        stroke-linejoin="round"
+        filter="url(#glow)"/>
+</svg>
+

public/file.svg

+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
\ No newline at end of file

public/globe.svg

+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file

public/next.svg

+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file

public/vercel.svg

+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file

public/window.svg

+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file

tsconfig.json

+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}