From 7700bdd62dcc8aa0cbbd03a783740526125c6d0d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 17:17:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 295 ++++++++---------------------------------------
 1 file changed, 45 insertions(+), 250 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9c48173..5d26354 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Film, Globe, MessageSquare, Monitor, Move, Ruler, Tv, User, Video } from "lucide-react";
+import { Film, Globe, MessageSquare, Monitor, Move, User, Video, Gamepad } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Projects",
-          id: "#features",
-        },
-        {
-          name: "Streaming",
-          id: "#social",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Projects", id: "features" },
+        { name: "Streaming", id: "social" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Maik Cibura"
     />
@@ -58,46 +43,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Maik Cibura"
       description="Actor | Performer | Content Creator. A versatile young actor blending classical film craft with modern digital performance."
-      buttons={[
-        {
-          text: "Showreel",
-          href: "#reel",
-        },
-        {
-          text: "Kontakt",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Showreel", href: "#reel" }, { text: "Kontakt", href: "#contact" }]}
       mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP3DZz9ScF02JalOK22MuZHyvV/uploaded-1776273347358-nbblc5ji.jpg?_wi=1",
-          imageAlt: "Maik Cibura Actor Portrait",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
-          imageAlt: "Actor Portfolio",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020038.jpg",
-          imageAlt: "Cinematic Stills",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg",
-          imageAlt: "Content Creator",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-black-white_23-2149411421.jpg",
-          imageAlt: "Professional Portrait",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-looking-pink-gerbera-flower_23-2148079456.jpg",
-          imageAlt: "Modern Media",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP3DZz9ScF02JalOK22MuZHyvV/uploaded-1776273347358-nbblc5ji.jpg", imageAlt: "Maik Cibura Actor Portrait" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg", imageAlt: "Actor Portfolio" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020038.jpg", imageAlt: "Cinematic Stills" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg", imageAlt: "Content Creator" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-black-white_23-2149411421.jpg", imageAlt: "Professional Portrait" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-looking-pink-gerbera-flower_23-2148079456.jpg", imageAlt: "Modern Media" }
       ]}
     />
   </div>
@@ -109,18 +65,9 @@ export default function LandingPage() {
       title="Über Maik Cibura"
       description="Geboren 2002 in Brühl, kombiniere ich meine klassische Schauspielausbildung (IAF Köln) mit meiner Leidenschaft für moderne Content-Produktion. Seit 2011 auf der Bühne und vor der Kamera zuhause."
       bulletPoints={[
-        {
-          title: "Ausbildung",
-          description: "Internationale Akademie für Filmschauspiel, Köln.",
-        },
-        {
-          title: "TV & Bühne",
-          description: "Erfahrung in TV-Produktionen wie 'Krass Schule', 'Unter uns' und klassischem Theater.",
-        },
-        {
-          title: "Creator",
-          description: "Aktiver Twitch-Streamer unter 'twitch_maiky' für Live-Community Building.",
-        },
+        { title: "Ausbildung", description: "Internationale Akademie für Filmschauspiel, Köln." },
+        { title: "TV & Bühne", description: "Erfahrung in TV-Produktionen wie 'Krass Schule', 'Unter uns' und klassischem Theater." },
+        { title: "Creator", description: "Aktiver Twitch-Streamer unter 'twitch_maiky' für Live-Community Building." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-with-wet_613910-11158.jpg"
       mediaAnimation="blur-reveal"
@@ -134,55 +81,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "TV & Serien-Highlights",
-          description: "Vielfältige Rollen in deutschen TV-Formaten.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-singing-front-camera_23-2149215532.jpg",
-            imageAlt: "Film Set",
-          },
+          title: "TV & Serien-Highlights",          description: "Vielfältige Rollen in deutschen TV-Formaten.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-singing-front-camera_23-2149215532.jpg", imageAlt: "Film Set" },
           items: [
-            {
-              icon: Tv,
-              text: "Krass Schule – Die jungen Lehrer",
-            },
-            {
-              icon: Film,
-              text: "Unter uns – Rolle: Timo Esswein",
-            },
-            {
-              icon: Monitor,
-              text: "Waidendorf – Marvin Palowski",
-            },
+            { icon: Tv, text: "Krass Schule – Die jungen Lehrer" },
+            { icon: Film, text: "Unter uns – Rolle: Timo Esswein" },
+            { icon: Monitor, text: "Waidendorf – Marvin Palowski" }
           ],
-          reverse: false,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CP3DZz9ScF02JalOK22MuZHyvV/uploaded-1776273347358-nbblc5ji.jpg?_wi=2",
-          imageAlt: "actor film set professional",
+          reverse: false
         },
         {
-          title: "Digital & Streaming",
-          description: "Erweiterung der Schauspielerei durch Live-Interaktion.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/streamer-man-looking-camera-smiling-while-streaming-chat-is-open_482257-555.jpg",
-            imageAlt: "Twitch Setup",
-          },
+          title: "Digital & Streaming",          description: "Erweiterung der Schauspielerei durch Live-Interaktion.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/streamer-man-looking-camera-smiling-while-streaming-chat-is-open_482257-555.jpg", imageAlt: "Twitch Setup" },
           items: [
-            {
-              icon: Gamepad2,
-              text: "Twitch-Community: twitch_maiky",
-            },
-            {
-              icon: Video,
-              text: "Authentisches Creator-Storytelling",
-            },
-            {
-              icon: MessageSquare,
-              text: "Echtzeit-Interaktion mit Fans",
-            },
+            { icon: Gamepad, text: "Twitch-Community: twitch_maiky" },
+            { icon: Video, text: "Authentisches Creator-Storytelling" },
+            { icon: MessageSquare, text: "Echtzeit-Interaktion mit Fans" }
           ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/scrapbook-with-assortment-home-decorations_23-2149614049.jpg?_wi=1",
-          imageAlt: "actor film set professional",
-        },
+          reverse: true
+        }
       ]}
       title="Projekte & Filmografie"
       description="Ein Überblick über meine TV-Arbeit, Serienprojekte und Werbekampagnen."
@@ -195,30 +110,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          icon: User,
-          title: "Spielalter",
-          value: "17–27",
-        },
-        {
-          id: "m2",
-          icon: Globe,
-          title: "Sprachen",
-          value: "DE, EN, ES",
-        },
-        {
-          id: "m3",
-          icon: Move,
-          title: "Tanz",
-          value: "Standard & Latein",
-        },
-        {
-          id: "m4",
-          icon: Ruler,
-          title: "Größe",
-          value: "184cm",
-        },
+        { id: "m1", icon: User, title: "Spielalter", value: "17–27" },
+        { id: "m2", icon: Globe, title: "Sprachen", value: "DE, EN, ES" },
+        { id: "m3", icon: Move, title: "Tanz", value: "Standard & Latein" },
+        { id: "m4", icon: Ruler, title: "Größe", value: "184cm" }
       ]}
       title="Profil & Fähigkeiten"
       description="Die Eckdaten meiner professionellen Performance."
@@ -228,45 +123,13 @@ export default function LandingPage() {
   <div id="reel" data-section="reel">
       <ProductCardOne
       textboxLayout="default"
+      animationType="slide-up"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Showreel 2024",
-          price: "Link",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066398.jpg",
-        },
-        {
-          id: "p2",
-          name: "Ariel Werbespot",
-          price: "TVC",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-girl-winning-shooter-game-she-is-playing-powerful-gaming-computer_482257-27313.jpg",
-        },
-        {
-          id: "p3",
-          name: "Waidendorf Szene",
-          price: "Clip",
-          imageSrc: "http://img.b2bpic.net/free-photo/chart-laptop-amid-blue-bedding-folds-night-trading_169016-69210.jpg",
-        },
-        {
-          id: "p4",
-          name: "Unter uns Highlights",
-          price: "Clip",
-          imageSrc: "http://img.b2bpic.net/free-photo/firing-range-client-doing-shooting-activity-friends-comparing-shots_482257-118598.jpg",
-        },
-        {
-          id: "p5",
-          name: "Monolog Demo",
-          price: "Clip",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-filming-video-online-channel-dimly-lit-home-studio-presenting-mouse-keyboard_482257-133196.jpg",
-        },
-        {
-          id: "p6",
-          name: "Improvisation Demo",
-          price: "Clip",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-vr-glasses-eating-popcorn_23-2147771080.jpg",
-        },
+        { id: "p1", name: "Showreel 2024", price: "Link", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066353.jpg" },
+        { id: "p2", name: "Ariel Werbespot", price: "TVC", imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-girl-winning-shooter-game-she-is-playing-powerful-gaming-computer_482257-27313.jpg" },
+        { id: "p3", name: "Waidendorf Szene", price: "Clip", imageSrc: "http://img.b2bpic.net/free-photo/chart-laptop-amid-blue-bedding-folds-night-trading_169016-69210.jpg" }
       ]}
       title="Showreel & Media"
       description="Ausgewählte Szenen meiner Arbeit als Schauspieler."
@@ -279,41 +142,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alex B.",
-          handle: "@twitch_fan",
-          testimonial: "Der Stream ist immer authentisch und voller Energie. Tolle Community!",
-          imageSrc: "http://img.b2bpic.net/free-photo/scrapbook-with-assortment-home-decorations_23-2149614049.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Sarah K.",
-          handle: "@stream_watcher",
-          testimonial: "Maik verbindet Schauspielkunst perfekt mit dem Live-Entertainment.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-waitress-looking-camera_23-2147830510.jpg",
-        },
-        {
-          id: "t3",
-          name: "Jens M.",
-          handle: "@fan_official",
-          testimonial: "Absolut unterhaltsam und inspirierend zuzusehen.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-together_23-2149560749.jpg",
-        },
-        {
-          id: "t4",
-          name: "Lena D.",
-          handle: "@twitch_maiky_fan",
-          testimonial: "Maik schafft eine einzigartige Atmosphäre in seinen Streams.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2933.jpg",
-        },
-        {
-          id: "t5",
-          name: "Tom S.",
-          handle: "@acting_follower",
-          testimonial: "Man merkt, dass er vom Fach ist. Profi-Entertainment!",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-sensitive-man-posing-indoors_23-2149518274.jpg",
-        },
+        { id: "t1", name: "Alex B.", handle: "@twitch_fan", testimonial: "Der Stream ist immer authentisch und voller Energie. Tolle Community!", imageSrc: "http://img.b2bpic.net/free-photo/scrapbook-with-assortment-home-decorations_23-2149614049.jpg" },
+        { id: "t2", name: "Sarah K.", handle: "@stream_watcher", testimonial: "Maik verbindet Schauspielkunst perfekt mit dem Live-Entertainment.", imageSrc: "http://img.b2bpic.net/free-photo/confident-waitress-looking-camera_23-2147830510.jpg" },
+        { id: "t3", name: "Jens M.", handle: "@fan_official", testimonial: "Absolut unterhaltsam und inspirierend zuzusehen.", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-together_23-2149560749.jpg" },
+        { id: "t4", name: "Lena D.", handle: "@twitch_maiky_fan", testimonial: "Maik schafft eine einzigartige Atmosphäre in seinen Streams.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2933.jpg" },
+        { id: "t5", name: "Tom S.", handle: "@acting_follower", testimonial: "Man merkt, dass er vom Fach ist. Profi-Entertainment!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sensitive-man-posing-indoors_23-2149518274.jpg" }
       ]}
       title="Creator Community"
       description="Was Zuschauer über den Stream auf twitch_maiky sagen."
@@ -323,9 +156,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Let's Connect"
       title="Booking & Kontakt"
       description="Für Anfragen zur Zusammenarbeit, Schauspiel-Castings oder Medienanfragen."
@@ -337,45 +168,9 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-male-with-camera-cave-taking-picture_181624-3533.jpg"
       logoText="Maik Cibura"
       columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Startseite",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Agentur Mewes",
-              href: "#",
-            },
-            {
-              label: "E-Mail",
-              href: "mailto:info@maikcibura.de",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Twitch",
-              href: "https://twitch.tv/twitch_maiky",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Startseite", href: "#hero" }, { label: "About", href: "#about" }] },
+        { title: "Kontakt", items: [{ label: "Agentur Mewes", href: "#" }, { label: "E-Mail", href: "mailto:info@maikcibura.de" }] },
+        { title: "Social", items: [{ label: "Twitch", href: "https://twitch.tv/twitch_maiky" }, { label: "Instagram", href: "#" }] }
       ]}
       copyrightText="© 2025 Maik Cibura"
     />
-- 
2.49.1