Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
166
src/app/page.tsx
166
src/app/page.tsx
@@ -18,31 +18,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Start", id: "hero"},
|
||||
{
|
||||
name: "Schritte",
|
||||
id: "steps",
|
||||
},
|
||||
name: "Schritte", id: "steps"},
|
||||
{
|
||||
name: "Fähigkeiten",
|
||||
id: "skills",
|
||||
},
|
||||
name: "Fähigkeiten", id: "skills"},
|
||||
{
|
||||
name: "Wissen",
|
||||
id: "expectations",
|
||||
},
|
||||
name: "Wissen", id: "expectations"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Build & Earn"
|
||||
/>
|
||||
@@ -54,33 +51,17 @@ export default function LandingPage() {
|
||||
description="Wie man ein erfolgreiches Business aufbaut. Kein Hype. Kein Get-rich-quick. Nur fünf klare Schritte, die wirklich funktionieren."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt starten",
|
||||
href: "#steps",
|
||||
},
|
||||
text: "Jetzt starten", href: "#steps"},
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#steps",
|
||||
},
|
||||
text: "Mehr erfahren", href: "#steps"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-coffee-notebook-keyboard_9975-133111.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-typing_23-2148877750.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-artist-hand-painting-with-paintbrush_23-2148117930.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-employee-joins-telecommuting-session-his-office-desk_482257-107617.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-presenting-graph_23-2147626378.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-blank-white-screen-autumn-dry-leaves_23-2148041406.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-coffee-notebook-keyboard_9975-133111.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-typing_23-2148877750.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-artist-hand-painting-with-paintbrush_23-2148117930.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/black-man-employee-joins-telecommuting-session-his-office-desk_482257-107617.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-presenting-graph_23-2147626378.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-blank-white-screen-autumn-dry-leaves_23-2148041406.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,34 +73,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Starte mit einer Idee",
|
||||
tags: [
|
||||
"Marktlücken finden",
|
||||
"Probleme erkennen",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg",
|
||||
id: "s1", title: "Starte mit einer Idee", tags: ["Marktlücken finden", "Probleme erkennen"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg"
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Lerne ein gefragtes Skill",
|
||||
tags: [
|
||||
"Marketing",
|
||||
"Verkauf",
|
||||
"Programmieren",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282054.jpg",
|
||||
id: "s2", title: "Lerne ein gefragtes Skill", tags: ["Marketing", "Verkauf", "Programmieren"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282054.jpg"
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Starte klein",
|
||||
tags: [
|
||||
"0€ Startkapital",
|
||||
"MVP",
|
||||
"Einfachheit",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-with-flowing-particles_1048-13794.jpg",
|
||||
},
|
||||
id: "s3", title: "Starte klein", tags: ["0€ Startkapital", "MVP", "Einfachheit"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-with-flowing-particles_1048-13794.jpg"
|
||||
}
|
||||
]}
|
||||
title="Der Weg — Fünf Schritte, eine Richtung"
|
||||
description="Jeder erfolgreiche Aufbau folgt einem bewährten System. Bleib diszipliniert und folge dem Plan."
|
||||
@@ -128,26 +92,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="skills" data-section="skills">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Startkapital",
|
||||
value: "0€",
|
||||
icon: Zap,
|
||||
id: "m1", title: "Startkapital", value: "0€", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Fokus",
|
||||
value: "100%",
|
||||
icon: Target,
|
||||
id: "m2", title: "Fokus", value: "100%", icon: Target,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Potenzial",
|
||||
value: "∞",
|
||||
icon: Repeat,
|
||||
id: "m3", title: "Potenzial", value: "∞", icon: Repeat,
|
||||
},
|
||||
]}
|
||||
title="Potenzial & Erfolg"
|
||||
@@ -170,20 +126,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Was ist das wichtigste?",
|
||||
content: "Löse ein echtes Problem für Menschen.",
|
||||
},
|
||||
id: "q1", title: "Was ist das wichtigste?", content: "Löse ein echtes Problem für Menschen."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Wie schnell geht es?",
|
||||
content: "Kein Business entsteht in einer Woche. Arbeite langfristig.",
|
||||
},
|
||||
id: "q2", title: "Wie schnell geht es?", content: "Kein Business entsteht in einer Woche. Arbeite langfristig."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Was muss ich tun?",
|
||||
content: "Bleib dran, bau etwas Echtes auf.",
|
||||
},
|
||||
id: "q3", title: "Was muss ich tun?", content: "Bleib dran, bau etwas Echtes auf."},
|
||||
]}
|
||||
title="Fazit"
|
||||
description="Schritt für Schritt zum Ziel."
|
||||
@@ -197,20 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "fq1",
|
||||
title: "Brauche ich viel Startkapital?",
|
||||
content: "Nein, starte klein und skaliere.",
|
||||
},
|
||||
id: "fq1", title: "Brauche ich viel Startkapital?", content: "Nein, starte klein und skaliere."},
|
||||
{
|
||||
id: "fq2",
|
||||
title: "Welches Skill ist am besten?",
|
||||
content: "Marketing und Verkauf sind universell wichtig.",
|
||||
},
|
||||
id: "fq2", title: "Welches Skill ist am besten?", content: "Marketing und Verkauf sind universell wichtig."},
|
||||
{
|
||||
id: "fq3",
|
||||
title: "Wo finde ich Kunden?",
|
||||
content: "Dort, wo sich deine Zielgruppe aufhält.",
|
||||
},
|
||||
id: "fq3", title: "Wo finde ich Kunden?", content: "Dort, wo sich deine Zielgruppe aufhält."},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Klarheit für deinen Start."
|
||||
@@ -221,9 +159,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Jetzt Starten"
|
||||
title="Dein Business wartet"
|
||||
description="Melde dich an, um weitere wertvolle Tipps direkt in dein Postfach zu bekommen."
|
||||
@@ -235,29 +171,15 @@ export default function LandingPage() {
|
||||
logoText="Build & Earn"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Start",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Schritte",
|
||||
href: "#steps",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Start", href: "#hero" },
|
||||
{ label: "Schritte", href: "#steps" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ressourcen",
|
||||
items: [
|
||||
{
|
||||
label: "Wissen",
|
||||
href: "#expectations",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Ressourcen", items: [
|
||||
{ label: "Wissen", href: "#expectations" },
|
||||
{ label: "Kontakt", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user