Update src/app/page.tsx
This commit is contained in:
274
src/app/page.tsx
274
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Preise",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Ergebnisse",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Preise", id: "pricing" },
|
||||
{ name: "Ergebnisse", id: "metrics" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="HK Growth"
|
||||
/>
|
||||
@@ -61,37 +46,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="HK Growth"
|
||||
description="Wir skalieren dein Business durch einheitliche, datengesteuerte Social Media Wachstumsprozesse."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Jetzt anfragen", href: "#contact" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-160241.jpg",
|
||||
imageAlt: "digital growth strategy blue",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg",
|
||||
imageAlt: "agency team collaboration tech",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-blue-glasses-with-shadow-colored-background_23-2147949147.jpg",
|
||||
imageAlt: "viral growth abstract blue",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg",
|
||||
imageAlt: "digital analytics modern interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-drinking-straws_23-2148133269.jpg",
|
||||
imageAlt: "digital growth scalability concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-woman-using-digital-tablet_53876-95581.jpg",
|
||||
imageAlt: "ai technology growth network",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-160241.jpg", imageAlt: "digital growth strategy blue" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg", imageAlt: "agency team collaboration tech" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-blue-glasses-with-shadow-colored-background_23-2147949147.jpg", imageAlt: "viral growth abstract blue" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg", imageAlt: "digital analytics modern interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-drinking-straws_23-2148133269.jpg", imageAlt: "digital growth scalability concept" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hispanic-woman-using-digital-tablet_53876-95581.jpg", imageAlt: "ai technology growth network" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,21 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Unsere Mission"
|
||||
metrics={[
|
||||
{
|
||||
icon: Rocket,
|
||||
label: "Wachstumsprozesse",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Zielgruppen-Fokus",
|
||||
value: "Präzise",
|
||||
},
|
||||
{
|
||||
icon: BarChart,
|
||||
label: "ROI-Optimierung",
|
||||
value: "Skalierbar",
|
||||
},
|
||||
{ icon: Rocket, label: "Wachstumsprozesse", value: "100%" },
|
||||
{ icon: Target, label: "Zielgruppen-Fokus", value: "Präzise" },
|
||||
{ icon: BarChart, label: "ROI-Optimierung", value: "Skalierbar" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -127,21 +77,9 @@ export default function LandingPage() {
|
||||
title="So funktioniert unser Prozess"
|
||||
description="Von der Strategieentwicklung bis zur Automatisierung – wir decken alles ab."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Analyse",
|
||||
content: "Wir durchleuchten deine aktuelle Social Media Präsenz und identifizieren versteckte Potenziale.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Strategie",
|
||||
content: "Erstellung eines individuellen Wachstumsplans, der zu deiner Marke passt.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Umsetzung",
|
||||
content: "Kontinuierliche Content-Produktion und Community Management auf Basis unserer erprobten Prozesse.",
|
||||
},
|
||||
{ id: "1", title: "Analyse", content: "Wir durchleuchten deine aktuelle Social Media Präsenz und identifizieren versteckte Potenziale." },
|
||||
{ id: "2", title: "Strategie", content: "Erstellung eines individuellen Wachstumsplans, der zu deiner Marke passt." },
|
||||
{ id: "3", title: "Umsetzung", content: "Kontinuierliche Content-Produktion und Community Management auf Basis unserer erprobten Prozesse." }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-holding-laptop-showing-financial-data_9975-22146.jpg"
|
||||
@@ -156,40 +94,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Einsteiger",
|
||||
price: "1.999€",
|
||||
subtitle: "Monatlicher Basis-Service",
|
||||
features: [
|
||||
"Content Strategy",
|
||||
"Posting Plan",
|
||||
"Basic Analytics",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Starten",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "basic", badge: "Einsteiger", price: "1.999€", subtitle: "Monatlicher Basis-Service", features: ["Content Strategy", "Posting Plan", "Basic Analytics"],
|
||||
buttons: [{ text: "Starten", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Wachstum",
|
||||
price: "3.499€",
|
||||
subtitle: "Voller Fokus auf Skalierung",
|
||||
features: [
|
||||
"Alles aus Basic",
|
||||
"Ad-Management",
|
||||
"Community Interaction",
|
||||
"1:1 Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Jetzt buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
id: "pro", badge: "Wachstum", price: "3.499€", subtitle: "Voller Fokus auf Skalierung", features: ["Alles aus Basic", "Ad-Management", "Community Interaction", "1:1 Support"],
|
||||
buttons: [{ text: "Jetzt buchen", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
title="Unsere Pakete"
|
||||
description="Transparente Investition für nachhaltiges Wachstum."
|
||||
@@ -198,36 +109,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "+150%",
|
||||
title: "Durchschnittliche Reichweite",
|
||||
items: [
|
||||
"Organisches Wachstum",
|
||||
"Viralität",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "3x",
|
||||
title: "Lead-Conversion",
|
||||
items: [
|
||||
"Qualifizierte Anfragen",
|
||||
"Sales-Ready",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10h+",
|
||||
title: "Zeitersparnis pro Woche",
|
||||
items: [
|
||||
"Automatisierte Workflows",
|
||||
"Content-Systeme",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "+150%", title: "Durchschnittliche Reichweite", items: ["Organisches Wachstum", "Viralität"] },
|
||||
{ id: "m2", value: "3x", title: "Lead-Conversion", items: ["Qualifizierte Anfragen", "Sales-Ready"] },
|
||||
{ id: "m3", value: "10h+", title: "Zeitersparnis pro Woche", items: ["Automatisierte Workflows", "Content-Systeme"] }
|
||||
]}
|
||||
title="Ergebnisse für unsere Kunden"
|
||||
description="Unsere Prozesse liefern messbare Resultate."
|
||||
@@ -241,46 +129,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Max Mustermann",
|
||||
role: "CEO",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julia Schneider",
|
||||
role: "Gründerin",
|
||||
company: "EcoFashion",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thomas Weber",
|
||||
role: "Marketing Lead",
|
||||
company: "Service Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Müller",
|
||||
role: "Inhaberin",
|
||||
company: "Consulting Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Andreas Fischer",
|
||||
role: "Managing Director",
|
||||
company: "Fintech Gmbh",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3843.jpg",
|
||||
},
|
||||
{ id: "1", name: "Max Mustermann", role: "CEO", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
|
||||
{ id: "2", name: "Julia Schneider", role: "Gründerin", company: "EcoFashion", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg" },
|
||||
{ id: "3", name: "Thomas Weber", role: "Marketing Lead", company: "Service Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg" },
|
||||
{ id: "4", name: "Sarah Müller", role: "Inhaberin", company: "Consulting Firm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg" },
|
||||
{ id: "5", name: "Andreas Fischer", role: "Managing Director", company: "Fintech Gmbh", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3843.jpg" }
|
||||
]}
|
||||
title="Kundenstimmen"
|
||||
description="Was Unternehmer über HK Growth sagen."
|
||||
@@ -291,21 +144,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wie lange dauert das Onboarding?",
|
||||
content: "Im Durchschnitt dauert unser Onboarding 48 Stunden.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Arbeitet ihr plattformübergreifend?",
|
||||
content: "Ja, wir decken Instagram, LinkedIn und TikTok ab.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Wie wird der Erfolg gemessen?",
|
||||
content: "Wir nutzen monatliche Reports mit KPIs wie Reichweite und Conversion-Rate.",
|
||||
},
|
||||
{ id: "1", title: "Wie lange dauert das Onboarding?", content: "Im Durchschnitt dauert unser Onboarding 48 Stunden." },
|
||||
{ id: "2", title: "Arbeitet ihr plattformübergreifend?", content: "Ja, wir decken Instagram, LinkedIn und TikTok ab." },
|
||||
{ id: "3", title: "Wie wird der Erfolg gemessen?", content: "Wir nutzen monatliche Reports mit KPIs wie Reichweite und Conversion-Rate." }
|
||||
]}
|
||||
sideTitle="Häufige Fragen"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -315,18 +156,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Jetzt starten"
|
||||
title="Bist du bereit zu skalieren?"
|
||||
description="Lass uns unverbindlich über dein Wachstum sprechen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Beratung buchen",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Beratung buchen", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -335,31 +169,17 @@ export default function LandingPage() {
|
||||
logoText="HK Growth"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [
|
||||
{ label: "Über uns", href: "#about" },
|
||||
{ label: "Leistungen", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Impressum", href: "#" },
|
||||
{ label: "Datenschutz", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 HK Growth. Alle Rechte vorbehalten."
|
||||
/>
|
||||
@@ -367,4 +187,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user