Update src/app/page.tsx
This commit is contained in:
167
src/app/page.tsx
167
src/app/page.tsx
@@ -30,26 +30,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Mockups",
|
||||
id: "mockups",
|
||||
},
|
||||
name: "Mockups", id: "mockups"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Jetzt Website anfragen",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Jetzt Website anfragen", href: "#contact"}}
|
||||
brandName="Webdesign Portfolio"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,45 +48,26 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Moderne Websites für lokale Unternehmen"
|
||||
description="Sehen Sie, wie Ihre Website aussehen könnte. Drei branchenspezifische Design-Beispiele zeigen Ihnen den Unterschied, den professionelles Webdesign macht."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Client A",
|
||||
handle: "@businessA",
|
||||
testimonial: "Our new website brought in so many new clients! Truly professional design.",
|
||||
rating: 5,
|
||||
imageSrc: "asset://testimonial-1",
|
||||
},
|
||||
name: "Client A", handle: "@businessA", testimonial: "Our new website brought in so many new clients! Truly professional design.", rating: 5,
|
||||
imageSrc: "asset://testimonial-1"},
|
||||
{
|
||||
name: "Client B",
|
||||
handle: "@businessB",
|
||||
testimonial: "The design perfectly captures our brand. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "asset://testimonial-2",
|
||||
},
|
||||
name: "Client B", handle: "@businessB", testimonial: "The design perfectly captures our brand. Highly recommend!", rating: 5,
|
||||
imageSrc: "asset://testimonial-2"},
|
||||
{
|
||||
name: "Client C",
|
||||
handle: "@businessC",
|
||||
testimonial: "Outstanding work! Our online presence has never been better.",
|
||||
rating: 5,
|
||||
imageSrc: "asset://testimonial-3",
|
||||
},
|
||||
name: "Client C", handle: "@businessC", testimonial: "Outstanding work! Our online presence has never been better.", rating: 5,
|
||||
imageSrc: "asset://testimonial-3"},
|
||||
{
|
||||
name: "Client D",
|
||||
handle: "@businessD",
|
||||
testimonial: "Professional, modern, and exactly what we needed to stand out.",
|
||||
rating: 5,
|
||||
imageSrc: "asset://testimonial-4",
|
||||
},
|
||||
name: "Client D", handle: "@businessD", testimonial: "Professional, modern, and exactly what we needed to stand out.", rating: 5,
|
||||
imageSrc: "asset://testimonial-4"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Website anfragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt Website anfragen", href: "#contact"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -110,29 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "salon-mockup",
|
||||
name: "Hair Salon Website",
|
||||
price: "Modern & Inviting",
|
||||
variant: "Beauty & Wellness",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/world-photography-day-landing-page-template_23-2150543852.jpg",
|
||||
imageAlt: "Hair salon website mockup with lifestyle imagery and modern typography",
|
||||
},
|
||||
id: "salon-mockup", name: "Hair Salon Website", price: "Modern & Inviting", variant: "Beauty & Wellness", imageSrc: "http://img.b2bpic.net/free-psd/world-photography-day-landing-page-template_23-2150543852.jpg", imageAlt: "Hair salon website mockup with lifestyle imagery and modern typography"},
|
||||
{
|
||||
id: "repair-mockup",
|
||||
name: "Auto Repair Shop Website",
|
||||
price: "Reliable & Trustworthy",
|
||||
variant: "Automotive Services",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/driving-school-landing-page-template_23-2149044874.jpg",
|
||||
imageAlt: "Auto repair shop website mockup emphasizing technical credibility and structured layouts",
|
||||
},
|
||||
id: "repair-mockup", name: "Auto Repair Shop Website", price: "Reliable & Trustworthy", variant: "Automotive Services", imageSrc: "http://img.b2bpic.net/free-psd/driving-school-landing-page-template_23-2149044874.jpg", imageAlt: "Auto repair shop website mockup emphasizing technical credibility and structured layouts"},
|
||||
{
|
||||
id: "law-mockup",
|
||||
name: "Law Firm Website",
|
||||
price: "Elegant & Authoritative",
|
||||
variant: "Professional Services",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/religious-template-design-web_23-2149197319.jpg",
|
||||
imageAlt: "Law firm website mockup with elegant, conservative styling",
|
||||
},
|
||||
id: "law-mockup", name: "Law Firm Website", price: "Elegant & Authoritative", variant: "Professional Services", imageSrc: "http://img.b2bpic.net/free-psd/religious-template-design-web_23-2149197319.jpg", imageAlt: "Law firm website mockup with elegant, conservative styling"},
|
||||
]}
|
||||
title="So könnte deine Website aussehen"
|
||||
description="Professionelles Webdesign macht den Unterschied. Entdecken Sie branchenspezifische Beispiele, die Ihre Zielgruppe begeistern."
|
||||
@@ -146,62 +99,41 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "webdesign",
|
||||
title: "Individuelles Webdesign",
|
||||
description: "Kreation maßgeschneiderter, ästhetisch ansprechender und funktionaler Websites, die Ihre Marke widerspiegeln.",
|
||||
media: {
|
||||
imageSrc: "asset://service-webdesign",
|
||||
imageAlt: "Custom web design service",
|
||||
},
|
||||
id: "webdesign", title: "Individuelles Webdesign", description: "Kreation maßgeschneiderter, ästhetisch ansprechender und funktionaler Websites, die Ihre Marke widerspiegeln.", media: {
|
||||
imageSrc: "asset://service-webdesign", imageAlt: "Custom web design service"},
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Einzigartige Designs",
|
||||
},
|
||||
text: "Einzigartige Designs"},
|
||||
{
|
||||
icon: Monitor,
|
||||
text: "Responsive Entwicklung",
|
||||
},
|
||||
text: "Responsive Entwicklung"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "creation",
|
||||
title: "Website-Erstellung & Entwicklung",
|
||||
description: "Vom Konzept bis zum Launch – wir kümmern uns um die gesamte technische Umsetzung Ihrer neuen Website.",
|
||||
media: {
|
||||
imageSrc: "asset://service-development",
|
||||
imageAlt: "Website creation and development service",
|
||||
},
|
||||
id: "creation", title: "Website-Erstellung & Entwicklung", description: "Vom Konzept bis zum Launch – wir kümmern uns um die gesamte technische Umsetzung Ihrer neuen Website.", media: {
|
||||
imageSrc: "asset://service-development", imageAlt: "Website creation and development service"},
|
||||
items: [
|
||||
{
|
||||
icon: Code,
|
||||
text: "Sauberer Code",
|
||||
},
|
||||
text: "Sauberer Code"},
|
||||
{
|
||||
icon: Rocket,
|
||||
text: "Schneller Launch",
|
||||
},
|
||||
text: "Schneller Launch"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "maintenance",
|
||||
title: "Wartung & Support",
|
||||
description: "Wir sorgen dafür, dass Ihre Website stets reibungslos läuft, sicher ist und auf dem neuesten Stand bleibt.",
|
||||
media: {
|
||||
imageSrc: "asset://service-maintenance",
|
||||
imageAlt: "Website maintenance and support service",
|
||||
},
|
||||
id: "maintenance", title: "Wartung & Support", description: "Wir sorgen dafür, dass Ihre Website stets reibungslos läuft, sicher ist und auf dem neuesten Stand bleibt.", media: {
|
||||
imageSrc: "asset://service-maintenance", imageAlt: "Website maintenance and support service"},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Sicherheits-Updates",
|
||||
},
|
||||
text: "Sicherheits-Updates"},
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Technischer Support",
|
||||
},
|
||||
text: "Technischer Support"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -225,16 +157,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Jetzt anfragen"
|
||||
title="Bereit für Ihre neue Website?"
|
||||
description="Kontaktieren Sie mich noch heute für ein unverbindliches Angebot und lassen Sie uns besprechen, wie wir Ihre Online-Präsenz transformieren können."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Website anfragen",
|
||||
href: "mailto:info@ihredomain.de",
|
||||
},
|
||||
text: "Jetzt Website anfragen", href: "mailto:info@ihredomain.de"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -243,37 +172,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Mockups",
|
||||
href: "#mockups",
|
||||
},
|
||||
label: "Mockups", href: "#mockups"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -284,4 +199,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user