Merge version_1_1782909739853 into main #2

Merged
bender merged 3 commits from version_1_1782909739853 into main 2026-07-01 12:43:39 +00:00
2 changed files with 153 additions and 342 deletions

View File

@@ -7,89 +7,49 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Features",
"href": "#features"
},
{
"name": "Pricing",
"href": "#pricing"
},
{
"name": "FAQ",
"href": "#faq"
},
{
"name": "Hero",
"href": "#hero"
},
{
"name": "About",
"href": "#about"
},
{
"name": "Products",
"href": "#products"
},
{
"name": "Testimonials",
"href": "#testimonials"
}
];
{ "name": "Features", "href": "#features" },
{ "name": "Pricing", "href": "#pricing" },
{ "name": "FAQ", "href": "#faq" },
{ "name": "Hero", "href": "#hero" },
{ "name": "About", "href": "#about" },
{ "name": "Products", "href": "#products" },
{ "name": "Testimonials", "href": "#testimonials" }
];
return (
<StyleProvider buttonVariant="elastic" siteBackground="floatingGradient" heroBackground="lightRaysCenter">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="LocalGrowth"
ctaButton={{
text: "Get Started",
href: "#contact",
}}
navItems={navItems} />
logo="LocalGrowth"
logoImageSrc="http://img.b2bpic.net/free-vector/letter-l-big-logo-pack-design-creative-modern-logos-design-your-business-vector-brand-name-illustration_1142-19942.jpg"
ctaButton={{ text: "Get Started", href: "#contact" }}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterBrand
brand="LocalGrowth Web-Agentur"
columns={[
{
items: [
brand="LocalGrowth Web-Agentur"
columns={[
{
label: "Über uns",
href: "#about",
items: [
{ label: "Über uns", href: "#about" },
{ label: "Preise", href: "#pricing" },
{ label: "FAQ", href: "#faq" }
]
},
{
label: "Preise",
href: "#pricing",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
{
label: "AGB",
href: "#",
},
],
},
]}
/>
items: [
{ label: "Impressum", href: "#" },
{ label: "Datenschutz", href: "#" },
{ label: "AGB", href: "#" }
]
}
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);

View File

@@ -11,295 +11,146 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlay
tag="Web-Abos für lokale Betriebe"
title="Digital wachsen. Monat für Monat."
description="Wir verwandeln lokale Geschäfte in digitale Erfolgsgeschichten mit professionellen Webseiten zum kleinen Abopreis."
primaryButton={{
text: "Jetzt informieren",
href: "#contact",
}}
secondaryButton={{
text: "Leistungen ansehen",
href: "#features",
}}
imageSrc="http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301559.jpg?_wi=1"
textAnimation="fade-blur"
/>
</SectionErrorBoundary>
</div>
tag="Web-Abos für lokale Betriebe"
title="Digital wachsen. Monat für Monat."
description="Wir verwandeln lokale Geschäfte in digitale Erfolgsgeschichten mit professionellen Webseiten zum kleinen Abopreis."
primaryButton={{ text: "Jetzt informieren", href: "#contact" }}
secondaryButton={{ text: "Leistungen ansehen", href: "#features" }}
imageSrc="http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301559.jpg"
textAnimation="fade-blur"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutMediaOverlay
tag="Über uns"
title="Lokaler Fokus, digitale Power"
description="Jeder Betrieb verdient eine Webseite, die Kunden anzieht und Vertrauen aufbaut. Unser Modell nimmt Ihnen die technische Last komplett ab, damit Sie sich auf Ihr Geschäft konzentrieren können."
imageSrc="http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950183.jpg?_wi=1"
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
tag="Über uns"
title="Lokaler Fokus, digitale Power"
description="Jeder Betrieb verdient eine Webseite, die Kunden anzieht und Vertrauen aufbaut. Unser Modell nimmt Ihnen die technische Last komplett ab, damit Sie sich auf Ihr Geschäft konzentrieren können."
imageSrc="http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950183.jpg"
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBento
tag="Unsere Vorteile"
title="Sorglos-Paket für Ihr Unternehmen"
description="Erleben Sie echte digitale Transformation durch unsere umfassenden Service-Module."
features={[
{
title: "Dashboard",
description: "Behalten Sie alle Statistiken im Blick.",
bentoComponent: "media-stack",
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/responsive-design-layout-software-concept_53876-124325.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/strategy-performance-target-report-analytics-concept_53876-163287.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/letter-l-big-logo-pack-design-creative-modern-logos-design-your-business-vector-brand-name-illustration_1142-19942.jpg",
imageAlt: "software dashboard interface blue",
},
{
title: "Checkliste",
description: "Ihr Weg zur perfekten Präsenz.",
bentoComponent: "checklist-timeline",
heading: "Schritt für Schritt",
subheading: "Der Prozess",
checklistItems: [
{
label: "Briefing",
detail: "Ihr Content",
},
{
label: "Design",
detail: "Custom-Look",
},
{
label: "Go-Live",
detail: "Online-Status",
},
],
completedLabel: "Online!",
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301559.jpg?_wi=2",
imageAlt: "software dashboard interface blue",
},
{
title: "Performance",
description: "Ständige Optimierung inklusive.",
bentoComponent: "animated-bar-chart",
imageSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950183.jpg?_wi=2",
imageAlt: "software dashboard interface blue",
},
]}
textAnimation="fade"
/>
</SectionErrorBoundary>
</div>
tag="Unsere Vorteile"
title="Sorglos-Paket für Ihr Unternehmen"
description="Erleben Sie echte digitale Transformation durch unsere umfassenden Service-Module."
features={[
{
title: "Dashboard", description: "Behalten Sie alle Statistiken im Blick.", bentoComponent: "media-stack", mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/responsive-design-layout-software-concept_53876-124325.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/strategy-performance-target-report-analytics-concept_53876-163287.jpg" }
]
},
{
title: "Checkliste", description: "Ihr Weg zur perfekten Präsenz.", bentoComponent: "checklist-timeline", heading: "Schritt für Schritt", subheading: "Der Prozess", checklistItems: [
{ label: "Briefing", detail: "Ihr Content" },
{ label: "Design", detail: "Custom-Look" },
{ label: "Go-Live", detail: "Online-Status" }
],
completedLabel: "Online!"
},
{
title: "Performance", description: "Ständige Optimierung inklusive.", bentoComponent: "animated-bar-chart"
}
]}
textAnimation="fade"
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesRevealCardsBento
tag="Unsere Leistungen"
title="Alles was Sie brauchen"
description="Von der einfachen Landingpage bis zum komplexen Web-Auftritt."
items={[
{
title: "Landingpage",
description: "Ideal für gezielte Kundenaktionen.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
},
{
title: "Business Website",
description: "Ihr digitaler Hauptsitz.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/eid-shopping-basket-tablet-with-laptop-right-side-white-background_187299-38880.jpg",
},
{
title: "SEO-Paket",
description: "Gefunden werden, wo Kunden suchen.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-digital-tablet-computer-smart-phone-laptop_1423-78.jpg",
},
{
title: "CRM-Integration",
description: "Automatisieren Sie Ihren Kontakt.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-stationery-with-clipboard-notebook-accessories_187299-47940.jpg",
},
{
title: "Content Service",
description: "Wir pflegen Ihre Inhalte.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/flowchart-information-methodology-operation-icon_53876-133778.jpg",
},
{
title: "Support-Flat",
description: "Jederzeit an Ihrer Seite.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/helpful-call-center-agent-office-desk-handling-customer-inquiries_482257-117953.jpg",
},
{
title: "E-Commerce",
description: "Verkaufen Sie lokal online.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/date-night-ideas-valantine-romance-heart-love-passion-concept_53876-133732.jpg",
},
]}
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
tag="Unsere Leistungen"
title="Alles was Sie brauchen"
description="Von der einfachen Landingpage bis zum komplexen Web-Auftritt."
items={[
{ title: "Landingpage", description: "Ideal für gezielte Kundenaktionen.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg" },
{ title: "Business Website", description: "Ihr digitaler Hauptsitz.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/eid-shopping-basket-tablet-with-laptop-right-side-white-background_187299-38880.jpg" },
{ title: "SEO-Paket", description: "Gefunden werden, wo Kunden suchen.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-with-digital-tablet-computer-smart-phone-laptop_1423-78.jpg" },
{ title: "CRM-Integration", description: "Automatisieren Sie Ihren Kontakt.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/office-desk-stationery-with-clipboard-notebook-accessories_187299-47940.jpg" },
{ title: "Content Service", description: "Wir pflegen Ihre Inhalte.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/flowchart-information-methodology-operation-icon_53876-133778.jpg" },
{ title: "Support-Flat", description: "Jederzeit an Ihrer Seite.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/helpful-call-center-agent-office-desk-handling-customer-inquiries_482257-117953.jpg" },
{ title: "E-Commerce", description: "Verkaufen Sie lokal online.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/date-night-ideas-valantine-romance-heart-love-passion-concept_53876-133732.jpg" }
]}
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingMediaCards
tag="Transparente Abos"
title="Fair, klar, skalierbar"
description="Wählen Sie das Modell, das zu Ihrer Unternehmensgröße passt."
plans={[
{
tag: "Basic",
price: "49€",
period: "/Monat",
features: [
"Landingpage",
"Hosting inkl.",
"SSL Zertifikat",
],
primaryButton: {
text: "Wählen",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/blue-curved-sheet-paper_23-2148319074.jpg",
},
{
tag: "Pro",
price: "99€",
period: "/Monat",
features: [
"Mehrseitige Website",
"SEO Basis",
"CMS Zugang",
"Support",
],
primaryButton: {
text: "Wählen",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gold-yellow-gradient-studio-wall-well-use-as-background-layout-banner-product-presentation_1258-54401.jpg",
},
{
tag: "Enterprise",
price: "199€",
period: "/Monat",
features: [
"E-Commerce Modul",
"Premium SEO",
"CRM Einbindung",
"Prioritäts-Support",
],
primaryButton: {
text: "Wählen",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301535.jpg",
},
]}
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
tag="Transparente Abos"
title="Fair, klar, skalierbar"
description="Wählen Sie das Modell, das zu Ihrer Unternehmensgröße passt."
plans={[
{ tag: "Basic", price: "49€", period: "/Monat", features: ["Landingpage", "Hosting inkl.", "SSL Zertifikat"], primaryButton: { text: "Wählen", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/blue-curved-sheet-paper_23-2148319074.jpg" },
{ tag: "Pro", price: "99€", period: "/Monat", features: ["Mehrseitige Website", "SEO Basis", "CMS Zugang", "Support"], primaryButton: { text: "Wählen", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gold-yellow-gradient-studio-wall-well-use-as-background-layout-banner-product-presentation_1258-54401.jpg" },
{ tag: "Enterprise", price: "199€", period: "/Monat", features: ["E-Commerce Modul", "Premium SEO", "CRM Einbindung", "Prioritäts-Support"], primaryButton: { text: "Wählen", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301535.jpg" }
]}
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialTrustCard
quote="Seit ich mein Abo bei LocalGrowth habe, kommen meine Kunden fast nur noch über die neue Seite zu mir. Ein absoluter Gamechanger!"
rating={5}
author="Markus Müller, Bistro Inhaber"
avatars={[
{
name: "Kunde 1",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-pretty-woman-with-long-hair-dark-eyes-healthy-skin-dressed-blue-jacket-smiling-while-posing-against-yellow-concrete-wall-people-lifestyle_291650-146.jpg",
},
{
name: "Kunde 2",
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-confident-mature-businessman-formals-standing-isolated-white-background_613910-10626.jpg",
},
{
name: "Kunde 3",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
},
{
name: "Kunde 4",
imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-male-copy-space-background_23-2148401489.jpg",
},
{
name: "Kunde 5",
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
},
]}
textAnimation="fade-blur"
/>
</SectionErrorBoundary>
</div>
quote="Seit ich mein Abo bei LocalGrowth habe, kommen meine Kunden fast nur noch über die neue Seite zu mir. Ein absoluter Gamechanger!"
rating={5}
author="Markus Müller, Bistro Inhaber"
avatars={[
{ name: "Kunde 1", imageSrc: "http://img.b2bpic.net/free-photo/pleased-pretty-woman-with-long-hair-dark-eyes-healthy-skin-dressed-blue-jacket-smiling-while-posing-against-yellow-concrete-wall-people-lifestyle_291650-146.jpg" },
{ name: "Kunde 2", imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-confident-mature-businessman-formals-standing-isolated-white-background_613910-10626.jpg" },
{ name: "Kunde 3", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg" },
{ name: "Kunde 4", imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-male-copy-space-background_23-2148401489.jpg" },
{ name: "Kunde 5", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" }
]}
textAnimation="fade-blur"
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="Häufige Fragen"
title="Alles was Sie wissen müssen"
description="Wir machen es Ihnen einfach. Keine versteckten Kosten."
items={[
{
question: "Gibt es eine Mindestlaufzeit?",
answer: "Unsere Abos sind flexibel und monatlich kündbar.",
},
{
question: "Ist Hosting inklusive?",
answer: "Ja, wir übernehmen das Hosting für Sie.",
},
{
question: "Kann ich Inhalte selbst ändern?",
answer: "Bei unseren Pro-Paketen bieten wir einen CMS-Zugang.",
},
{
question: "Was passiert bei technischem Defekt?",
answer: "Unser Support-Team ist rund um die Uhr für Sie da.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/female-customer-support-operator-with-headset-smiling_1391-16.jpg"
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
tag="Häufige Fragen"
title="Alles was Sie wissen müssen"
description="Wir machen es Ihnen einfach. Keine versteckten Kosten."
items={[
{ question: "Gibt es eine Mindestlaufzeit?", answer: "Unsere Abos sind flexibel und monatlich kündbar." },
{ question: "Ist Hosting inklusive?", answer: "Ja, wir übernehmen das Hosting für Sie." },
{ question: "Kann ich Inhalte selbst ändern?", answer: "Bei unseren Pro-Paketen bieten wir einen CMS-Zugang." },
{ question: "Was passiert bei technischem Defekt?", answer: "Unser Support-Team ist rund um die Uhr für Sie da." }
]}
imageSrc="http://img.b2bpic.net/free-photo/female-customer-support-operator-with-headset-smiling_1391-16.jpg"
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Kontakt"
text="Bereit, durchzustarten? Lassen Sie uns heute über Ihr Wachstum sprechen."
primaryButton={{
text: "Jetzt beraten lassen",
href: "#",
}}
secondaryButton={{
text: "E-Mail senden",
href: "mailto:hallo@localgrowth.de",
}}
textAnimation="fade"
/>
</SectionErrorBoundary>
</div>
tag="Kontakt"
text="Bereit, durchzustarten? Lassen Sie uns heute über Ihr Wachstum sprechen."
primaryButton={{ text: "Jetzt beraten lassen", href: "#" }}
secondaryButton={{ text: "E-Mail senden", href: "mailto:hallo@localgrowth.de" }}
textAnimation="fade"
/>
</SectionErrorBoundary>
</div>
</>
);
}