bender/e819ffda-bc53-45e0-834d-eb92b0540a54
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 08:27:33 +00:00
parent 67ef7035e4
commit 7002ff8a60
1 changed files with 39 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

258
src/app/page.tsx
View File

@@ -29,26 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Start",
id: "hero",
},
{
name: "Über mich",
id: "about",
},
{
name: "Leistungen",
id: "services",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "Kontakt",
id: "contact",
},
{ name: "Start", id: "hero" },
{ name: "Über mich", id: "about" },
{ name: "Leistungen", id: "services" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Emilia UGC"
/>
@@ -59,40 +44,16 @@ export default function LandingPage() {
logoText="Emilia UGC"
description="Authentic UGC Content that connects brands with people. Ich erstelle authentischen, modernen und conversionstarken Content für Marken, die sichtbar werden möchten."
buttons={[
{
text: "Jetzt Anfrage senden",
href: "#contact",
},
{
text: "Portfolio ansehen",
href: "#portfolio",
},
{ text: "Jetzt Anfrage senden", href: "#contact" },
{ text: "Portfolio ansehen", href: "#portfolio" },
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/minimal-different-vases-arrangement_23-2149681130.jpg",
imageAlt: "young woman UGC creator",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-v-mount-accumulator-review_482257-109112.jpg",
imageAlt: "UGC lifestyle creator",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-view-smile-woman-talk-phone_197531-32918.jpg",
imageAlt: "creator selfie aesthetic",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bullet-journals-pens_23-2149740084.jpg",
imageAlt: "creative strategy planner",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080523.jpg",
imageAlt: "product focus photography",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-pumpkin-with-leaves_23-2149731223.jpg",
imageAlt: "minimalist photography aesthetic",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/minimal-different-vases-arrangement_23-2149681130.jpg", imageAlt: "young woman UGC creator" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-filming-v-mount-accumulator-review_482257-109112.jpg", imageAlt: "UGC lifestyle creator" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-view-smile-woman-talk-phone_197531-32918.jpg", imageAlt: "creator selfie aesthetic" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bullet-journals-pens_23-2149740084.jpg", imageAlt: "creative strategy planner" },
{ imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080523.jpg", imageAlt: "product focus photography" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-pumpkin-with-leaves_23-2149731223.jpg", imageAlt: "minimalist photography aesthetic" },
]}
/>
</div>
@@ -102,10 +63,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Hi, ich bin Emilia – UGC-Creatorin mit einem Gespür für authentischen Content."
buttons={[
{
text: "Mehr erfahren",
href: "#services",
},
{ text: "Mehr erfahren", href: "#services" },
]}
/>
</div>
@@ -116,30 +74,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "1",
title: "UGC Videos",
descriptions: [
"High-Quality UGC für Social Media.",
],
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bicycle-gear_1170-2511.jpg",
},
{
id: "2",
title: "TikTok & Reels",
descriptions: [
"Trendbasierte Kurzvideos.",
],
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-blogger-seen-smartphone-screen-home_662251-2784.jpg",
},
{
id: "3",
title: "Produktfotos",
descriptions: [
"Lifestyle & Product Photography.",
],
imageSrc: "http://img.b2bpic.net/free-photo/tender-young-caucasian-model-woman-touching-face-while-looking-mirror-reflection-brunette-girl-enjoys-moment-with-her-eyes-closed-healthy-hydrated-skin-care-concept_197531-32268.jpg",
},
{ id: "1", title: "UGC Videos", descriptions: ["High-Quality UGC für Social Media."], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bicycle-gear_1170-2511.jpg" },
{ id: "2", title: "TikTok & Reels", descriptions: ["Trendbasierte Kurzvideos."], imageSrc: "http://img.b2bpic.net/free-photo/hispanic-blogger-seen-smartphone-screen-home_662251-2784.jpg" },
{ id: "3", title: "Produktfotos", descriptions: ["Lifestyle & Product Photography."], imageSrc: "http://img.b2bpic.net/free-photo/tender-young-caucasian-model-woman-touching-face-while-looking-mirror-reflection-brunette-girl-enjoys-moment-with-her-eyes-closed-healthy-hydrated-skin-care-concept_197531-32268.jpg" },
]}
title="Meine Leistungen"
description="Alles was Sie für eine erfolgreiche UGC-Kampagne benötigen."
@@ -153,42 +90,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Beauty Campaign",
price: "UGC",
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263167.jpg",
},
{
id: "2",
name: "Fashion Reels",
price: "Ads",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105241.jpg",
},
{
id: "3",
name: "Food Styling",
price: "Content",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-food-assortment_23-2149043090.jpg",
},
{
id: "4",
name: "Tech Unboxing",
price: "UGC",
imageSrc: "http://img.b2bpic.net/free-photo/female-vlogger-home-with-camera-unboxing-plant_23-2148738205.jpg",
},
{
id: "5",
name: "Travel Lifestyle",
price: "Content",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-hat-out-window-car-mirror-view_23-2148756440.jpg",
},
{
id: "6",
name: "Ad Creatives",
price: "Ads",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-compostable-containers-arrangement_23-2149353101.jpg",
},
{ id: "1", name: "Beauty Campaign", price: "UGC", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263167.jpg" },
{ id: "2", name: "Fashion Reels", price: "Ads", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105241.jpg" },
{ id: "3", name: "Food Styling", price: "Content", imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-food-assortment_23-2149043090.jpg" },
{ id: "4", name: "Tech Unboxing", price: "UGC", imageSrc: "http://img.b2bpic.net/free-photo/female-vlogger-home-with-camera-unboxing-plant_23-2148738205.jpg" },
{ id: "5", name: "Travel Lifestyle", price: "Content", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-hat-out-window-car-mirror-view_23-2148756440.jpg" },
{ id: "6", name: "Ad Creatives", price: "Ads", imageSrc: "http://img.b2bpic.net/free-photo/top-view-compostable-containers-arrangement_23-2149353101.jpg" },
]}
title="Portfolio & Cases"
description="Ein Blick auf meine bisherigen Projekte."
@@ -201,30 +108,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={true}
features={[
{
id: "w1",
title: "Vertrauen",
descriptions: [
"Content, der authentisch wirkt.",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stands-house-design-sketch-ready-renovation_273609-37349.jpg",
},
{
id: "w2",
title: "Modern Look",
descriptions: [
"Passend zu den heutigen Trends.",
],
imageSrc: "http://img.b2bpic.net/free-photo/glad-mixed-race-woman-with-afro-hairstyle-poses-cell-phone-making-selfie_273609-44865.jpg",
},
{
id: "w3",
title: "Conversion",
descriptions: [
"Content, der Kunden überzeugt.",
],
imageSrc: "http://img.b2bpic.net/free-photo/gradient-glitter-luxury-arrow-pointing-up_23-2148445335.jpg",
},
{ id: "w1", title: "Vertrauen", descriptions: ["Content, der authentisch wirkt."], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stands-house-design-sketch-ready-renovation_273609-37349.jpg" },
{ id: "w2", title: "Modern Look", descriptions: ["Passend zu den heutigen Trends."], imageSrc: "http://img.b2bpic.net/free-photo/glad-mixed-race-woman-with-afro-hairstyle-poses-cell-phone-making-selfie_273609-44865.jpg" },
{ id: "w3", title: "Conversion", descriptions: ["Content, der Kunden überzeugt."], imageSrc: "http://img.b2bpic.net/free-photo/gradient-glitter-luxury-arrow-pointing-up_23-2148445335.jpg" },
]}
title="Warum UGC mit Emilia?"
description="Authentischer Content, der Vertrauen schafft und konvertiert."
@@ -237,30 +123,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "p1",
title: "Anfrage",
descriptions: [
"Kontaktaufnahme.",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-pencil_23-2148708101.jpg",
},
{
id: "p2",
title: "Briefing",
descriptions: [
"Ziele und Vision.",
],
imageSrc: "http://img.b2bpic.net/free-photo/creative-ideas-identity-product-develop-design_53876-167129.jpg",
},
{
id: "p3",
title: "Produktion",
descriptions: [
"Umsetzung & Content.",
],
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-working-with-interactive-pen-display-digital-drawing-tablet-pen-computer-smooth-tracking-shot-with-nice-backlit-lensflare_197531-3414.jpg",
},
{ id: "p1", title: "Anfrage", descriptions: ["Kontaktaufnahme."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-pencil_23-2148708101.jpg" },
{ id: "p2", title: "Briefing", descriptions: ["Ziele und Vision."], imageSrc: "http://img.b2bpic.net/free-photo/creative-ideas-identity-product-develop-design_53876-167129.jpg" },
{ id: "p3", title: "Produktion", descriptions: ["Umsetzung & Content."], imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-working-with-interactive-pen-display-digital-drawing-tablet-pen-computer-smooth-tracking-shot-with-nice-backlit-lensflare_197531-3414.jpg" },
]}
title="Der Ablauf"
description="In 5 Schritten zum perfekten Content."
@@ -272,47 +137,13 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
description="Was unsere Partner über uns sagen."
testimonials={[
{
id: "t1",
name: "Anna S.",
handle: "@brand",
testimonial: "Großartige Zusammenarbeit!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034128.jpg",
},
{
id: "t2",
name: "Marc L.",
handle: "@shop",
testimonial: "Sehr professionell.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg",
},
{
id: "t3",
name: "Lisa K.",
handle: "@agency",
testimonial: "Schnelle Umsetzung.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg",
},
{
id: "t4",
name: "Tim B.",
handle: "@app",
testimonial: "Immer gerne wieder.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg",
},
{
id: "t5",
name: "Sara D.",
handle: "@store",
testimonial: "Top Ästhetik.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
},
{ id: "t1", name: "Anna S.", handle: "@brand", testimonial: "Großartige Zusammenarbeit!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034128.jpg" },
{ id: "t2", name: "Marc L.", handle: "@shop", testimonial: "Sehr professionell.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg" },
{ id: "t3", name: "Lisa K.", handle: "@agency", testimonial: "Schnelle Umsetzung.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg" },
{ id: "t4", name: "Tim B.", handle: "@app", testimonial: "Immer gerne wieder.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg" },
{ id: "t5", name: "Sara D.", handle: "@store", testimonial: "Top Ästhetik.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
]}
showRating={true}
title="Was Brands sagen"
@@ -322,17 +153,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Kontakt"
title="Kooperation anfragen"
description="Lass uns dein nächstes Projekt planen. hello@emilia-ugc.de"
buttons={[
{
text: "Jetzt anfragen",
href: "#",
},
{ text: "Jetzt anfragen", href: "#" },
]}
/>
</div>
@@ -340,14 +166,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Emilia UGC"
leftLink={{
text: "Impressum",
href: "#",
}}
rightLink={{
text: "Datenschutz",
href: "#",
}}
leftLink={{ text: "Impressum", href: "#" }}
rightLink={{ text: "Datenschutz", href: "#" }}
/>
</div>
</ReactLenis>