From cebbae33f2dee2e7723a37ecc6292b5c0f9f99e5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 27 Apr 2026 14:12:45 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 334 ++++++++---------------------------------------
 1 file changed, 52 insertions(+), 282 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 53adf33..64233d0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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: "#" },
           ],
         },
       ]}