From 151e4e1f0c7475dcb1e27f49f0ddb8efc3bceb62 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 12 Apr 2026 16:05:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 380 ++++++++++++++---------------------------------
 1 file changed, 111 insertions(+), 269 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 856d87f..4cffce8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,284 +17,126 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Start",
-          id: "hero",
-        },
-        {
-          name: "Über uns",
-          id: "about",
-        },
-        {
-          name: "Vorteile",
-          id: "features",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="Webild Solutions"
-      button={{
-        text: "Jetzt starten",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Start", id: "hero" },
+              { name: "Über uns", id: "about" },
+              { name: "Vorteile", id: "features" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="Webild Solutions"
+            button={{
+              text: "Jetzt starten",              href: "#contact"}}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Innovation für Ihren Erfolg."
-      description="Wir entwickeln maßgeschneiderte Lösungen, die Ihr Unternehmen voranbringen. Modern, effizient und zukunftssicher."
-      testimonials={[
-        {
-          name: "Julia M.",
-          handle: "@JuliaM",
-          testimonial: "Die Zusammenarbeit war absolut professionell und das Ergebnis hat unsere Erwartungen weit übertroffen.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg?_wi=1",
-          imageAlt: "modern tech workspace",
-        },
-        {
-          name: "Markus K.",
-          handle: "@MarkusK",
-          testimonial: "Hervorragender Service und technische Expertise auf höchstem Niveau.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-hr-workers-interviewing-candidate-job-offer-attending-employment-recruitment-meeting-office-business-people-talking-jobless-woman-about-career-opportunity_482257-41878.jpg?_wi=1",
-          imageAlt: "modern tech workspace",
-        },
-        {
-          name: "Sandra L.",
-          handle: "@SandraL",
-          testimonial: "Ein echter Gewinn für unser Unternehmen. Vielen Dank für die Unterstützung!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
-          imageAlt: "modern tech workspace",
-        },
-        {
-          name: "Thomas B.",
-          handle: "@ThomasB",
-          testimonial: "Sehr zu empfehlen! Alles hat perfekt funktioniert.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
-          imageAlt: "modern tech workspace",
-        },
-        {
-          name: "Lena S.",
-          handle: "@LenaS",
-          testimonial: "Durchdachte Konzepte und eine schnelle Umsetzung.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
-          imageAlt: "modern tech workspace",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Jetzt beraten lassen",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg?_wi=2"
-      imageAlt="Innovative Technologie Lösungen"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",
-          alt: "Financial application UI on PC screen showing company revenue",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg",
-          alt: "Ambitious leader works in office on infographics reports and setting objectives",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg",
-          alt: "Over shoulder view of african american startup employee looking at laptop screen with business analytics charts sitting at desk.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
-          alt: "Business Chart Visual Graphics Report Concept",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-business-people-with-pizza-medium-shot_23-2148911791.jpg",
-          alt: "Smiley business people with pizza medium shot",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Cloud Computing",
-        },
-        {
-          type: "text",
-          text: "Data Security",
-        },
-        {
-          type: "text",
-          text: "AI Integration",
-        },
-        {
-          type: "text",
-          text: "User Experience",
-        },
-        {
-          type: "text",
-          text: "Process Automation",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            background={{ variant: "sparkles-gradient" }}
+            title="Innovation für Ihren Erfolg."
+            description="Wir entwickeln maßgeschneiderte Lösungen, die Ihr Unternehmen voranbringen. Modern, effizient und zukunftssicher."
+            testimonials={[
+              { name: "Julia M.", handle: "@JuliaM", testimonial: "Die Zusammenarbeit war absolut professionell und das Ergebnis hat unsere Erwartungen weit übertroffen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg", imageAlt: "modern tech workspace" },
+              { name: "Markus K.", handle: "@MarkusK", testimonial: "Hervorragender Service und technische Expertise auf höchstem Niveau.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-hr-workers-interviewing-candidate-job-offer-attending-employment-recruitment-meeting-office-business-people-talking-jobless-woman-about-career-opportunity_482257-41878.jpg", imageAlt: "modern tech workspace" },
+              { name: "Sandra L.", handle: "@SandraL", testimonial: "Ein echter Gewinn für unser Unternehmen. Vielen Dank für die Unterstützung!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg", imageAlt: "modern tech workspace" },
+              { name: "Thomas B.", handle: "@ThomasB", testimonial: "Sehr zu empfehlen! Alles hat perfekt funktioniert.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", imageAlt: "modern tech workspace" },
+              { name: "Lena S.", handle: "@LenaS", testimonial: "Durchdachte Konzepte und eine schnelle Umsetzung.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", imageAlt: "modern tech workspace" },
+            ]}
+            buttons={[{ text: "Jetzt beraten lassen", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg"
+            imageAlt="Innovative Technologie Lösungen"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg", alt: "Financial application UI on PC screen showing company revenue" },
+              { src: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg", alt: "Ambitious leader works in office on infographics reports and setting objectives" },
+              { src: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg", alt: "Over shoulder view of african american startup employee looking at laptop screen with business analytics charts sitting at desk." },
+              { src: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg", alt: "Business Chart Visual Graphics Report Concept" },
+              { src: "http://img.b2bpic.net/free-photo/smiley-business-people-with-pizza-medium-shot_23-2148911791.jpg", alt: "Smiley business people with pizza medium shot" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Cloud Computing" },
+              { type: "text", text: "Data Security" },
+              { type: "text", text: "AI Integration" },
+              { type: "text", text: "User Experience" },
+              { type: "text", text: "Process Automation" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Unsere Vision"
-      buttons={[
-        {
-          text: "Mehr erfahren",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Unsere Vision"
+            buttons={[{ text: "Mehr erfahren", href: "#" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "Keine unnötigen Umwege",
-          "Keine versteckten Gebühren",
-          "Keine komplizierte Technik",
-          "Keine langen Ausfallzeiten",
-          "Keine veralteten Strategien",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Transparente Prozesse",
-          "Maximale Performance",
-          "Individueller Support",
-          "Skalierbare Architektur",
-          "Zukunftssicheres Design",
-        ],
-      }}
-      title="Warum mit uns?"
-      description="Maximale Effizienz durch unsere bewährten Methoden."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            negativeCard={{ items: ["Keine unnötigen Umwege", "Keine versteckten Gebühren", "Keine komplizierte Technik", "Keine langen Ausfallzeiten", "Keine veralteten Strategien"] }}
+            positiveCard={{ items: ["Transparente Prozesse", "Maximale Performance", "Individueller Support", "Skalierbare Architektur", "Zukunftssicheres Design"] }}
+            title="Warum mit uns?"
+            description="Maximale Effizienz durch unsere bewährten Methoden."
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "TechCorp",
-        "Innovate",
-        "FutureSolutions",
-        "GlobalData",
-        "FastTrack",
-      ]}
-      title="Unsere Partner"
-      description="Erfolgreiche Partnerschaften für nachhaltiges Wachstum."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["TechCorp", "Innovate", "FutureSolutions", "GlobalData", "FastTrack"]}
+            title="Unsere Partner"
+            description="Erfolgreiche Partnerschaften für nachhaltiges Wachstum."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Julia M.",
-          date: "10.05.2024",
-          title: "Sehr gut!",
-          quote: "Die Beratung war sehr hilfreich.",
-          tag: "Projekt A",
-          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg?_wi=3",
-          imageAlt: "professional portrait smiling",
-        },
-        {
-          id: "2",
-          name: "Markus K.",
-          date: "12.06.2024",
-          title: "Top Leistung",
-          quote: "Schnell und zuverlässig.",
-          tag: "Projekt B",
-          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-hr-workers-interviewing-candidate-job-offer-attending-employment-recruitment-meeting-office-business-people-talking-jobless-woman-about-career-opportunity_482257-41878.jpg?_wi=2",
-          imageAlt: "professional portrait smiling",
-        },
-        {
-          id: "3",
-          name: "Sandra L.",
-          date: "15.07.2024",
-          title: "Perfekt",
-          quote: "Immer wieder gerne.",
-          tag: "Projekt C",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",
-          imageAlt: "professional portrait smiling",
-        },
-        {
-          id: "4",
-          name: "Thomas B.",
-          date: "20.08.2024",
-          title: "Profi",
-          quote: "Technische Umsetzung war einwandfrei.",
-          tag: "Projekt D",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-executive-with-crossed-arms_1154-242.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg?_wi=1",
-          imageAlt: "professional portrait smiling",
-        },
-        {
-          id: "5",
-          name: "Lena S.",
-          date: "25.09.2024",
-          title: "Sehr zufrieden",
-          quote: "Hohe Qualität bei der Arbeit.",
-          tag: "Projekt E",
-          avatarSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg",
-          imageAlt: "professional portrait smiling",
-        },
-      ]}
-      title="Stimmen unserer Kunden"
-      description="Überzeugen Sie sich selbst von der Qualität unserer Arbeit."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Julia M.", date: "10.05.2024", title: "Sehr gut!", quote: "Die Beratung war sehr hilfreich.", tag: "Projekt A", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg", imageAlt: "professional portrait smiling" },
+              { id: "2", name: "Markus K.", date: "12.06.2024", title: "Top Leistung", quote: "Schnell und zuverlässig.", tag: "Projekt B", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-hr-workers-interviewing-candidate-job-offer-attending-employment-recruitment-meeting-office-business-people-talking-jobless-woman-about-career-opportunity_482257-41878.jpg", imageAlt: "professional portrait smiling" },
+              { id: "3", name: "Sandra L.", date: "15.07.2024", title: "Perfekt", quote: "Immer wieder gerne.", tag: "Projekt C", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg", imageAlt: "professional portrait smiling" },
+              { id: "4", name: "Thomas B.", date: "20.08.2024", title: "Profi", quote: "Technische Umsetzung war einwandfrei.", tag: "Projekt D", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-executive-with-crossed-arms_1154-242.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg", imageAlt: "professional portrait smiling" },
+              { id: "5", name: "Lena S.", date: "25.09.2024", title: "Sehr zufrieden", quote: "Hohe Qualität bei der Arbeit.", tag: "Projekt E", avatarSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg", imageAlt: "professional portrait smiling" },
+            ]}
+            title="Stimmen unserer Kunden"
+            description="Überzeugen Sie sich selbst von der Qualität unserer Arbeit."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "downward-rays-static",
-      }}
-      tag="Kontakt"
-      title="Bereit für den nächsten Schritt?"
-      description="Schreiben Sie uns und lassen Sie uns über Ihr Projekt sprechen."
-      imageSrc="http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg?_wi=2"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "downward-rays-static" }}
+            tag="Kontakt"
+            title="Bereit für den nächsten Schritt?"
+            description="Schreiben Sie uns und lassen Sie uns über Ihr Projekt sprechen."
+            imageSrc="http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Webild"
-      copyrightText="© 2025 Webild. Alle Rechte vorbehalten."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Webild"
+            copyrightText="© 2025 Webild. Alle Rechte vorbehalten."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1