diff --git a/libnspr4_2%3a4.35-1.1build1_amd64.deb b/libnspr4_2%3a4.35-1.1build1_amd64.deb new file mode 100644 index 0000000..6b290fb Binary files /dev/null and b/libnspr4_2%3a4.35-1.1build1_amd64.deb differ diff --git a/libnss3_2%3a3.98-1ubuntu0.1_amd64.deb b/libnss3_2%3a3.98-1ubuntu0.1_amd64.deb new file mode 100644 index 0000000..6341b7f Binary files /dev/null and b/libnss3_2%3a3.98-1ubuntu0.1_amd64.deb differ diff --git a/public/katja/katja-1.jpg b/public/katja/katja-1.jpg new file mode 100755 index 0000000..9f3f653 Binary files /dev/null and b/public/katja/katja-1.jpg differ diff --git a/public/katja/katja-2.jpg b/public/katja/katja-2.jpg new file mode 100755 index 0000000..ef25f3a Binary files /dev/null and b/public/katja/katja-2.jpg differ diff --git a/public/katja/katja-3.jpg b/public/katja/katja-3.jpg new file mode 100755 index 0000000..9d6931f Binary files /dev/null and b/public/katja/katja-3.jpg differ diff --git a/public/katja/katja-4.jpg b/public/katja/katja-4.jpg new file mode 100755 index 0000000..3af9040 Binary files /dev/null and b/public/katja/katja-4.jpg differ diff --git a/public/katja/katja-mc.jpg b/public/katja/katja-mc.jpg new file mode 100755 index 0000000..4dc4bb5 Binary files /dev/null and b/public/katja/katja-mc.jpg differ diff --git a/src/app/globals.css b/src/app/globals.css index 318b2ec..495798a 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,8 +1,8 @@ @import "tailwindcss"; :root { - --background: #0F172A; - --foreground: #F1F5F9; + --background: #f8f7ff; + --foreground: #0f172a; } @theme inline { @@ -13,7 +13,48 @@ } body { - background: var(--background); + background: linear-gradient(160deg, #f5f4ff, #f8f7ff 40%, #f4f7fa); color: var(--foreground); font-family: var(--font-geist-sans, Arial, Helvetica, sans-serif); + min-height: 100vh; } + +.mc-card { + background: #ffffff; + border: 1px solid #eae8f8; + border-radius: 1rem; +} + +.mc-card-accent { + background: #ffffff; + border: 1px solid #eae8f8; + border-radius: 1rem; + border-top: 3px solid transparent; + border-image: linear-gradient(90deg, #6366f1, #8b5cf6, #a78bfa) 1; + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; +} + +.mc-nav-bg { + background: linear-gradient(135deg, #0c0a1e, #1a1744 40%, #0f0d2a); +} + +.mc-dark-bg { + background: linear-gradient(135deg, #0c0a1e, #1a1744 40%, #0f0d2a); +} + +.mc-btn { + background: linear-gradient(135deg, #6366f1, #8b5cf6); + box-shadow: 0 4px 16px rgba(99, 102, 241, 0.35); + transition: box-shadow 0.2s, transform 0.2s; + color: #fff; + font-weight: 700; + border-radius: 0.75rem; +} + +.mc-btn:hover { + transform: translateY(-1px); + box-shadow: 0 6px 28px rgba(99, 102, 241, 0.55); +} + +details summary::-webkit-details-marker { display: none; } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 2c0d828..32f71a6 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,36 +1,18 @@ import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; +import { Geist } from "next/font/google"; import "./globals.css"; -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], -}); - -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], -}); +const geist = Geist({ variable: "--font-geist-sans", subsets: ["latin"] }); export const metadata: Metadata = { title: "Das 8-Wochen Kundengewinnungs-System für Selbstständige | Market Compass", - description: - "In 8 Wochen zu deinem eigenen Kundengewinnungs-System — speziell für Selbstständige. Mit Katja Pestereva von Market Compass und 4 Experten aus Vertrieb, Social Media & Video.", + description: "In 8 Wochen zu deinem eigenen Kundengewinnungs-System — speziell für Selbstständige. Mit Katja Pestereva von Market Compass und 4 Experten aus Vertrieb, Social Media & Video.", }; -export default function RootLayout({ - children, -}: Readonly<{ - children: React.ReactNode; -}>) { +export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - - - {children} - + + {children} ); } diff --git a/src/app/page.tsx b/src/app/page.tsx index 27334aa..9779d04 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,244 +1,236 @@ -/* ───────────────────────────────────────────────────── - GSO Gruppencoaching — Verkaufsseite - Brunson Online Masterclass Funnel Template - CI: Market Compass · Blau #3B82F6 · Lila #8B5CF6 -───────────────────────────────────────────────────── */ +import Image from "next/image"; const CTA_HREF = "#platz-sichern"; -/* ── Shared atoms ── */ - -function Btn({ href = CTA_HREF, children, xl = false }: { href?: string; children: React.ReactNode; xl?: boolean }) { +function Btn({ href = CTA_HREF, children, xl = false }: { + href?: string; children: React.ReactNode; xl?: boolean; +}) { return ( - + {children} ); } -function Badge({ children }: { children: React.ReactNode }) { +function Pill({ children }: { children: React.ReactNode }) { return ( - + + {children} ); } -/* ── Icon tile (used in "Why you'll love" and "Nach 8 Wochen") ── */ -function IconTile({ icon, title, text }: { icon: string; title: string; text?: string }) { +function IconCard({ icon, title, sub }: { icon: string; title: string; sub: string }) { return ( -
-
+
+
{icon}
-

{title}

- {text &&

{text}

} +

{title}

+

{sub}

); } -/* ── Module thumbnail card ── */ -function ModuleCard({ - week, expert, title, body, vorlagen, result, -}: { +function ModuleCard({ week, expert, title, body, vorlagen, result }: { week: string; expert?: string; title: string; body: string; vorlagen: string; result: string; }) { return ( -
- {/* Thumbnail area */} -
-
-
- +
+ {/* Thumbnail */} +
+
+
+ Video
- + {week} {expert && ( - + {expert} )}
- {/* Text */} + {/* Content */}
-

{title}

-

{body}

-

{vorlagen}

-

✓ {result}

+

{title}

+

{body}

+

{vorlagen}

+

✓ {result}

); } -/* ═══════════════════════════════════════════════════ - PAGE -═══════════════════════════════════════════════════ */ export default function Home() { return ( -
+
{/* ── NAV ── */} -
+
); }