Merge version_1 into main #2
295
src/app/page.tsx
295
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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user