bender/5c0bcd93-6a4e-4d09-bcfe-1049d7fca6d1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_5 into main

Browse Source 
Merge version_5 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-03-20 18:42:45 +00:00
parent 89d9b7c2ed bcc62b912e
commit 32e54f6eb2
1 changed files with 24 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/app/page.tsx
View File

@@ -5,7 +5,6 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter';
@@ -28,12 +27,11 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="SiteForge"
brandName="ScaleFlow"
navItems={[
{ name: "Wie es funktioniert", id: "how-it-works" },
{ name: "Pakete", id: "packages" },
{ name: "Branchen", id: "industries" },
{ name: "Warum SiteForge", id: "why" },
{ name: "Warum ScaleFlow", id: "why" },
{ name: "FAQ", id: "faq" },
{ name: "Kontakt", id: "contact" }
]}
@@ -42,15 +40,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Professionelle Websites. In 48 Stunden live."
description="Wählen Sie Ihre Branche, passen Sie das Design an, und Ihre elegante, professionelle Website ist online. Keine technischen Kenntnisse erforderlich – vollständig optimiert und bereit für Ihr Wachstum."
tag="Premium Websites für Profis"
title="Elegante Websites für ambitionierte Unternehmen"
description="Professionelle, hochperformante Websites in 48 Stunden. Maßgeschneidert für Ihre Branche. Keine technischen Kenntnisse erforderlich – vollständig optimiert und bereit für exponentielles Wachstum."
tag="Premium Web Design für Profis"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Jetzt kostenlos starten", href: "#packages" },
{ text: "Inspirationen sehen", href: "#industries" }
{ text: "Jetzt kostenlos beraten lassen", href: "#contact-cta" },
{ text: "Erfolgsgeschichten entdecken", href: "#industries" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-vector/start-up-business-landing-page_23-2148276811.jpg"
@@ -61,8 +59,8 @@ export default function LandingPage() {
<div id="how-it-works" data-section="how-it-works">
<FeatureCardTen
title="Der elegante Weg zu Ihrer Website"
description="Ein zeitloses, professionelles System aus drei Schritten. Keine Kompromisse bei Qualität oder Design."
title="Zeitloses Design. Eleganter Prozess."
description="Drei durchdachte Schritte zu Ihrer professionellen Website. Keine Kompromisse bei Qualität, Geschwindigkeit oder Design."
tag="Unser Prozess"
tagIcon={Zap}
tagAnimation="slide-up"
@@ -71,7 +69,7 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "step-1", title: "Branche & Vision", description: "Wählen Sie aus eleganten, maßgeschneiderten Vorlagen für Ihre Branche. Jede Vorlage wurde von Designprofis entwickelt und folgt höchsten Standards.", media: { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-ui-kit-collection_23-2149209589.jpg", imageAlt: "industry selection menu interface dropdown" },
id: "step-1", title: "Vision & Branche", description: "Wählen Sie aus handgefertigten, eleganten Vorlagen für Ihre Branche. Jede Vorlage wurde von Designprofis entwickelt und folgt höchsten Standards.", media: { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-ui-kit-collection_23-2149209589.jpg", imageAlt: "industry selection menu interface dropdown" },
items: [
{ icon: MousePointer, text: "Präzise Auswahl" },
{ icon: Layers, text: "Premium Vorlagen" }
@@ -79,7 +77,7 @@ export default function LandingPage() {
reverse: false
},
{
id: "step-2", title: "Verfeinern Sie das Design", description: "Personalisieren Sie jedes Detail mit unserem intuitiven Designer. Farben, Typografie, Layout – alles unter Ihrer Kontrolle, ohne Code.", media: { imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-background_23-2149051192.jpg", imageAlt: "design customization interface color palette" },
id: "step-2", title: "Design verfeinern", description: "Gestalten Sie Ihr Projekt mit unserem intuitiven Designer. Jedes Detail – Farben, Typografie, Layout – vollständig unter Ihrer Kontrolle, ohne Code.", media: { imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-background_23-2149051192.jpg", imageAlt: "design customization interface color palette" },
items: [
{ icon: Palette, text: "Vollständig flexibel" },
{ icon: Edit, text: "Echtzeit-Vorschau" }
@@ -87,7 +85,7 @@ export default function LandingPage() {
reverse: true
},
{
id: "step-3", title: "Live & Optimiert", description: "Ihre Website geht online mit automatischer Optimierung für alle Geräte, Suchmaschinen und Performance-Standards.", media: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-typing-keyboard_23-2149476770.jpg", imageAlt: "website launch live deployment upload success" },
id: "step-3", title: "Live & Optimiert", description: "Ihre elegante Website geht online mit vollständiger Optimierung für Geschwindigkeit, SEO, Konversionen und alle Geräte.", media: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-typing-keyboard_23-2149476770.jpg", imageAlt: "website launch live deployment upload success" },
items: [
{ icon: CheckCircle, text: "Sofort verfügbar" },
{ icon: Smartphone, text: "Vollständig responsive" }
@@ -98,41 +96,10 @@ export default function LandingPage() {
/>
</div>
<div id="packages" data-section="packages">
<PricingCardNine
title="Investieren Sie in Exzellenz"
description="Drei durchdachte Pakete für unterschiedliche Ansprüche. Jedes beinhaltet Premium-Hosting, sichere Domain und dediziertem Support."
textboxLayout="default"
animationType="scale-rotate"
useInvertedBackground={false}
plans={[
{
id: "starter", title: "Elegant", price: "399 €", period: "Einmalig", features: [
"5 elegant gestaltete Seiten", "Premium Domain (1 Jahr kostenlos)", "Mobile-First Design", "SSL-Sicherheitszertifikat", "E-Mail Support", "Google Analytics & Tracking", "Kontaktformular & CTA-Optimierung"
],
button: { text: "Auswählen", href: "#" }
},
{
id: "business", title: "Professional", price: "799 €", period: "Einmalig", features: [
"Alles aus Elegant, plus:", "Bis zu 20 Seiten", "Elegantes Buchungssystem", "Social Media Integration", "Blog-Funktionalität", "E-Commerce bis 100 Produkte", "Chat & E-Mail Support", "SEO Premium Package", "Premium Domain für 2 Jahre"
],
button: { text: "Am beliebtesten", href: "#" },
imageSrc: "http://img.b2bpic.net/free-vector/flat-price-list-collection_23-2148089330.jpg", imageAlt: "business package premium tier highlight"
},
{
id: "premium", title: "Enterprise", price: "1.499 €", period: "Einmalig", features: [
"Alles aus Professional, plus:", "Unbegrenzte Seiten", "Vollständiges E-Commerce System", "Multi-Channel Zahlungsintegration", "Membership & Community Features", "Newsletter & Marketing Automation", "Advanced SEO & Analytics", "24/7 Prioritätssupport", "Premium Domain für 3 Jahre", "6 Monate kostenlose Wartung"
],
button: { text: "Zum Enterprise", href: "#" }
}
]}
/>
</div>
<div id="industries" data-section="industries">
<ProductCardFour
title="Maßgeschneidert für Ihre Branche"
description="Entdecken Sie, wie SiteForge professionelle Websites für verschiedenste Bereiche gestaltet. Jede Lösung ist optimiert für maximale Konversionen."
description="Entdecken Sie, wie ScaleFlow elegante, hochkonvertierbare Websites für verschiedenste Bereiche gestaltet. Optimiert für Wachstum und Erfolg."
gridVariant="bento-grid"
animationType="blur-reveal"
textboxLayout="default"
@@ -162,7 +129,7 @@ export default function LandingPage() {
<div id="why-siteforge" data-section="why-siteforge">
<FeatureCardTen
title="Warum führende Unternehmen SiteForge wählen"
title="Warum führende Unternehmen ScaleFlow wählen"
description="Ein elegantes System, das Qualität, Geschwindigkeit und Zuverlässigkeit vereint. Gebaut für professionelle Ansprüche."
tag="Unsere Stärken"
tagIcon={Award}
@@ -172,7 +139,7 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "fast", title: "48 Stunden bis zum Launch", description: "Von der Vision zur professionellen Website in zwei Tagen. Schneller als Agenturen, mit gleichbleibender Premium-Qualität. Keine Kompromisse.", media: { imageSrc: "http://img.b2bpic.net/free-vector/bicycle-delivery-concept-flat-style_23-2148167861.jpg", imageAlt: "fast speed clock timer quick rapid" },
id: "fast", title: "48 Stunden bis zum Launch", description: "Von der Vision zur professionellen Website in zwei Tagen. Schneller als traditionelle Agenturen, mit gleichbleibender Premium-Qualität. Keine Kompromisse.", media: { imageSrc: "http://img.b2bpic.net/free-vector/bicycle-delivery-concept-flat-style_23-2148167861.jpg", imageAlt: "fast speed clock timer quick rapid" },
items: [
{ icon: Zap, text: "Blitzschnell" },
{ icon: Clock, text: "Hocheffizient" }
@@ -188,7 +155,7 @@ export default function LandingPage() {
reverse: true
},
{
id: "professional", title: "Professionelle Exzellenz", description: "Jede Website wird nach höchsten Design- und Entwicklungsstandards erstellt. SEO-optimiert, performant und zukunftssicher.", media: { imageSrc: "http://img.b2bpic.net/free-vector/business-concept-landing-page-with-photo_23-2148293286.jpg", imageAlt: "professional design modern business template" },
id: "professional", title: "Professionelle Exzellenz", description: "Jede Website wird nach höchsten Design- und Entwicklungsstandards erstellt. SEO-optimiert, blitzschnell und zukunftssicher.", media: { imageSrc: "http://img.b2bpic.net/free-vector/business-concept-landing-page-with-photo_23-2148293286.jpg", imageAlt: "professional design modern business template" },
items: [
{ icon: Star, text: "Premium Design" },
{ icon: Gauge, text: "Hochperformant" }
@@ -210,7 +177,7 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
title="Vertrauen von Profis"
description="Unternehmer und Geschäftsführer berichten über ihre Erfolgsgeschichten mit SiteForge."
description="Unternehmer und Geschäftsführer berichten über ihre Erfolgsgeschichten mit ScaleFlow."
tag="Kundenstimmen"
tagIcon={MessageSquare}
tagAnimation="slide-up"
@@ -219,7 +186,7 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1", name: "Maria Schmidt", role: "Salon-Inhaberin", testimonial: "Die Eleganz meiner Website beeindruckt meine Kunden. Mit der integrierten Terminbuchung läuft alles reibungslos. SiteForge hat mein Business transformiert.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageAlt: "professional woman portrait business headshot", icon: Star
id: "1", name: "Maria Schmidt", role: "Salon-Inhaberin", testimonial: "Die Eleganz meiner Website beeindruckt meine Kunden. Mit der integrierten Terminbuchung läuft alles reibungslos. ScaleFlow hat mein Business transformiert.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageAlt: "professional woman portrait business headshot", icon: Star
},
{
id: "2", name: "Thomas Müller", role: "Handwerksbetrieb", testimonial: "Endlich eine Website, die wirklich professionell aussieht. Mein Portfolio ist elegant präsentiert, und neue Anfragen kommen regelmäßig rein.", imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg", imageAlt: "professional man portrait business headshot", icon: Star
@@ -252,13 +219,13 @@ export default function LandingPage() {
id: "q2", title: "Kann ich meine Website nach dem Launch jederzeit anpassen?", content: "Selbstverständlich. Sie erhalten vollständigen Zugriff auf ein intuitives Admin-Panel. Texte, Bilder, Preise, Layout – alles kann jederzeit geändert werden. Es gibt keine Einschränkungen, keine versteckten Limitierungen."
},
{
id: "q3", title: "Ist SEO und Suchmaschinen-Optimierung enthalten?", content: "Ja. Alle SiteForge-Websites sind von Grund auf SEO-optimiert. Wir implementieren Best Practices, strukturierte Daten, Page-Speed-Optimierung und mobile-first Design. Die Professional und Enterprise Pakete enthalten zusätzlich ein umfassendes SEO-Basis-Paket."
id: "q3", title: "Ist SEO und Suchmaschinen-Optimierung enthalten?", content: "Ja. Alle ScaleFlow-Websites sind von Grund auf SEO-optimiert. Wir implementieren Best Practices, strukturierte Daten, Page-Speed-Optimierung und mobile-first Design. Premium-Pakete enthalten zusätzlich ein umfassendes SEO-Basis-Paket."
},
{
id: "q4", title: "Was ist alles im Paketpreis enthalten? Gibt es versteckte Gebühren?", content: "Nein, es gibt absolut keine versteckten Kosten. Der Paketpreis ist die vollständige Investition. Included: Premium-Hosting, sichere Domain, SSL-Zertifikat, E-Mail-Support und regelmäßige Updates. Optional können Sie Premium Add-ons wählen."
},
{
id: "q5", title: "Ich habe spezielle Anforderungen. Bietet SiteForge Anpassungen an?", content: "Gerne! Kontaktieren Sie unser Team. Für spezielle Anforderungen entwickeln wir maßgeschneiderte Lösungen. Wir arbeiten eng mit Ihnen zusammen, um eine Website zu schaffen, die exakt Ihre Vision umsetzt."
id: "q5", title: "Ich habe spezielle Anforderungen. Bietet ScaleFlow Anpassungen an?", content: "Gerne! Kontaktieren Sie unser Team. Für spezielle Anforderungen entwickeln wir maßgeschneiderte Lösungen. Wir arbeiten eng mit Ihnen zusammen, um eine Website zu schaffen, die exakt Ihre Vision umsetzt."
}
]}
/>
@@ -267,7 +234,7 @@ export default function LandingPage() {
<div id="contact-cta" data-section="contact-cta">
<ContactCenter
tag="Bereit?"
title="Starten Sie Ihre Reise zu einer professionellen Website"
title="Starten Sie Ihre Reise zu einer eleganten, professionellen Website"
description="Lassen Sie sich von unserem Team beraten. Wir finden die perfekte Lösung für Ihr Business und Ihre Ziele."
background={{ variant: "animated-grid" }}
useInvertedBackground={false}
@@ -279,13 +246,12 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="SiteForge"
copyrightText="© 2024 SiteForge. Alle Rechte vorbehalten."
logoText="ScaleFlow"
copyrightText="© 2024 ScaleFlow. Alle Rechte vorbehalten."
columns={[
{
title: "Produkt", items: [
{ label: "Wie es funktioniert", href: "#how-it-works" },
{ label: "Pakete & Preise", href: "#packages" },
{ label: "Branchen-Lösungen", href: "#industries" },
{ label: "FAQ", href: "#faq" }
]
@@ -311,4 +277,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}