Update src/app/layout.tsx

src/app/contact/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="mediumSizeLargeTitles"
+        background="aurora"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Services", id: "/features" },
+                { name: "Work", id: "/products" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Digital Plus"
+            />
+        </div>
+
+        <div id="contact" data-section="contact">
+            <ContactSplit
+                tag="Kontakt"
+                title="Sprechen Sie mit uns"
+                description="Wir freuen uns darauf, von Ihrem Projekt zu hören. Senden Sie uns eine Nachricht oder buchen Sie einen Beratungstermin."
+                background={{ variant: "radial-gradient" }}
+                useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase
+            columns={[
+                { title: "Agentur", items: [{ label: "Home", href: "/" }] },
+            ]}
+            logoText="Digital Plus GmbH"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -10,8 +10,8 @@ import { Open_Sans } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Digital Plus GmbH | Digitale Agentur Dietikon',
-  description: 'Ihre Digitalagentur für Webentwicklung, Design und KI-Lösungen in Dietikon. Wir machen Ihr Unternehmen fit für die Zukunft.',
+  title: 'Kontakt | Digital Plus',
+  description: 'Kontaktieren Sie Digital Plus für Ihr nächstes Projekt.',
   robots: {
     "index": true,
     "follow": true

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>
   );
-}
+}