Add complete bewerbung Next.js application

- Add all Next.js application files
- Include components, app structure, and public assets
- Remove empty bewerbung placeholder folder
- Update .gitignore for Next.js project

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

app/globals.css

@@ -0,0 +1,65 @@
+@import "tailwindcss";
+
+:root {
+  --color-primary: #3dc9b3;
+  --color-primary-dark: #309383;
+  --color-text: #353535;
+  --color-text-light: #8c9398;
+  --color-bg-light: #f3f5f8;
+  --color-bg-dark: #242830;
+}
+
+@theme inline {
+  --font-varela: "Varela Round", system-ui, sans-serif;
+  
+  --color-primary: #3dc9b3;
+  --color-primary-dark: #309383;
+  --color-text: #353535;
+  --color-text-light: #8c9398;
+  --color-bg-light: #f3f5f8;
+  --color-bg-dark: #242830;
+}
+
+body {
+  color: var(--color-text);
+  font-family: var(--font-varela);
+}
+
+/* Smooth scroll behavior */
+html {
+  scroll-behavior: smooth;
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+  width: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--color-bg-light);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--color-primary);
+  border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--color-primary-dark);
+}
+
+/* Animations */
+@keyframes fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.animate-fade-in {
+  animation: fade-in 1s ease-out;
+}

app/layout.tsx

@@ -0,0 +1,37 @@
+import type { Metadata } from "next";
+import { Varela_Round } from "next/font/google";
+import "./globals.css";
+
+const varelaRound = Varela_Round({
+  weight: "400",
+  subsets: ["latin"],
+  variable: "--font-varela",
+});
+
+export const metadata: Metadata = {
+  title: "beWerbung - Sebastian Fröhlich",
+  description: "Die Bewerberwebseite von Sebastian Fröhlich - Full-Stack Developer, technischer PO, Team Leader mit Fokus auf moderne Webtechnologien",
+  keywords: ["Sebastian Fröhlich", "Bewerbung", "Full-Stack Developer", "Web Development", "PHP", "JavaScript", "Python"],
+  authors: [{ name: "Sebastian Fröhlich" }],
+  openGraph: {
+    title: "beWerbung - Sebastian Fröhlich",
+    description: "Full-Stack Developer, technischer PO, Team Leader mit Leidenschaft für moderne Webtechnologien",
+    type: "website",
+  },
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="de" className="scroll-smooth">
+      <body
+        className={`${varelaRound.variable} antialiased font-varela`}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}

app/page.tsx

@@ -0,0 +1,55 @@
+import Hero from '@/components/Hero';
+import Intro from '@/components/Intro';
+import DownloadSection from '@/components/DownloadSection';
+import Experience from '@/components/Experience';
+import Skills from '@/components/Skills';
+import SoftSkills from '@/components/SoftSkills';
+import Portfolio from '@/components/Portfolio';
+import Contact from '@/components/Contact';
+import Footer from '@/components/Footer';
+
+export default function Home() {
+  return (
+    <main className="min-h-screen">
+      <Hero />
+      
+      <Intro />
+      
+      <DownloadSection
+        title="Sebastian Fröhlich"
+        subtitle="Meinen Lebenslauf herunterladen"
+        buttonText="Jetzt downloaden"
+        href="/downloads/Lebenslauf_2025.pdf"
+        backgroundImage="/img/bg-lebenslauf.jpg"
+      />
+      
+      <Experience />
+      
+      <Skills />
+      
+      <SoftSkills />
+      
+      <DownloadSection
+        title="Sebastian Fröhlich"
+        subtitle="Meine Arbeitszeugnisse herunterladen"
+        buttonText="Jetzt downloaden"
+        href="/downloads/Zeugnisse_2025.pdf"
+        backgroundImage="/img/bg-arbeitszeugnisse.jpg"
+      />
+      
+      <Portfolio />
+      
+      <DownloadSection
+        title="Sebastian Fröhlich"
+        subtitle="Meine Referenzen herunterladen"
+        buttonText="Jetzt downloaden"
+        href="/downloads/Referenzen.pdf"
+        backgroundImage="/img/keyboard-bg.jpg"
+      />
+      
+      <Contact />
+      
+      <Footer />
+    </main>
+  );
+}