Merge version_2 into main #1
60
src/app/booking/page.tsx
Normal file
60
src/app/booking/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
61
src/app/lead-capture/page.tsx
Normal file
61
src/app/lead-capture/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
232
src/app/page.tsx
232
src/app/page.tsx
@@ -30,100 +30,40 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Leistung",
|
||||
id: "about",
|
||||
},
|
||||
name: "Leistung", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Preise",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Preise", id: "pricing"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="CraftGrowth"
|
||||
button={{
|
||||
text: "Jetzt anfragen",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Jetzt anfragen", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Mehr Aufträge für Ihr Handwerk"
|
||||
description="Automatisieren Sie Ihre Lead-Generierung und Angebotsabwicklung. Wir helfen Handwerksbetrieben zu mehr Effizienz und messbarem ROI."
|
||||
title="Verdoppeln Sie Ihre Handwerks-Leads"
|
||||
description="Automatisierte Kundengewinnung und digitale Angebotsabwicklung. Wir verwandeln Anfragen in Aufträge und Ihr Wachstum in Routine."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Thomas Müller",
|
||||
handle: "@ElektroTeam",
|
||||
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: "Thomas Müller", handle: "@ElektroTeam", 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",
|
||||
handle: "@SanitärService",
|
||||
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: "Sabine Weber", handle: "@SanitärService", 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.",
|
||||
handle: "@BauMeister",
|
||||
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",
|
||||
},
|
||||
name: "Markus S.", handle: "@BauMeister", 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"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Unverbindlich anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt kostenloses Strategiegespräch buchen", 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",
|
||||
label: "Leads",
|
||||
title: "Automatisierte Lead-Gewinnung",
|
||||
items: [
|
||||
"Lokale Fokus-Suche",
|
||||
"Bedarfsqualifizierung",
|
||||
"Pipeline-Reporting",
|
||||
],
|
||||
id: "f1", label: "Lead-Gen", title: "Automatisierte Lead-Gewinnung", items: [
|
||||
"Targeting lokaler Anfragen", "Automatisierte Qualifizierung", "Echtzeit-Pipeline-Tracking"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Angebote",
|
||||
title: "Schnelle Angebotsvorbereitung",
|
||||
items: [
|
||||
"Standardisierte Vorlagen",
|
||||
"Automatische Materialliste",
|
||||
"Kalkulations-Assistent",
|
||||
],
|
||||
id: "f2", label: "Buchung", title: "Smarte Termin-Automatisierung", items: [
|
||||
"Automatischer Buchungskalender", "Automatisierte Terminerinnerungen", "Direkte Kalender-Integration"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Support",
|
||||
title: "Terminmanagement",
|
||||
items: [
|
||||
"Automatische Terminvorschläge",
|
||||
"Nachfassaktionen",
|
||||
"Kunden-FAQ-Portal",
|
||||
],
|
||||
id: "f3", label: "Angebote", title: "Effiziente Angebots-Prozesse", items: [
|
||||
"Schnelle Angebots-Erstellung", "Automatisches Follow-Up", "Digitale Signatur-Optionen"],
|
||||
},
|
||||
]}
|
||||
title="Alles für den digitalen Betrieb"
|
||||
description="Effiziente Tools für moderne Handwerksbetriebe."
|
||||
title="Digitale Werkzeuge für Handwerks-Profis"
|
||||
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",
|
||||
badge: "Start",
|
||||
price: "1.500 €",
|
||||
subtitle: "Monatliche Grundleistung",
|
||||
features: [
|
||||
"Vollständiges Prompt-Setup",
|
||||
"3 Gewerk-Kombinationen",
|
||||
"Wöchentliche Reports",
|
||||
"2x Optimierungs-Session",
|
||||
],
|
||||
id: "basic", badge: "Start", price: "1.500 €", subtitle: "Monatliche Grundleistung", features: [
|
||||
"Vollständiges Prompt-Setup", "3 Gewerk-Kombinationen", "Wöchentliche Reports", "2x Optimierungs-Session"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Jetzt starten",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt starten", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Growth",
|
||||
price: "2.200 €",
|
||||
subtitle: "Alles inklusive",
|
||||
features: [
|
||||
"CRM-Integration",
|
||||
"Automatisierte Follow-ups",
|
||||
"SMS-Erinnerungssystem",
|
||||
"Priorisierter Support",
|
||||
],
|
||||
id: "pro", badge: "Growth", price: "2.200 €", subtitle: "Alles inklusive", features: [
|
||||
"CRM-Integration", "Automatisierte Follow-ups", "SMS-Erinnerungssystem", "Priorisierter Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Jetzt starten",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt starten", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -232,30 +134,6 @@ 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={[
|
||||
{
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -263,16 +141,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?"
|
||||
description="Lassen Sie uns Ihre Effizienz steigern. Buchen Sie eine unverbindliche 15-minütige Bedarfsanalyse."
|
||||
title="Bereit für den nächsten Schritt?"
|
||||
description="Buchen Sie Ihre unverbindliche 15-minütige Analyse. Wir zeigen Ihnen auf, wie Ihr Betrieb digital wachsen kann."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bedarfsanalyse buchen",
|
||||
href: "#",
|
||||
},
|
||||
text: "Telefon-Gespräch buchen", href: "#"},
|
||||
{
|
||||
text: "Email schreiben", href: "mailto:info@craftgrowth.com"},
|
||||
{
|
||||
text: "WhatsApp Kontakt", href: "https://wa.me/yournumber"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -282,46 +161,29 @@ export default function LandingPage() {
|
||||
logoText="CraftGrowth"
|
||||
columns={[
|
||||
{
|
||||
title: "Dienstleistungen",
|
||||
items: [
|
||||
title: "Dienstleistungen", items: [
|
||||
{
|
||||
label: "Lead-Generierung",
|
||||
href: "#",
|
||||
},
|
||||
label: "Lead-Generierung", href: "#"},
|
||||
{
|
||||
label: "Angebotsoptimierung",
|
||||
href: "#",
|
||||
},
|
||||
label: "Angebotsoptimierung", href: "#"},
|
||||
{
|
||||
label: "CRM-Integration",
|
||||
href: "#",
|
||||
},
|
||||
label: "CRM-Integration", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
title: "Unternehmen", items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Über uns", href: "#"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -330,4 +192,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user