Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -29,141 +29,43 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "leistungen",
|
||||
},
|
||||
{
|
||||
name: "Feedback",
|
||||
id: "feedback",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "kontakt",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "leistungen" },
|
||||
{ name: "Feedback", id: "feedback" },
|
||||
{ name: "Kontakt", id: "kontakt" },
|
||||
]}
|
||||
brandName="MÄNNER KULTUR"
|
||||
button={{ text: "Kontaktieren", href: "#kontakt" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="MÄNNER KULTUR by Nuredini"
|
||||
description="Ihr exklusiver Herrenfriseur in Uttenweiler. Wir verbinden klassisches Handwerk mit moderner Ästhetik. Erleben Sie eine Auszeit in persönlicher Atmosphäre."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=1",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=2",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=3",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=4",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=5",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=6",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Interior" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=7",
|
||||
imageAlt: "Salon Details",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=8",
|
||||
imageAlt: "Salon Details",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=9",
|
||||
imageAlt: "Salon Details",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=10",
|
||||
imageAlt: "Salon Details",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=11",
|
||||
imageAlt: "Salon Details",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=12",
|
||||
imageAlt: "Salon Details",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Termin vereinbaren",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2586.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-guy-with-tattoo_1157-16392.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Details" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Details" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Details" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Details" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Details" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg", imageAlt: "Salon Details" },
|
||||
]}
|
||||
buttons={[{ text: "Termin vereinbaren", href: "tel:+49123456789" }]}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2586.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/beautiful-guy-with-tattoo_1157-16392.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg", alt: "Kunde" }]}
|
||||
avatarText="Über 500 zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Meisterhaftes Handwerk",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Barber Tradition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Moderne Schnitte",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exklusiver Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Entspannte Atmosphäre",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Meisterhaftes Handwerk" }, { type: "text", text: "Barber Tradition" }, { type: "text", text: "Moderne Schnitte" }, { type: "text", text: "Exklusiver Service" }, { type: "text", text: "Entspannte Atmosphäre" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,8 +73,8 @@ export default function LandingPage() {
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Leidenschaft für den Beruf"
|
||||
description="Bei MÄNNER KULTUR ist Frisieren mehr als ein Handwerk – es ist eine Leidenschaft. Nuredini nimmt sich die Zeit, die jeder Kunde verdient, um das bestmögliche Ergebnis zu erzielen. Überzeugen Sie sich selbst von der Qualität in der Betzenweilerstraße 3 in 88524 Uttenweiler."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-customer-barber-shop_23-2147736999.jpg?_wi=1"
|
||||
description="Bei MÄNNER KULTUR ist Frisieren mehr als ein Handwerk – es ist eine Leidenschaft. Nuredini nimmt sich die Zeit, die jeder Kunde verdient, um das bestmögliche Ergebnis zu erzielen."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-customer-barber-shop_23-2147736999.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -182,30 +84,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Klassischer Herrenhaarschnitt",
|
||||
description: "Präzises Handwerk nach modernsten Schnitttechniken.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdRptQX0cgXsE1rEiWX2rqwabR/uploaded-1774817423832-fhnwoxew.jpg?_wi=13",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Bartpflege & Konturen",
|
||||
description: "Perfekt definierte Konturen für einen gepflegten Auftritt.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-customer-barber-shop_23-2147736999.jpg?_wi=2",
|
||||
imageAlt: "barbershop interior vintage style",
|
||||
},
|
||||
{
|
||||
title: "Beratung & Stil",
|
||||
description: "Wir nehmen uns die Zeit, um Ihren idealen Look zu finden.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg",
|
||||
imageAlt: "confident man after barbershop haircut",
|
||||
},
|
||||
{ title: "Klassischer Herrenhaarschnitt", description: "Präzises Handwerk nach modernsten Schnitttechniken.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Bartpflege & Konturen", description: "Perfekt definierte Konturen für einen gepflegten Auftritt.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Beratung & Stil", description: "Wir nehmen uns die Zeit, um Ihren idealen Look zu finden.", bentoComponent: "reveal-icon", icon: Users },
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Präzision, Stil und Zeit für den Kunden."
|
||||
@@ -218,28 +99,7 @@ export default function LandingPage() {
|
||||
testimonial="5 Sterne sind definitiv verdient! Der Friseur ist ein Meister seines Fachs und ich bin sehr zufrieden mit meinem Haarschnitt."
|
||||
rating={5}
|
||||
author="Sven J."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg",
|
||||
alt: "Jens M.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2586.jpg",
|
||||
alt: "Sven J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
|
||||
alt: "Das Svenson",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-guy-with-tattoo_1157-16392.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
]}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2586.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/beautiful-guy-with-tattoo_1157-16392.jpg", alt: "Kunde" }, { src: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg", alt: "Kunde" }]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -251,25 +111,10 @@ export default function LandingPage() {
|
||||
title="Besuchen Sie uns"
|
||||
description="Betzenweilerstraße 3, 88524 Uttenweiler. Kontaktieren Sie uns für Terminabsprachen."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Ihre E-Mail",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Ihre E-Mail", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht oder Terminanfrage",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661419.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -278,32 +123,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Adresse",
|
||||
items: [
|
||||
{
|
||||
label: "Betzenweilerstraße 3",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "88524 Uttenweiler",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Telefon: +49 123 456789",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
{
|
||||
label: "E-Mail: kontakt@maenner-kultur.de",
|
||||
href: "mailto:kontakt@maenner-kultur.de",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Adresse", items: [{ label: "Betzenweilerstraße 3" }, { label: "88524 Uttenweiler" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Telefon: +49 123 456789", href: "tel:+49123456789" }, { label: "E-Mail: kontakt@maenner-kultur.de", href: "mailto:kontakt@maenner-kultur.de" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 MÄNNER KULTUR by Nuredini"
|
||||
bottomRightText="Alle Rechte vorbehalten"
|
||||
|
||||
Reference in New Issue
Block a user