Merge version_2 into main

Merge version_2 into main

src/app/booking/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="medium"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Leistung", id: "/#about" },
+            { name: "Features", id: "/#features" },
+            { name: "Preise", id: "/#pricing" },
+            { name: "Termin buchen", id: "/booking" },
+          ]}
+          brandName="CraftGrowth"
+          button={{ text: "Jetzt anfragen", href: "/#contact" }}
+        />
+        
+        <div className="min-h-screen pt-32 pb-20 px-6 max-w-4xl mx-auto">
+            <h1 className="text-4xl font-extrabold mb-8">Termin buchen</h1>
+            <div className="bg-card p-8 rounded-lg shadow-lg border">
+                <p className="mb-6 text-lg">Wählen Sie einen passenden Zeitpunkt für Ihre 15-minütige Bedarfsanalyse.</p>
+                {/* Placeholder for Calendar/Scheduling System */}
+                <div className="aspect-video bg-muted rounded-md flex items-center justify-center border border-dashed">
+                    <p className="text-muted-foreground">Kalender-Integration (z.B. Calendly) erscheint hier</p>
+                </div>
+            </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="CraftGrowth"
+            columns={[
+              { title: "Dienstleistungen", items: [{ label: "Lead-Generierung", href: "#" }] },
+              { title: "Unternehmen", items: [{ label: "Kontakt", href: "/#contact" }] },
+              { title: "Rechtliches", items: [{ label: "Datenschutz", href: "#" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/lead-capture/page.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function LeadCapturePage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="medium"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Leistung", id: "/" },
+                { name: "Anfragen", id: "/lead-capture" }
+            ]}
+            brandName="CraftGrowth"
+            button={{ text: "Zurück", href: "/" }}
+            />
+        </div>
+
+        <div id="contact" data-section="contact">
+            <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Anfrage senden"
+            title="Ihr Weg zum Wachstum"
+            description="Senden Sie uns Ihre Daten, und wir melden uns zeitnah für ein unverbindliches Beratungsgespräch zu Ihren individuellen Bedürfnissen."
+            buttons={[
+                { text: "Jetzt anfragen", href: "/" }
+            ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="CraftGrowth"
+            columns={[
+                { title: "Dienstleistungen", items: [{ label: "Lead-Generierung", href: "/lead-capture" }] },
+                { title: "Unternehmen", items: [{ label: "Kontakt", href: "/lead-capture" }] }
+            ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,100 +30,40 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Leistung",
+          name: "Leistung",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Preise",
+          name: "Preise",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Kontakt",
+          name: "Kontakt",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="CraftGrowth"
       button={{
-        text: "Jetzt anfragen",
+        text: "Jetzt anfragen",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroOverlayTestimonial
-      title="Mehr Aufträge für Ihr Handwerk"
+      title="Verdoppeln Sie Ihre Handwerks-Leads"
-      description="Automatisieren Sie Ihre Lead-Generierung und Angebotsabwicklung. Wir helfen Handwerksbetrieben zu mehr Effizienz und messbarem ROI."
+      description="Automatisierte Kundengewinnung und digitale Angebotsabwicklung. Wir verwandeln Anfragen in Aufträge und Ihr Wachstum in Routine."
       testimonials={[
         {
-          name: "Thomas Müller",
+          name: "Thomas Müller",          handle: "@ElektroTeam",          testimonial: "Seit der Automatisierung haben wir 30% weniger Zeit mit Büroarbeit verbracht.",          rating: 5,
-          handle: "@ElektroTeam",
+          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg"},
-          testimonial: "Seit der Automatisierung haben wir 30% weniger Zeit mit Büroarbeit verbracht.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
-        },
         {
-          name: "Sabine Weber",
+          name: "Sabine Weber",          handle: "@SanitärService",          testimonial: "Die Lead-Qualität ist deutlich gestiegen. Unsere Konversionsrate hat sich fast verdoppelt.",          rating: 5,
-          handle: "@SanitärService",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-coffee-cup_23-2149104422.jpg"},
-          testimonial: "Die Lead-Qualität ist deutlich gestiegen. Unsere Konversionsrate hat sich fast verdoppelt.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-coffee-cup_23-2149104422.jpg",
-        },
         {
-          name: "Markus S.",
+          name: "Markus S.",          handle: "@BauMeister",          testimonial: "Endlich ein System, das Hand und Fuß hat. Absolute Empfehlung.",          rating: 5,
-          handle: "@BauMeister",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
-          testimonial: "Endlich ein System, das Hand und Fuß hat. Absolute Empfehlung.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
-        },
-        {
-          name: "Jürgen K.",
-          handle: "@TischlereiK",
-          testimonial: "Durch die automatische Angebotsabwicklung sparen wir jeden Tag wertvolle Stunden.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-        },
-        {
-          name: "Elena D.",
-          handle: "@DachDeckerin",
-          testimonial: "Ein Gamechanger für unseren Betrieb. ROI schon nach dem ersten Monat erreicht.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
-        },
       ]}
       buttons={[
         {
-          text: "Unverbindlich anfragen",
+          text: "Jetzt kostenloses Strategiegespräch buchen",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124312.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
-          alt: "Kunde 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-coffee-cup_23-2149104422.jpg",
-          alt: "Kunde 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
-          alt: "Kunde 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-          alt: "Kunde 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
-          alt: "Kunde 5",
-        },
-      ]}
     />
   </div>
 
@@ -143,38 +83,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          label: "Lead-Gen",          title: "Automatisierte Lead-Gewinnung",          items: [
-          label: "Leads",
+            "Targeting lokaler Anfragen",            "Automatisierte Qualifizierung",            "Echtzeit-Pipeline-Tracking"],
-          title: "Automatisierte Lead-Gewinnung",
-          items: [
-            "Lokale Fokus-Suche",
-            "Bedarfsqualifizierung",
-            "Pipeline-Reporting",
-          ],
         },
         {
-          id: "f2",
+          id: "f2",          label: "Buchung",          title: "Smarte Termin-Automatisierung",          items: [
-          label: "Angebote",
+            "Automatischer Buchungskalender",            "Automatisierte Terminerinnerungen",            "Direkte Kalender-Integration"],
-          title: "Schnelle Angebotsvorbereitung",
-          items: [
-            "Standardisierte Vorlagen",
-            "Automatische Materialliste",
-            "Kalkulations-Assistent",
-          ],
         },
         {
-          id: "f3",
+          id: "f3",          label: "Angebote",          title: "Effiziente Angebots-Prozesse",          items: [
-          label: "Support",
+            "Schnelle Angebots-Erstellung",            "Automatisches Follow-Up",            "Digitale Signatur-Optionen"],
-          title: "Terminmanagement",
-          items: [
-            "Automatische Terminvorschläge",
-            "Nachfassaktionen",
-            "Kunden-FAQ-Portal",
-          ],
         },
       ]}
-      title="Alles für den digitalen Betrieb"
+      title="Digitale Werkzeuge für Handwerks-Profis"
-      description="Effiziente Tools für moderne Handwerksbetriebe."
+      description="Steigern Sie Ihre Abschlussquote durch optimierte Lead-Qualifizierung und nahtlose Buchungs-Prozesse."
     />
   </div>
 
@@ -185,39 +107,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          badge: "Start",          price: "1.500 €",          subtitle: "Monatliche Grundleistung",          features: [
-          badge: "Start",
+            "Vollständiges Prompt-Setup",            "3 Gewerk-Kombinationen",            "Wöchentliche Reports",            "2x Optimierungs-Session"],
-          price: "1.500 €",
-          subtitle: "Monatliche Grundleistung",
-          features: [
-            "Vollständiges Prompt-Setup",
-            "3 Gewerk-Kombinationen",
-            "Wöchentliche Reports",
-            "2x Optimierungs-Session",
-          ],
           buttons: [
             {
-              text: "Jetzt starten",
+              text: "Jetzt starten",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          id: "pro",
+          id: "pro",          badge: "Growth",          price: "2.200 €",          subtitle: "Alles inklusive",          features: [
-          badge: "Growth",
+            "CRM-Integration",            "Automatisierte Follow-ups",            "SMS-Erinnerungssystem",            "Priorisierter Support"],
-          price: "2.200 €",
-          subtitle: "Alles inklusive",
-          features: [
-            "CRM-Integration",
-            "Automatisierte Follow-ups",
-            "SMS-Erinnerungssystem",
-            "Priorisierter Support",
-          ],
           buttons: [
             {
-              text: "Jetzt starten",
+              text: "Jetzt starten",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
@@ -232,28 +134,7 @@ export default function LandingPage() {
       testimonial="Die ROI-Rechnung war absolut korrekt. Wir haben die Kosten pro Lead halbiert und unsere monatlichen Abschlüsse deutlich gesteigert."
       rating={5}
       author="Markus S., Inhaber Bau-Meister GmbH"
-      avatars={[
+      avatars={[]}
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
-          alt: "Kunde 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-coffee-cup_23-2149104422.jpg",
-          alt: "Kunde 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
-          alt: "Kunde 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-          alt: "Kunde 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
-          alt: "Kunde 5",
-        },
-      ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
     />
@@ -263,16 +144,17 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Jetzt Starten"
-      title="Bereit für mehr Aufträge?"
+      title="Bereit für den nächsten Schritt?"
-      description="Lassen Sie uns Ihre Effizienz steigern. Buchen Sie eine unverbindliche 15-minütige Bedarfsanalyse."
+      description="Buchen Sie Ihre unverbindliche 15-minütige Analyse. Wir zeigen Ihnen auf, wie Ihr Betrieb digital wachsen kann."
       buttons={[
         {
-          text: "Bedarfsanalyse buchen",
+          text: "Telefon-Gespräch buchen",          href: "#"},
-          href: "#",
+        {
-        },
+          text: "Email schreiben",          href: "mailto:info@craftgrowth.com"},
+        {
+          text: "WhatsApp Kontakt",          href: "https://wa.me/yournumber"},
       ]}
     />
   </div>
@@ -282,46 +164,29 @@ export default function LandingPage() {
       logoText="CraftGrowth"
       columns={[
         {
-          title: "Dienstleistungen",
+          title: "Dienstleistungen",          items: [
-          items: [
             {
-              label: "Lead-Generierung",
+              label: "Lead-Generierung",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Angebotsoptimierung",
+              label: "Angebotsoptimierung",              href: "#"},
-              href: "#",
-            },
             {
-              label: "CRM-Integration",
+              label: "CRM-Integration",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Unternehmen",
+          title: "Unternehmen",          items: [
-          items: [
             {
-              label: "Über uns",
+              label: "Über uns",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Kontakt",
+              label: "Kontakt",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Rechtliches",
+          title: "Rechtliches",          items: [
-          items: [
             {
-              label: "Impressum",
+              label: "Impressum",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Datenschutz",
+              label: "Datenschutz",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -330,4 +195,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}