Update src/app/page.tsx

2026-05-12 11:49:57 +00:00
parent d89a0df94a
commit d3363672c6
1 changed files with 27 additions and 317 deletions
--- 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: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Work",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "features" },
+        { name: "Work", id: "products" },
+        { name: "Contact", id: "/contact" },
      ]}
      brandName="Digital Plus"
    />
@@ -54,74 +42,19 @@ export default function LandingPage() {

  <div id="hero" data-section="hero">
      <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
      title="Digitale Exzellenz aus Dietikon."
      description="Wir transformieren Ihre Vision in zukunftsweisende digitale Lösungen. Digital Plus GmbH steht für Innovation, Geschwindigkeit und messbare Ergebnisse."
      kpis={[
-        {
-          value: "120+",
-          label: "Projekte geliefert",
-        },
-        {
-          value: "95%",
-          label: "Kundenzufriedenheit",
-        },
-        {
-          value: "10y",
-          label: "Erfahrung im Markt",
-        },
+        { value: "120+", label: "Projekte geliefert" },
+        { value: "95%", label: "Kundenzufriedenheit" },
+        { value: "10y", label: "Erfahrung im Markt" },
      ]}
      enableKpiAnimation={true}
      imageSrc="http://img.b2bpic.net/free-photo/empty-office-with-analytics-diagrams-screen-running-economy-statistics-computers-business-space-startup-company-with-research-plans-charts-late-night-handheld-shot_482257-65066.jpg"
      imageAlt="Digitale Agentur Dashboard"
      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-employee-analyzing-graphs-wearing-headset_482257-77560.jpg",
-          alt: "Happy employee",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg",
-          alt: "Executive manager",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/office-desk-filled-with-productivity-items-empty-home_482257-101134.jpg",
-          alt: "Office workspace",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-computer-desktop-workspace_53876-30381.jpg",
-          alt: "Desktop computer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149208030.jpg",
-          alt: "Creative team",
-        },
-      ]}
      avatarText="Unser Expertenteam für Ihre digitalen Ziele"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Webentwicklung",
-        },
-        {
-          type: "text",
-          text: "KI Beratung",
-        },
-        {
-          type: "text",
-          text: "Cloud Architekturen",
-        },
-        {
-          type: "text",
-          text: "UX/UI Design",
-        },
-        {
-          type: "text",
-          text: "Strategische IT",
-        },
-      ]}
    />
  </div>

@@ -131,18 +64,9 @@ export default function LandingPage() {
      title="Ihr Partner für die digitale Zukunft"
      description="Unser Team aus erfahrenen Strategen und Entwicklern in Dietikon arbeitet leidenschaftlich daran, Ihren Unternehmenserfolg durch innovative Software und Design zu skalieren."
      metrics={[
-        {
-          value: "24/7",
-          title: "Support",
-        },
-        {
-          value: "Zero",
-          title: "Fehlerrate",
-        },
-        {
-          value: "100%",
-          title: "Fokus auf Sie",
-        },
+        { value: "24/7", title: "Support" },
+        { value: "Zero", title: "Fehlerrate" },
+        { value: "100%", title: "Fokus auf Sie" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/african-man-guy-black-suit-students-with-laptop-girl-white-blouse_1157-41602.jpg"
      imageAlt="Digital Agentur Team"
@@ -156,24 +80,9 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
-        {
-          title: "Webentwicklung",
-          description: "High-Performance Webanwendungen für jedes Bedürfnis.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg",
-          imageAlt: "Web",
-        },
-        {
-          title: "UX/UI Design",
-          description: "Erlebnisse, die Ihre Kunden begeistern.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",
-          imageAlt: "UI",
-        },
-        {
-          title: "KI Beratung",
-          description: "Automatisierung mit den modernsten Technologien.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg",
-          imageAlt: "KI",
-        },
+        { title: "Webentwicklung", description: "High-Performance Webanwendungen für jedes Bedürfnis.", imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg", imageAlt: "Web" },
+        { title: "UX/UI Design", description: "Erlebnisse, die Ihre Kunden begeistern.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg", imageAlt: "UI" },
+        { title: "KI Beratung", description: "Automatisierung mit den modernsten Technologien.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg", imageAlt: "KI" },
      ]}
      title="Unsere Kernleistungen"
      description="Von Webentwicklung bis hin zu KI-gestützten Automatisierungslösungen – wir setzen Maßstäbe."
@@ -187,54 +96,9 @@ export default function LandingPage() {
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
-        {
-          id: "1",
-          name: "E-Commerce App",
-          price: "ab 15k CHF",
-          variant: "Web",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
-          imageAlt: "Project 1",
-        },
-        {
-          id: "2",
-          name: "CRM System",
-          price: "ab 25k CHF",
-          variant: "Saas",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
-          imageAlt: "Project 2",
-        },
-        {
-          id: "3",
-          name: "Cloud Dashboard",
-          price: "ab 12k CHF",
-          variant: "Cloud",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone_482257-7531.jpg",
-          imageAlt: "Project 3",
-        },
-        {
-          id: "4",
-          name: "Design System",
-          price: "ab 8k CHF",
-          variant: "UI",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
-          imageAlt: "Project 4",
-        },
-        {
-          id: "5",
-          name: "Chatbot-Integration",
-          price: "ab 5k CHF",
-          variant: "KI",
-          imageSrc: "http://img.b2bpic.net/free-photo/glowing-computer-monitor-displays-vibrant-futuristic-patterns-generated-by-ai_188544-27240.jpg",
-          imageAlt: "Project 5",
-        },
-        {
-          id: "6",
-          name: "Mobile App",
-          price: "ab 20k CHF",
-          variant: "Mobile",
-          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-back-side-dark-background_187299-35214.jpg",
-          imageAlt: "Project 6",
-        },
+        { id: "1", name: "E-Commerce App", price: "ab 15k CHF", variant: "Web", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg" },
+        { id: "2", name: "CRM System", price: "ab 25k CHF", variant: "Saas", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg" },
+        { id: "3", name: "Cloud Dashboard", price: "ab 12k CHF", variant: "Cloud", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone_482257-7531.jpg" },
      ]}
      title="Unsere Referenzprojekte"
      description="Ein Einblick in unsere jüngsten Erfolgsgeschichten."
@@ -247,57 +111,9 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
-        {
-          id: "basic",
-          badge: "Basis",
-          price: "ab 2.500 CHF",
-          subtitle: "Der schnelle Einstieg",
-          buttons: [
-            {
-              text: "Jetzt anfragen",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Design Konzept",
-            "Responsive UI",
-            "Support",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Pro",
-          price: "ab 7.500 CHF",
-          subtitle: "Für wachsende Unternehmen",
-          buttons: [
-            {
-              text: "Jetzt anfragen",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Alle Basis-Features",
-            "Backend API",
-            "Cloud Hosting",
-          ],
-        },
-        {
-          id: "enterprise",
-          badge: "Scale",
-          price: "nach Mass",
-          subtitle: "Individuelle Lösungen",
-          buttons: [
-            {
-              text: "Jetzt anfragen",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Alles aus Pro",
-            "KI-Integration",
-            "Dedizierter Support",
-          ],
-        },
+        { id: "basic", badge: "Basis", price: "ab 2.500 CHF", subtitle: "Der schnelle Einstieg", buttons: [{ text: "Jetzt anfragen", href: "/contact" }], features: ["Design Konzept", "Responsive UI", "Support"] },
+        { id: "pro", badge: "Pro", price: "ab 7.500 CHF", subtitle: "Für wachsende Unternehmen", buttons: [{ text: "Jetzt anfragen", href: "/contact" }], features: ["Alle Basis-Features", "Backend API", "Cloud Hosting"] },
+        { id: "enterprise", badge: "Scale", price: "nach Mass", subtitle: "Individuelle Lösungen", buttons: [{ text: "Jetzt anfragen", href: "/contact" }], features: ["Alles aus Pro", "KI-Integration", "Dedizierter Support"] },
      ]}
      title="Transparente Konditionen"
      description="Wählen Sie das Modell, das am besten zu Ihrem aktuellen Bedarf passt."
@@ -311,46 +127,8 @@ export default function LandingPage() {
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      testimonials={[
-        {
-          id: "1",
-          name: "Thomas Meier",
-          role: "Geschäftsführer",
-          company: "TechVision AG",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah Müller",
-          role: "Inhaberin",
-          company: "Local Boutique",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
-        },
-        {
-          id: "3",
-          name: "Klaus Weber",
-          role: "CTO",
-          company: "Logistik Plus",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-with-eyeglasses_23-2148452693.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena Fischer",
-          role: "Marketing",
-          company: "BrandBoost",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
-        },
-        {
-          id: "5",
-          name: "Marco Rossi",
-          role: "Produktion",
-          company: "DesignWerke",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
-        },
+        { id: "1", name: "Thomas Meier", role: "Geschäftsführer", company: "TechVision AG", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg" },
+        { id: "2", name: "Sarah Müller", role: "Inhaberin", company: "Local Boutique", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg" },
      ]}
      title="Was Kunden über uns sagen"
      description="Zufriedene Partner aus Dietikon und der gesamten Schweiz."
@@ -362,21 +140,8 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
-        {
-          id: "1",
-          title: "Wo ist Digital Plus GmbH ansässig?",
-          content: "Unser Studio befindet sich mitten in Dietikon, zentral in der Region Zürich.",
-        },
-        {
-          id: "2",
-          title: "Bieten Sie auch Wartung an?",
-          content: "Ja, wir bieten umfassende Support- und Wartungspakete für alle unsere Projekte an.",
-        },
-        {
-          id: "3",
-          title: "Wie lange dauert ein Web-Projekt?",
-          content: "Ein Standardprojekt dauert je nach Komplexität zwischen 4 und 12 Wochen.",
-        },
+        { id: "1", title: "Wo ist Digital Plus GmbH ansässig?", content: "Unser Studio befindet sich mitten in Dietikon, zentral in der Region Zürich." },
+        { id: "2", title: "Bieten Sie auch Wartung an?", content: "Ja, wir bieten umfassende Support- und Wartungspakete für alle unsere Projekte an." },
      ]}
      title="Häufige Fragen"
      description="Hier finden Sie Antworten auf die wichtigsten Fragen zur Zusammenarbeit."
@@ -384,66 +149,11 @@ export default function LandingPage() {
    />
  </div>

-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Kontakt"
-      title="Starten Sie Ihr Projekt"
-      description="Haben Sie ein konkretes Anliegen oder Fragen zu unserem Service? Wir freuen uns auf Ihren Anruf."
-      buttons={[
-        {
-          text: "Jetzt anfragen",
-          href: "mailto:info@digital-plus.ch",
-        },
-      ]}
-    />
-  </div>
-
  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
-        {
-          title: "Agentur",
-          items: [
-            {
-              label: "Über uns",
-              href: "#about",
-            },
-            {
-              label: "Karriere",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Leistungen",
-          items: [
-            {
-              label: "Webdesign",
-              href: "#features",
-            },
-            {
-              label: "Software",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Rechtliches",
-          items: [
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-            {
-              label: "Impressum",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Agentur", items: [{ label: "Über uns", href: "#about" }, { label: "Karriere", href: "#" }] },
+        { title: "Leistungen", items: [{ label: "Webdesign", href: "#features" }, { label: "Software", href: "#features" }] },
      ]}
      logoText="Digital Plus GmbH"
    />
@@ -451,4 +161,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}