6 Commits

Author SHA1 Message Date
2897891d43 Update src/app/page.tsx 2026-03-20 18:45:19 +00:00
32e54f6eb2 Merge version_5 into main
Merge version_5 into main
2026-03-20 18:42:45 +00:00
bcc62b912e Update src/app/page.tsx 2026-03-20 18:42:41 +00:00
89d9b7c2ed Merge version_4 into main
Merge version_4 into main
2026-03-20 18:41:41 +00:00
6b3bf57af4 Update src/app/page.tsx 2026-03-20 18:41:37 +00:00
13f0f9503a Merge version_3 into main
Merge version_3 into main
2026-03-20 18:40:05 +00:00

View File

@@ -5,7 +5,6 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'; import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen'; import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase'; import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactCenter from '@/components/sections/contact/ContactCenter';
@@ -28,12 +27,11 @@ export default function LandingPage() {
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
brandName="SiteForge" brandName="Elevate Logic"
navItems={[ navItems={[
{ name: "Wie es funktioniert", id: "how-it-works" }, { name: "Wie es funktioniert", id: "how-it-works" },
{ name: "Pakete", id: "packages" },
{ name: "Branchen", id: "industries" }, { name: "Branchen", id: "industries" },
{ name: "Warum SiteForge", id: "why" }, { name: "Warum Elevate Logic", id: "why" },
{ name: "FAQ", id: "faq" }, { name: "FAQ", id: "faq" },
{ name: "Kontakt", id: "contact" } { name: "Kontakt", id: "contact" }
]} ]}
@@ -42,26 +40,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
title="Professionelle Websites. In 48 Stunden live." title="Elegante Websites für ambitionierte Unternehmen"
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." 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 Websites für Profis" tag="Premium Web Design für Profis"
tagIcon={Sparkles} tagIcon={Sparkles}
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
buttons={[ buttons={[
{ text: "Website erstellen", href: "#packages" }, { text: "Jetzt kostenlos beraten lassen", href: "#contact-cta" },
{ text: "Inspirationen sehen", href: "#industries" } { text: "Erfolgsgeschichten entdecken", href: "#industries" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-vector/start-up-business-landing-page_23-2148276811.jpg" imageSrc="http://img.b2bpic.net/free-vector/start-up-business-landing-page_23-2148276811.jpg"
imageAlt="modern browser mockup laptop screen website" imageAlt="modern browser mockup laptop screen website"
buttonClassName="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white font-semibold px-8 py-3 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 text-lg"
/> />
</div> </div>
<div id="how-it-works" data-section="how-it-works"> <div id="how-it-works" data-section="how-it-works">
<FeatureCardTen <FeatureCardTen
title="Der elegante Weg zu Ihrer Website" title="Zeitloses Design. Eleganter Prozess."
description="Ein zeitloses, professionelles System aus drei Schritten. Keine Kompromisse bei Qualität oder Design." description="Drei durchdachte Schritte zu Ihrer professionellen Website. Keine Kompromisse bei Qualität, Geschwindigkeit oder Design."
tag="Unser Prozess" tag="Unser Prozess"
tagIcon={Zap} tagIcon={Zap}
tagAnimation="slide-up" tagAnimation="slide-up"
@@ -70,7 +69,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: [ items: [
{ icon: MousePointer, text: "Präzise Auswahl" }, { icon: MousePointer, text: "Präzise Auswahl" },
{ icon: Layers, text: "Premium Vorlagen" } { icon: Layers, text: "Premium Vorlagen" }
@@ -78,7 +77,7 @@ export default function LandingPage() {
reverse: false 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: [ items: [
{ icon: Palette, text: "Vollständig flexibel" }, { icon: Palette, text: "Vollständig flexibel" },
{ icon: Edit, text: "Echtzeit-Vorschau" } { icon: Edit, text: "Echtzeit-Vorschau" }
@@ -86,7 +85,7 @@ export default function LandingPage() {
reverse: true 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: [ items: [
{ icon: CheckCircle, text: "Sofort verfügbar" }, { icon: CheckCircle, text: "Sofort verfügbar" },
{ icon: Smartphone, text: "Vollständig responsive" } { icon: Smartphone, text: "Vollständig responsive" }
@@ -97,41 +96,10 @@ export default function LandingPage() {
/> />
</div> </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"> <div id="industries" data-section="industries">
<ProductCardFour <ProductCardFour
title="Maßgeschneidert für Ihre Branche" 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 Elevate Logic elegante, hochkonvertierbare Websites für verschiedenste Bereiche gestaltet. Optimiert für Wachstum und Erfolg."
gridVariant="bento-grid" gridVariant="bento-grid"
animationType="blur-reveal" animationType="blur-reveal"
textboxLayout="default" textboxLayout="default"
@@ -161,7 +129,7 @@ export default function LandingPage() {
<div id="why-siteforge" data-section="why-siteforge"> <div id="why-siteforge" data-section="why-siteforge">
<FeatureCardTen <FeatureCardTen
title="Warum führende Unternehmen SiteForge wählen" title="Warum führende Unternehmen Elevate Logic wählen"
description="Ein elegantes System, das Qualität, Geschwindigkeit und Zuverlässigkeit vereint. Gebaut für professionelle Ansprüche." description="Ein elegantes System, das Qualität, Geschwindigkeit und Zuverlässigkeit vereint. Gebaut für professionelle Ansprüche."
tag="Unsere Stärken" tag="Unsere Stärken"
tagIcon={Award} tagIcon={Award}
@@ -171,7 +139,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: [ items: [
{ icon: Zap, text: "Blitzschnell" }, { icon: Zap, text: "Blitzschnell" },
{ icon: Clock, text: "Hocheffizient" } { icon: Clock, text: "Hocheffizient" }
@@ -187,7 +155,7 @@ export default function LandingPage() {
reverse: true 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: [ items: [
{ icon: Star, text: "Premium Design" }, { icon: Star, text: "Premium Design" },
{ icon: Gauge, text: "Hochperformant" } { icon: Gauge, text: "Hochperformant" }
@@ -209,7 +177,7 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardTwo
title="Vertrauen von Profis" 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 Elevate Logic."
tag="Kundenstimmen" tag="Kundenstimmen"
tagIcon={MessageSquare} tagIcon={MessageSquare}
tagAnimation="slide-up" tagAnimation="slide-up"
@@ -218,7 +186,7 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ 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. Elevate Logic 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 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
@@ -251,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: "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 Elevate Logic-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: "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 Elevate Logic 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."
} }
]} ]}
/> />
@@ -266,7 +234,7 @@ export default function LandingPage() {
<div id="contact-cta" data-section="contact-cta"> <div id="contact-cta" data-section="contact-cta">
<ContactCenter <ContactCenter
tag="Bereit?" 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." 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" }} background={{ variant: "animated-grid" }}
useInvertedBackground={false} useInvertedBackground={false}
@@ -278,13 +246,12 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
logoText="SiteForge" logoText="Elevate Logic"
copyrightText="© 2024 SiteForge. Alle Rechte vorbehalten." copyrightText="© 2024 Elevate Logic. Alle Rechte vorbehalten."
columns={[ columns={[
{ {
title: "Produkt", items: [ title: "Produkt", items: [
{ label: "Wie es funktioniert", href: "#how-it-works" }, { label: "Wie es funktioniert", href: "#how-it-works" },
{ label: "Pakete & Preise", href: "#packages" },
{ label: "Branchen-Lösungen", href: "#industries" }, { label: "Branchen-Lösungen", href: "#industries" },
{ label: "FAQ", href: "#faq" } { label: "FAQ", href: "#faq" }
] ]