Merge version_1 into main #2
246
src/app/page.tsx
246
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Start", id: "hero"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "services",
|
||||
},
|
||||
name: "Leistungen", id: "services"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Angebote",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Angebote", id: "pricing"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="E&B Digital"
|
||||
/>
|
||||
@@ -63,74 +53,37 @@ export default function LandingPage() {
|
||||
description="Einfach. Zuverlässig. Professionell. Wir helfen kleinen und mittelständischen Unternehmen beim digitalen Wachstum."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Müller",
|
||||
handle: "@LocalCafe",
|
||||
testimonial: "Die Umsetzung war schnell, unkompliziert und extrem hilfreich für unser Geschäft.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-books-arrangement-high-angle_23-2149765803.jpg?_wi=1",
|
||||
imageAlt: "minimalist workspace mockup",
|
||||
},
|
||||
name: "Sarah Müller", handle: "@LocalCafe", testimonial: "Die Umsetzung war schnell, unkompliziert und extrem hilfreich für unser Geschäft.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-books-arrangement-high-angle_23-2149765803.jpg", imageAlt: "minimalist workspace mockup"},
|
||||
{
|
||||
name: "Markus Weber",
|
||||
handle: "@WeberHandwerk",
|
||||
testimonial: "Endlich ein Partner, der uns versteht und unsere Website perfekt betreut.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-generating-ideas-floor_53876-46943.jpg?_wi=1",
|
||||
imageAlt: "minimalist workspace mockup",
|
||||
},
|
||||
name: "Markus Weber", handle: "@WeberHandwerk", testimonial: "Endlich ein Partner, der uns versteht und unsere Website perfekt betreut.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-generating-ideas-floor_53876-46943.jpg", imageAlt: "minimalist workspace mockup"},
|
||||
{
|
||||
name: "Lisa Schmidt",
|
||||
handle: "@SchmidtBoutique",
|
||||
testimonial: "Großartige Unterstützung bei unseren Social Media Aktivitäten. Absolut empfehlenswert!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-web-development-icon-set-business-logo-concept-ideas-line-icon_1142-7381.jpg?_wi=1",
|
||||
imageAlt: "minimalist workspace mockup",
|
||||
},
|
||||
name: "Lisa Schmidt", handle: "@SchmidtBoutique", testimonial: "Großartige Unterstützung bei unseren Social Media Aktivitäten. Absolut empfehlenswert!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-web-development-icon-set-business-logo-concept-ideas-line-icon_1142-7381.jpg", imageAlt: "minimalist workspace mockup"},
|
||||
{
|
||||
name: "Thomas Frank",
|
||||
handle: "@FrankLogistik",
|
||||
testimonial: "Professionell, lösungsorientiert und immer erreichbar. Klasse Service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-social-media-concept_23-2150208246.jpg",
|
||||
imageAlt: "minimalist workspace mockup",
|
||||
},
|
||||
name: "Thomas Frank", handle: "@FrankLogistik", testimonial: "Professionell, lösungsorientiert und immer erreichbar. Klasse Service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-smartphone-social-media-concept_23-2150208246.jpg", imageAlt: "minimalist workspace mockup"},
|
||||
{
|
||||
name: "Julia Klein",
|
||||
handle: "@KleinDesign",
|
||||
testimonial: "Danke für die tolle Website! Unsere Sichtbarkeit ist deutlich gestiegen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gear-front-side-with-white-background_187299-39862.jpg",
|
||||
imageAlt: "minimalist workspace mockup",
|
||||
},
|
||||
name: "Julia Klein", handle: "@KleinDesign", testimonial: "Danke für die tolle Website! Unsere Sichtbarkeit ist deutlich gestiegen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gear-front-side-with-white-background_187299-39862.jpg", imageAlt: "minimalist workspace mockup"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt anfragen", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tablet-books-arrangement-high-angle_23-2149765803.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tablet-books-arrangement-high-angle_23-2149765803.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg",
|
||||
alt: "young businessman happy expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg", alt: "young businessman happy expression"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
alt: "black businessman happy expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "black businessman happy expression"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",
|
||||
alt: "black businessman happy expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg", alt: "black businessman happy expression"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
|
||||
alt: "Confident businessman with beard smiling at camera generated by AI",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg", alt: "Confident businessman with beard smiling at camera generated by AI"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
alt: "Beautiful woman smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", alt: "Beautiful woman smiling"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,19 +96,13 @@ export default function LandingPage() {
|
||||
description="Wir stehen für Zuverlässigkeit und einfache Kommunikation. Als Partner für lokale Unternehmen verstehen wir die Herausforderungen und Chancen der digitalen Welt."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Nahbar",
|
||||
description: "Wir sprechen Ihre Sprache, nicht nur Fachchinesisch.",
|
||||
},
|
||||
title: "Nahbar", description: "Wir sprechen Ihre Sprache, nicht nur Fachchinesisch."},
|
||||
{
|
||||
title: "Zuverlässig",
|
||||
description: "Versprechen werden gehalten – wir sind Ihr fester Ansprechpartner.",
|
||||
},
|
||||
title: "Zuverlässig", description: "Versprechen werden gehalten – wir sind Ihr fester Ansprechpartner."},
|
||||
{
|
||||
title: "Zielorientiert",
|
||||
description: "Ihr unternehmerischer Erfolg steht bei uns an erster Stelle.",
|
||||
},
|
||||
title: "Zielorientiert", description: "Ihr unternehmerischer Erfolg steht bei uns an erster Stelle."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-generating-ideas-floor_53876-46943.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-generating-ideas-floor_53876-46943.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,28 +113,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Website-Erstellung",
|
||||
description: "Professionelle Webpräsenzen, die Kunden überzeugen.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Globe,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-web-development-icon-set-business-logo-concept-ideas-line-icon_1142-7381.jpg?_wi=2",
|
||||
imageAlt: "web development icon minimal",
|
||||
title: "Website-Erstellung", description: "Professionelle Webpräsenzen, die Kunden überzeugen.", bentoComponent: "reveal-icon", icon: Globe,
|
||||
},
|
||||
{
|
||||
title: "Social Media Betreuung",
|
||||
description: "Mehr Sichtbarkeit durch gezielte Posts und Interaktion.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ThumbsUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-books-arrangement-high-angle_23-2149765803.jpg?_wi=3",
|
||||
imageAlt: "web development icon minimal",
|
||||
title: "Social Media Betreuung", description: "Mehr Sichtbarkeit durch gezielte Posts und Interaktion.", bentoComponent: "reveal-icon", icon: ThumbsUp,
|
||||
},
|
||||
{
|
||||
title: "Komplettservice",
|
||||
description: "Von der Technik bis zur Pflege – alles aus einer Hand.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Briefcase,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-generating-ideas-floor_53876-46943.jpg?_wi=3",
|
||||
imageAlt: "web development icon minimal",
|
||||
title: "Komplettservice", description: "Von der Technik bis zur Pflege – alles aus einer Hand.", bentoComponent: "reveal-icon", icon: Briefcase,
|
||||
},
|
||||
]}
|
||||
title="Unsere Dienstleistungen"
|
||||
@@ -203,20 +135,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "+40%",
|
||||
description: "Mehr Sichtbarkeit online",
|
||||
},
|
||||
id: "1", value: "+40%", description: "Mehr Sichtbarkeit online"},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
description: "Zeitersparnis bei der IT-Pflege",
|
||||
},
|
||||
id: "2", value: "100%", description: "Zeitersparnis bei der IT-Pflege"},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Erreichbarkeit für Ihre Kunden",
|
||||
},
|
||||
id: "3", value: "24/7", description: "Erreichbarkeit für Ihre Kunden"},
|
||||
]}
|
||||
title="Warum mit uns arbeiten?"
|
||||
description="Wir sorgen für sichtbare Ergebnisse und messbaren Erfolg."
|
||||
@@ -230,53 +153,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Basic",
|
||||
price: "ab 499€",
|
||||
buttons: [
|
||||
id: "basic", name: "Basic", price: "ab 499€", buttons: [
|
||||
{
|
||||
text: "Anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Anfragen", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Basis Website",
|
||||
"Hosting",
|
||||
"Standard SEO",
|
||||
],
|
||||
"Basis Website", "Hosting", "Standard SEO"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
name: "Standard",
|
||||
price: "ab 899€",
|
||||
badge: "Empfohlen",
|
||||
buttons: [
|
||||
id: "standard", name: "Standard", price: "ab 899€", badge: "Empfohlen", buttons: [
|
||||
{
|
||||
text: "Anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Anfragen", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Website",
|
||||
"Social Media Start",
|
||||
"Monatlicher Support",
|
||||
],
|
||||
"Website", "Social Media Start", "Monatlicher Support"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
name: "Premium",
|
||||
price: "Individuell",
|
||||
buttons: [
|
||||
id: "premium", name: "Premium", price: "Individuell", buttons: [
|
||||
{
|
||||
text: "Anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Anfragen", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Komplettservice",
|
||||
"Social Media Abo",
|
||||
"Individuelles Design",
|
||||
],
|
||||
"Komplettservice", "Social Media Abo", "Individuelles Design"],
|
||||
},
|
||||
]}
|
||||
title="Transparente Pakete"
|
||||
@@ -289,20 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wie lange dauert eine Umsetzung?",
|
||||
content: "Eine einfache Website ist oft innerhalb von 2 Wochen einsatzbereit.",
|
||||
},
|
||||
id: "1", title: "Wie lange dauert eine Umsetzung?", content: "Eine einfache Website ist oft innerhalb von 2 Wochen einsatzbereit."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Brauche ich technisches Vorwissen?",
|
||||
content: "Nein, wir übernehmen den gesamten technischen Part für Sie.",
|
||||
},
|
||||
id: "2", title: "Brauche ich technisches Vorwissen?", content: "Nein, wir übernehmen den gesamten technischen Part für Sie."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Wie läuft die Zusammenarbeit ab?",
|
||||
content: "Wir beginnen mit einem kostenlosen Erstgespräch, um Ihre Anforderungen zu klären.",
|
||||
},
|
||||
id: "3", title: "Wie läuft die Zusammenarbeit ab?", content: "Wir beginnen mit einem kostenlosen Erstgespräch, um Ihre Anforderungen zu klären."},
|
||||
]}
|
||||
sideTitle="Häufige Fragen"
|
||||
sideDescription="Hier finden Sie Antworten auf die wichtigsten Fragen zu unseren Angeboten."
|
||||
@@ -318,25 +207,15 @@ export default function LandingPage() {
|
||||
author="Klaus Dieter, Geschäftsführer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", alt: "Kunde 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg", alt: "Kunde 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Kunde 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-lady-with-laptop-conference-room_1262-3778.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-lady-with-laptop-conference-room_1262-3778.jpg", alt: "Kunde 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg",
|
||||
alt: "Medium shot smiley man at work",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg", alt: "Medium shot smiley man at work"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -347,8 +226,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Kontakt"
|
||||
title="Starten wir gemeinsam."
|
||||
description="Schreiben Sie uns für ein unverbindliches Erstgespräch. DM oder Anfrage jederzeit möglich."
|
||||
@@ -365,37 +243,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Über uns", href: "#about"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Leistungen", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Angebote",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Angebote", href: "#pricing"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user