bender/899d7ed8-1cf3-47c4-abdd-ea5cccd35f76
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-04-27 14:12:45 +00:00
parent a390a1ee1c
commit cebbae33f2
1 changed files with 52 additions and 282 deletions
Download Patch File Download Diff File Expand all files Collapse all files

334
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Case Studies",
id: "case-studies",
},
{
name: "Preise",
id: "pricing",
},
{
name: "Kontakt",
id: "contact",
},
{ name: "Services", id: "services" },
{ name: "Case Studies", id: "case-studies" },
{ name: "Preise", id: "pricing" },
{ name: "Kontakt", id: "contact" },
]}
brandName="LeMedia"
/>
@@ -54,103 +42,42 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="LeMedia skaliert Marken mit Performance, Content & AI."
description="Mehr Leads. Mehr Umsatz. Mehr Wachstum. Für Unternehmen, die mehr wollen als nur Marketing."
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/portrait-of-a-high-end-business-executiv-1777298994406-50af2ae8.png",
alt: "Client",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/portrait-of-a-modern-entrepreneur-clean--1777299004038-968c005d.png",
alt: "Client",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/professional-creative-agency-director-pr-1777299012968-f0a770b5.png",
alt: "Client",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/high-level-marketing-strategist-sharp-fo-1777299022874-962b1e1f.png",
alt: "Client",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/business-founder-in-tech-industry-clean--1777299030399-6950b403.png",
alt: "Client",
},
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/portrait-of-a-high-end-business-executiv-1777298994406-50af2ae8.png", alt: "Client" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/portrait-of-a-modern-entrepreneur-clean--1777299004038-968c005d.png", alt: "Client" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/professional-creative-agency-director-pr-1777299012968-f0a770b5.png", alt: "Client" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/high-level-marketing-strategist-sharp-fo-1777299022874-962b1e1f.png", alt: "Client" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/business-founder-in-tech-industry-clean--1777299030399-6950b403.png", alt: "Client" },
]}
avatarText="100+ Erfolgreiche Partnerschaften"
buttons={[
{
text: "Kostenloses Strategiegespräch",
href: "#contact",
},
{
text: "Preise ansehen",
href: "#pricing",
},
{ text: "Kostenloses Strategiegespräch", href: "#contact" },
{ text: "Preise ansehen", href: "#pricing" },
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Skalierbarkeit",
},
{
type: "text",
text: "Schweizer Qualität",
},
{
type: "text",
text: "Performance First",
},
{
type: "text",
text: "AI Integration",
},
{
type: "text",
text: "Data Driven",
},
{ type: "text", text: "Skalierbarkeit" },
{ type: "text", text: "Schweizer Qualität" },
{ type: "text", text: "Performance First" },
{ type: "text", text: "AI Integration" },
{ type: "text", text: "Data Driven" },
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Performance Marketing",
subtitle: "Meta & Google Ads Strategien",
category: "Growth",
value: "High-ROAS",
},
{
id: "2",
title: "Branding & Content",
subtitle: "Luxuriöse Markenwelten",
category: "Creative",
value: "Premium",
},
{
id: "3",
title: "AI Automationen",
subtitle: "Skalierbare Systeme & AI Tools",
category: "Tech",
value: "Innovation",
},
{
id: "4",
title: "Web Design",
subtitle: "High-Converting Landings",
category: "Design",
value: "UX",
},
{ id: "1", title: "Performance Marketing", subtitle: "Meta & Google Ads Strategien", category: "Growth", value: "High-ROAS" },
{ id: "2", title: "Branding & Content", subtitle: "Luxuriöse Markenwelten", category: "Creative", value: "Premium" },
{ id: "3", title: "AI Automationen", subtitle: "Skalierbare Systeme & AI Tools", category: "Tech", value: "Innovation" },
{ id: "4", title: "Web Design", subtitle: "High-Converting Landings", category: "Design", value: "UX" },
]}
title="Premium Dienstleistungen"
description="Elite Wachstumslösungen für moderne Marken."
@@ -162,10 +89,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Schweizer Präzision trifft auf Skalierbarkeit."
buttons={[
{
text: "Jetzt anfragen",
href: "#contact",
},
{ text: "Jetzt anfragen", href: "#contact" },
]}
/>
</div>
@@ -176,36 +100,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "CHF 1M+",
title: "Verwaltetes Werbebudget",
items: [
"Optimiert",
"Skalierbar",
"Effizient",
],
},
{
id: "m2",
value: "300%",
title: "Ø ROAS Steigerung",
items: [
"Performance",
"Datengetrieben",
"Resultate",
],
},
{
id: "m3",
value: "100+",
title: "Kundenprojekte",
items: [
"Erfolgreich",
"Wachstum",
"Vertrauen",
],
},
{ id: "m1", value: "CHF 1M+", title: "Verwaltetes Werbebudget", items: ["Optimiert", "Skalierbar", "Effizient"] },
{ id: "m2", value: "300%", title: "Ø ROAS Steigerung", items: ["Performance", "Datengetrieben", "Resultate"] },
{ id: "m3", value: "100+", title: "Kundenprojekte", items: ["Erfolgreich", "Wachstum", "Vertrauen"] },
]}
title="Messbare Resultate."
description="Wir liefern Zahlen, keine leeren Versprechen."
@@ -219,42 +116,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "c1",
name: "Fashion Brand",
price: "5x Leads",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777298984738-c382dc5e.png",
},
{
id: "c2",
name: "SaaS Platform",
price: "400% ROAS",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777299045440-7f8f2169.png",
},
{
id: "c3",
name: "E-Commerce",
price: "300% Growth",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777299053996-f1384ff1.png",
},
{
id: "c4",
name: "Real Estate",
price: "Scale",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777299062874-b6599f3e.png",
},
{
id: "c5",
name: "Local Business",
price: "10x Reach",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777299070840-6e14361e.png",
},
{
id: "c6",
name: "Tech Startup",
price: "System",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777299080838-c3e9b7df.png",
},
{ id: "c1", name: "Fashion Brand", price: "5x Leads", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777298984738-c382dc5e.png" },
{ id: "c2", name: "SaaS Platform", price: "400% ROAS", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777299045440-7f8f2169.png" },
{ id: "c3", name: "E-Commerce", price: "300% Growth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777299053996-f1384ff1.png" },
{ id: "c4", name: "Real Estate", price: "Scale", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777299062874-b6599f3e.png" },
{ id: "c5", name: "Local Business", price: "10x Reach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777299070840-6e14361e.png" },
{ id: "c6", name: "Tech Startup", price: "System", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/premium-high-end-website-dashboard-inter-1777299080838-c3e9b7df.png" },
]}
title="Unsere Cases."
description="Impressionen von echtem Wachstum."
@@ -267,42 +134,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "starter",
badge: "Basis",
price: "CHF 1'490",
subtitle: "Für lokale Unternehmen",
features: [
"Social Media Betreuung",
"8 Posts pro Monat",
"Reporting",
"Community Mgmt",
],
},
{
id: "growth",
badge: "Most Popular",
price: "CHF 2'990",
subtitle: "Für ambitioniertes Wachstum",
features: [
"Meta & Google Ads",
"Lead Generation",
"Conversion Opt.",
"Content Creation",
],
},
{
id: "scale",
badge: "Skalierung",
price: "CHF 5'990",
subtitle: "Full Growth System",
features: [
"Paid Ads Management",
"Creative Production",
"AI Automation",
"Dedicated Strategist",
],
},
{ id: "starter", badge: "Basis", price: "CHF 1'490", subtitle: "Für lokale Unternehmen", features: ["Social Media Betreuung", "8 Posts pro Monat", "Reporting", "Community Mgmt"] },
{ id: "growth", badge: "Most Popular", price: "CHF 2'990", subtitle: "Für ambitioniertes Wachstum", features: ["Meta & Google Ads", "Lead Generation", "Conversion Opt.", "Content Creation"] },
{ id: "scale", badge: "Skalierung", price: "CHF 5'990", subtitle: "Full Growth System", features: ["Paid Ads Management", "Creative Production", "AI Automation", "Dedicated Strategist"] },
]}
title="Wachstumspakete."
description="Finden Sie die Lösung, die zu Ihnen passt."
@@ -315,46 +149,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Müller",
handle: "@sm-brands",
testimonial: "LeMedia hat unser Wachstum auf ein neues Level gehoben. Exzellente Arbeit.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/portrait-of-a-high-end-business-executiv-1777299092531-cc8e8525.png",
},
{
id: "t2",
name: "Marc Schneider",
handle: "@tech-innovation",
testimonial: "Professionell, schnell und datengetrieben. Absolut empfehlenswert.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/portrait-of-a-modern-entrepreneur-clean--1777299103888-bfd12e83.png",
},
{
id: "t3",
name: "Elena Fischer",
handle: "@elena-fashion",
testimonial: "Dank LeMedia haben wir unseren Umsatz in 90 Tagen verdoppelt.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/professional-creative-agency-director-pr-1777299113087-7994b381.png",
},
{
id: "t4",
name: "Thomas Weber",
handle: "@weber-realestate",
testimonial: "Das Team versteht genau, was wir brauchen. Spitzen Qualität.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/high-level-marketing-strategist-sharp-fo-1777299122406-7e5b509d.png",
},
{
id: "t5",
name: "Sophie Rossi",
handle: "@rossi-interiors",
testimonial: "Strategisch klug und kreativ brillant. Die beste Agentur in Schaffhausen.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/business-founder-in-tech-industry-clean--1777299030399-6950b403.png",
},
{ id: "t1", name: "Sarah Müller", handle: "@sm-brands", testimonial: "LeMedia hat unser Wachstum auf ein neues Level gehoben. Exzellente Arbeit.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/portrait-of-a-high-end-business-executiv-1777299092531-cc8e8525.png" },
{ id: "t2", name: "Marc Schneider", handle: "@tech-innovation", testimonial: "Professionell, schnell und datengetrieben. Absolut empfehlenswert.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/portrait-of-a-modern-entrepreneur-clean--1777299103888-bfd12e83.png" },
{ id: "t3", name: "Elena Fischer", handle: "@elena-fashion", testimonial: "Dank LeMedia haben wir unseren Umsatz in 90 Tagen verdoppelt.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/professional-creative-agency-director-pr-1777299113087-7994b381.png" },
{ id: "t4", name: "Thomas Weber", handle: "@weber-realestate", testimonial: "Das Team versteht genau, was wir brauchen. Spitzen Qualität.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/high-level-marketing-strategist-sharp-fo-1777299122406-7e5b509d.png" },
{ id: "t5", name: "Sophie Rossi", handle: "@rossi-interiors", testimonial: "Strategisch klug und kreativ brillant. Die beste Agentur in Schaffhausen.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bep0EgUd6sNlIVXvgAxJbDiyZ2/business-founder-in-tech-industry-clean--1777299030399-6950b403.png" },
]}
showRating={true}
title="Was unsere Partner sagen."
@@ -367,10 +166,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Über LeMedia."
buttons={[
{
text: "Kontaktieren Sie uns",
href: "#contact",
},
{ text: "Kontaktieren Sie uns", href: "#contact" },
]}
/>
</div>
@@ -378,17 +174,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Jetzt Starten"
title="Wachstumsanalyse sichern."
description="Bereit für den nächsten Schritt? Wir erstellen Ihre individuelle Strategie."
buttons={[
{
text: "Kostenloses Gespräch buchen",
href: "#",
},
{ text: "Kostenloses Gespräch buchen", href: "#" },
]}
/>
</div>
@@ -399,42 +190,21 @@ export default function LandingPage() {
logoText="LeMedia"
columns={[
{
title: "Services",
items: [
{
label: "Performance Marketing",
href: "#services",
},
{
label: "AI Automation",
href: "#services",
},
title: "Services", items: [
{ label: "Performance Marketing", href: "#services" },
{ label: "AI Automation", href: "#services" },
],
},
{
title: "Firma",
items: [
{
label: "Über uns",
href: "#about",
},
{
label: "Kontakt",
href: "#contact",
},
title: "Firma", items: [
{ label: "Über uns", href: "#about" },
{ label: "Kontakt", href: "#contact" },
],
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
title: "Rechtliches", items: [
{ label: "Impressum", href: "#" },
{ label: "Datenschutz", href: "#" },
],
},
]}