Update src/app/page.tsx
This commit is contained in:
424
src/app/page.tsx
424
src/app/page.tsx
@@ -32,30 +32,18 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Über Uns",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Über Uns", id: "#about"},
|
||||
{
|
||||
name: "Dienstleistungen",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Dienstleistungen", id: "#services"},
|
||||
{
|
||||
name: "Galerie",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Galerie", id: "#gallery"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Termin vereinbaren",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Termin vereinbaren", href: "#contact"}}
|
||||
brandName="Almas Barbershop"
|
||||
/>
|
||||
</div>
|
||||
@@ -63,117 +51,68 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Präzision. Stil. Perfektion."
|
||||
description="Moderne und klassische Herrenhaarschnitte, professionelles Bartstyling und erstklassiger Service im Herzen von Karlsruhe."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg?_wi=1",
|
||||
imageAlt: "Luxuriöser Barbershop Innenraum",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg", imageAlt: "Luxuriöser Barbershop Innenraum"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg?_wi=1",
|
||||
imageAlt: "Barber beim Bartrasieren",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg", imageAlt: "Barber beim Bartrasieren"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg?_wi=1",
|
||||
imageAlt: "Moderner Fade-Haarschnitt",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg", imageAlt: "Moderner Fade-Haarschnitt"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg?_wi=1",
|
||||
imageAlt: "Almas Barbershop Fassade",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg", imageAlt: "Almas Barbershop Fassade"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-disposable-razor-blade-with-water-drops_463209-15.jpg?_wi=1",
|
||||
imageAlt: "Barber-Werkzeuge auf dem Tresen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-disposable-razor-blade-with-water-drops_463209-15.jpg", imageAlt: "Barber-Werkzeuge auf dem Tresen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21717.jpg",
|
||||
imageAlt: "Mann bekommt Haarschnitt",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21717.jpg", imageAlt: "Mann bekommt Haarschnitt"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-portrait-close-up_1321-1448.jpg",
|
||||
imageAlt: "Nahaufnahme eines Fade-Haarschnitts",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-portrait-close-up_1321-1448.jpg", imageAlt: "Nahaufnahme eines Fade-Haarschnitts"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-barber-shop-close-up_23-2148465213.jpg",
|
||||
imageAlt: "Barber beim Barttrimmen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-barber-shop-close-up_23-2148465213.jpg", imageAlt: "Barber beim Barttrimmen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg",
|
||||
imageAlt: "Luxuriöser Barbershop Wartebereich",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg", imageAlt: "Luxuriöser Barbershop Wartebereich"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-closed-eyes-barbershop-closeup_1153-9484.jpg",
|
||||
imageAlt: "Barber mit Hot Towel Service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-closed-eyes-barbershop-closeup_1153-9484.jpg", imageAlt: "Barber mit Hot Towel Service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg",
|
||||
imageAlt: "Barber Hände beim Haareschneiden",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg", imageAlt: "Barber Hände beim Haareschneiden"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-checkered-suit-posing-near-dark-blue-wall-street-background_158538-4214.jpg",
|
||||
imageAlt: "Moderner Taper Fade Haarschnitt",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-checkered-suit-posing-near-dark-blue-wall-street-background_158538-4214.jpg", imageAlt: "Moderner Taper Fade Haarschnitt"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Termin vereinbaren",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Termin vereinbaren", href: "#contact"},
|
||||
{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+4915772810154",
|
||||
},
|
||||
text: "Jetzt anrufen", href: "tel:+4915772810154"},
|
||||
]}
|
||||
carouselPosition="right"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
alt: "Zufriedener Kunde",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", alt: "Zufriedener Kunde"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg",
|
||||
alt: "Stylischer Kunde",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg", alt: "Stylischer Kunde"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg",
|
||||
alt: "Junger Kunde",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg", alt: "Junger Kunde"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-sitting-bench_627829-12682.jpg",
|
||||
alt: "Eleganter Kunde",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-sitting-bench_627829-12682.jpg", alt: "Eleganter Kunde"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7374.jpg",
|
||||
alt: "Kunde mit Bart",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7374.jpg", alt: "Kunde mit Bart"},
|
||||
]}
|
||||
avatarText="Über 500+ zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Präzision",
|
||||
},
|
||||
type: "text", text: "Präzision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Stil",
|
||||
},
|
||||
type: "text", text: "Stil"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exzellenz",
|
||||
},
|
||||
type: "text", text: "Exzellenz"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handwerk",
|
||||
},
|
||||
type: "text", text: "Handwerk"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tradition",
|
||||
},
|
||||
type: "text", text: "Tradition"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -183,8 +122,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Über Almas Barbershop"
|
||||
description={[
|
||||
"Almas Barbershop steht für hochwertige Herrenpflege, präzise Übergänge und individuelle Beratung. Jeder Kunde erhält einen auf seinen Stil abgestimmten Haarschnitt und professionelle Bartpflege in entspannter Atmosphäre. Wir kombinieren traditionelle Handwerkskunst mit modernen Techniken, um Ihnen ein unvergleichliches Pflegeerlebnis zu bieten.",
|
||||
]}
|
||||
"Almas Barbershop steht für hochwertige Herrenpflege, präzise Übergänge und individuelle Beratung. Jeder Kunde erhält einen auf seinen Stil abgestimmten Haarschnitt und professionelle Bartpflege in entspannter Atmosphäre. Wir kombinieren traditionelle Handwerkskunst mit modernen Techniken, um Ihnen ein unvergleichliches Pflegeerlebnis zu bieten."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -195,75 +133,35 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Herrenhaarschnitt",
|
||||
description: "Präzise moderne und klassische Schnitte, perfekt auf Ihren Typ abgestimmt.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-young-male-isolated-grey_181624-24327.jpg",
|
||||
imageAlt: "Herrenhaarschnitt",
|
||||
},
|
||||
title: "Herrenhaarschnitt", description: "Präzise moderne und klassische Schnitte, perfekt auf Ihren Typ abgestimmt.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-young-male-isolated-grey_181624-24327.jpg", imageAlt: "Herrenhaarschnitt"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-jewelry_23-2149105408.jpg",
|
||||
imageAlt: "Herrenhaarschnitt Präzision",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg?_wi=2",
|
||||
imageAlt: "men's haircut close up scissors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-jewelry_23-2149105408.jpg", imageAlt: "Herrenhaarschnitt Präzision"}
|
||||
},
|
||||
{
|
||||
title: "Fade & Skin Fade",
|
||||
description: "Saubere Übergänge mit höchster Genauigkeit für einen makellosen Look.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462472.jpg",
|
||||
imageAlt: "Skin Fade Haarschnitt",
|
||||
},
|
||||
title: "Fade & Skin Fade", description: "Saubere Übergänge mit höchster Genauigkeit für einen makellosen Look.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462472.jpg", imageAlt: "Skin Fade Haarschnitt"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-dyeing_23-2148108810.jpg",
|
||||
imageAlt: "Barber beim Skin Fade",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg?_wi=2",
|
||||
imageAlt: "men's haircut close up scissors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-dyeing_23-2148108810.jpg", imageAlt: "Barber beim Skin Fade"}
|
||||
},
|
||||
{
|
||||
title: "Bartstyling",
|
||||
description: "Konturen, Formgebung und professionelle Pflege für den perfekten Bart.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-combing-beard_23-2149137903.jpg",
|
||||
imageAlt: "Bartstyling mit Rasierklinge",
|
||||
},
|
||||
title: "Bartstyling", description: "Konturen, Formgebung und professionelle Pflege für den perfekten Bart.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-combing-beard_23-2149137903.jpg", imageAlt: "Bartstyling mit Rasierklinge"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-trimming-beard-man_23-2147778847.jpg",
|
||||
imageAlt: "Perfekt gestylter Bart",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg?_wi=2",
|
||||
imageAlt: "men's haircut close up scissors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-trimming-beard-man_23-2147778847.jpg", imageAlt: "Perfekt gestylter Bart"}
|
||||
},
|
||||
{
|
||||
title: "Rasur",
|
||||
description: "Traditionelle und moderne Rasurmethoden für eine glatte Haut.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-shaving-beard-client_23-2148181875.jpg",
|
||||
imageAlt: "Traditionelle Nassrasur",
|
||||
},
|
||||
title: "Rasur", description: "Traditionelle und moderne Rasurmethoden für eine glatte Haut.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-shaving-beard-client_23-2148181875.jpg", imageAlt: "Traditionelle Nassrasur"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-trimming-man-beard-with-clipper_23-2148298343.jpg",
|
||||
imageAlt: "Barber beim Rasieren",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg?_wi=2",
|
||||
imageAlt: "men's haircut close up scissors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-trimming-man-beard-with-clipper_23-2148298343.jpg", imageAlt: "Barber beim Rasieren"}
|
||||
},
|
||||
{
|
||||
title: "Styling & Beratung",
|
||||
description: "Individuelle Empfehlungen passend zur Gesichtsform und zum persönlichen Stil.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-his-hair-fixed-with-comb-hairdryer_23-2148256901.jpg",
|
||||
imageAlt: "Haarstyling mit Produkt",
|
||||
},
|
||||
title: "Styling & Beratung", description: "Individuelle Empfehlungen passend zur Gesichtsform und zum persönlichen Stil.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-his-hair-fixed-with-comb-hairdryer_23-2148256901.jpg", imageAlt: "Haarstyling mit Produkt"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506368.jpg",
|
||||
imageAlt: "Barber bei der Beratung",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-disposable-razor-blade-with-water-drops_463209-15.jpg?_wi=2",
|
||||
imageAlt: "men's haircut close up scissors",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506368.jpg", imageAlt: "Barber bei der Beratung"}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Unsere Dienstleistungen"
|
||||
@@ -278,52 +176,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Präzision",
|
||||
items: [
|
||||
"Saubere und genaue Arbeit",
|
||||
],
|
||||
id: "m1", value: "100%", title: "Präzision", items: [
|
||||
"Saubere und genaue Arbeit"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Individuell",
|
||||
title: "Beratung",
|
||||
items: [
|
||||
"Persönliche Stilberatung",
|
||||
],
|
||||
id: "m2", value: "Individuell", title: "Beratung", items: [
|
||||
"Persönliche Stilberatung"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Modern",
|
||||
title: "Techniken",
|
||||
items: [
|
||||
"Aktuelle Haarschneidetechniken",
|
||||
],
|
||||
id: "m3", value: "Modern", title: "Techniken", items: [
|
||||
"Aktuelle Haarschneidetechniken"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Entspannt",
|
||||
title: "Atmosphäre",
|
||||
items: [
|
||||
"Wohlfühlambiente",
|
||||
],
|
||||
id: "m4", value: "Entspannt", title: "Atmosphäre", items: [
|
||||
"Wohlfühlambiente"],
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "Top",
|
||||
title: "Zufriedenheit",
|
||||
items: [
|
||||
"Hohe Kundenzufriedenheit",
|
||||
],
|
||||
id: "m5", value: "Top", title: "Zufriedenheit", items: [
|
||||
"Hohe Kundenzufriedenheit"],
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
value: "Fair",
|
||||
title: "Preise",
|
||||
items: [
|
||||
"Transparente und faire Preise",
|
||||
],
|
||||
id: "m6", value: "Fair", title: "Preise", items: [
|
||||
"Transparente und faire Preise"],
|
||||
},
|
||||
]}
|
||||
title="Warum Almas Barbershop?"
|
||||
@@ -338,45 +212,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Max Mustermann",
|
||||
handle: "@max.karlsruhe",
|
||||
testimonial: "Der Übergang ist sauber, präzise und genau so geworden, wie ich ihn mir vorgestellt habe. Absolut empfehlenswert!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
imageAlt: "Kunde Max Mustermann",
|
||||
},
|
||||
id: "t1", name: "Max Mustermann", handle: "@max.karlsruhe", testimonial: "Der Übergang ist sauber, präzise und genau so geworden, wie ich ihn mir vorgestellt habe. Absolut empfehlenswert!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "Kunde Max Mustermann"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Leon Müller",
|
||||
handle: "@leon_m",
|
||||
testimonial: "Professionell, herzlich und ein perfekter Schnitt. Ich komme immer wieder gerne zu Almas Barbershop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-brunette-girl-thoughtfully-looking-camera-modern-self-service-laundry_574295-2559.jpg",
|
||||
imageAlt: "Kunde Leon Müller",
|
||||
},
|
||||
id: "t2", name: "Leon Müller", handle: "@leon_m", testimonial: "Professionell, herzlich und ein perfekter Schnitt. Ich komme immer wieder gerne zu Almas Barbershop.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-brunette-girl-thoughtfully-looking-camera-modern-self-service-laundry_574295-2559.jpg", imageAlt: "Kunde Leon Müller"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Philipp Schmidt",
|
||||
handle: "@philipp_s",
|
||||
testimonial: "Man merkt sofort, dass hier echtes Handwerk und Erfahrung dahinterstecken. Mein Bart sieht fantastisch aus!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-contemplated-mature-businessman_23-2147898236.jpg",
|
||||
imageAlt: "Kunde Philipp Schmidt",
|
||||
},
|
||||
id: "t3", name: "Philipp Schmidt", handle: "@philipp_s", testimonial: "Man merkt sofort, dass hier echtes Handwerk und Erfahrung dahinterstecken. Mein Bart sieht fantastisch aus!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-contemplated-mature-businessman_23-2147898236.jpg", imageAlt: "Kunde Philipp Schmidt"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian Wagner",
|
||||
handle: "@jules.w",
|
||||
testimonial: "Ich war auf der Suche nach einem neuen Barber und bin hier fündig geworden. Der Service ist top, das Ergebnis auch!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unusual-young-woman-with-violet-hair-white-top-smiling-beautiful-lady-with-bright-hairstyle-posing-pink_197531-19237.jpg",
|
||||
imageAlt: "Kunde Julian Wagner",
|
||||
},
|
||||
id: "t4", name: "Julian Wagner", handle: "@jules.w", testimonial: "Ich war auf der Suche nach einem neuen Barber und bin hier fündig geworden. Der Service ist top, das Ergebnis auch!", imageSrc: "http://img.b2bpic.net/free-photo/unusual-young-woman-with-violet-hair-white-top-smiling-beautiful-lady-with-bright-hairstyle-posing-pink_197531-19237.jpg", imageAlt: "Kunde Julian Wagner"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Richter",
|
||||
handle: "@david_r",
|
||||
testimonial: "Das Ambiente ist super entspannt, und mein Haarschnitt war jedes Mal perfekt. Mein Go-to-Barber in Karlsruhe!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-surprised-elderly-man-pointing-finger-left-smiling-amazed_176420-31710.jpg",
|
||||
imageAlt: "Kunde David Richter",
|
||||
},
|
||||
id: "t5", name: "David Richter", handle: "@david_r", testimonial: "Das Ambiente ist super entspannt, und mein Haarschnitt war jedes Mal perfekt. Mein Go-to-Barber in Karlsruhe!", imageSrc: "http://img.b2bpic.net/free-photo/excited-surprised-elderly-man-pointing-finger-left-smiling-amazed_176420-31710.jpg", imageAlt: "Kunde David Richter"},
|
||||
]}
|
||||
title="Das sagen unsere Kunden"
|
||||
description="Echte Meinungen über exzellenten Service und präzises Handwerk."
|
||||
@@ -393,65 +237,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
brand: "Almas Style",
|
||||
name: "Skin Fade",
|
||||
price: "Perfektion",
|
||||
rating: 5,
|
||||
reviewCount: "Exklusiv",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-washed-by-hairdresser_23-2148224415.jpg",
|
||||
imageAlt: "Skin Fade Haarschnitt Beispiel",
|
||||
},
|
||||
id: "g1", brand: "Almas Style", name: "Skin Fade", price: "Perfektion", rating: 5,
|
||||
reviewCount: "Exklusiv", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-washed-by-hairdresser_23-2148224415.jpg", imageAlt: "Skin Fade Haarschnitt Beispiel"},
|
||||
{
|
||||
id: "g2",
|
||||
brand: "Almas Style",
|
||||
name: "Taper Fade",
|
||||
price: "Meisterschaft",
|
||||
rating: 5,
|
||||
reviewCount: "Meisterhaft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-woman-with-curly-hair-natural-warm-makeup-dark-skin-standing-profile-camera_633478-2186.jpg",
|
||||
imageAlt: "Taper Fade Haarschnitt Beispiel",
|
||||
},
|
||||
id: "g2", brand: "Almas Style", name: "Taper Fade", price: "Meisterschaft", rating: 5,
|
||||
reviewCount: "Meisterhaft", imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-woman-with-curly-hair-natural-warm-makeup-dark-skin-standing-profile-camera_633478-2186.jpg", imageAlt: "Taper Fade Haarschnitt Beispiel"},
|
||||
{
|
||||
id: "g3",
|
||||
brand: "Almas Style",
|
||||
name: "Bartstyling",
|
||||
price: "Kontur",
|
||||
rating: 5,
|
||||
reviewCount: "Definiert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-ginger-man-with-beard_273609-15649.jpg",
|
||||
imageAlt: "Professionelles Bartstyling",
|
||||
},
|
||||
id: "g3", brand: "Almas Style", name: "Bartstyling", price: "Kontur", rating: 5,
|
||||
reviewCount: "Definiert", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-ginger-man-with-beard_273609-15649.jpg", imageAlt: "Professionelles Bartstyling"},
|
||||
{
|
||||
id: "g4",
|
||||
brand: "Almas Tools",
|
||||
name: "Werkzeuge",
|
||||
price: "Qualität",
|
||||
rating: 5,
|
||||
reviewCount: "Hochwertig",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg",
|
||||
imageAlt: "Barber-Werkzeuge",
|
||||
},
|
||||
id: "g4", brand: "Almas Tools", name: "Werkzeuge", price: "Qualität", rating: 5,
|
||||
reviewCount: "Hochwertig", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg", imageAlt: "Barber-Werkzeuge"},
|
||||
{
|
||||
id: "g5",
|
||||
brand: "Almas Interior",
|
||||
name: "Interieur",
|
||||
price: "Luxus",
|
||||
rating: 5,
|
||||
reviewCount: "Exklusiv",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797651.jpg",
|
||||
imageAlt: "Barbershop Innenraum",
|
||||
},
|
||||
id: "g5", brand: "Almas Interior", name: "Interieur", price: "Luxus", rating: 5,
|
||||
reviewCount: "Exklusiv", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797651.jpg", imageAlt: "Barbershop Innenraum"},
|
||||
{
|
||||
id: "g6",
|
||||
brand: "Almas Service",
|
||||
name: "Handwerk",
|
||||
price: "Passion",
|
||||
rating: 5,
|
||||
reviewCount: "Erfahren",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-haircut-with-trimmer_23-2148256902.jpg",
|
||||
imageAlt: "Barber bei der Arbeit",
|
||||
},
|
||||
id: "g6", brand: "Almas Service", name: "Handwerk", price: "Passion", rating: 5,
|
||||
reviewCount: "Erfahren", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-haircut-with-trimmer_23-2148256902.jpg", imageAlt: "Barber bei der Arbeit"},
|
||||
]}
|
||||
title="Unsere Galerie"
|
||||
description="Einblicke in unser Handwerk, beeindruckende Frisuren und das luxuriöse Ambiente unseres Barbershops."
|
||||
@@ -464,25 +266,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Unsere Öffnungszeiten",
|
||||
content: "Montag: 10:00–20:00\nDienstag: 10:00–20:00\nMittwoch: 10:00–20:00\nDonnerstag: 10:00–20:00\nFreitag: 10:00–20:00\nSamstag: 10:00–20:00\nSonntag: Geschlossen",
|
||||
},
|
||||
id: "f1", title: "Unsere Öffnungszeiten", content: "Montag: 10:00–20:00\nDienstag: 10:00–20:00\nMittwoch: 10:00–20:00\nDonnerstag: 10:00–20:00\nFreitag: 10:00–20:00\nSamstag: 10:00–20:00\nSonntag: Geschlossen"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wo finden Sie uns?",
|
||||
content: "Almas Barbershop befindet sich am Heinrich-Köhler-Platz 6, 76187 Karlsruhe, Deutschland. Wir freuen uns auf Ihren Besuch!",
|
||||
},
|
||||
id: "f2", title: "Wo finden Sie uns?", content: "Almas Barbershop befindet sich am Heinrich-Köhler-Platz 6, 76187 Karlsruhe, Deutschland. Wir freuen uns auf Ihren Besuch!"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wie kann ich einen Termin vereinbaren?",
|
||||
content: "Sie können ganz einfach einen Termin über unsere Website (Kontaktformular) vereinbaren oder uns direkt anrufen unter +49 1577 2810154. Wir empfehlen, im Voraus zu buchen, um Wartezeiten zu vermeiden.",
|
||||
},
|
||||
id: "f3", title: "Wie kann ich einen Termin vereinbaren?", content: "Sie können ganz einfach einen Termin über unsere Website (Kontaktformular) vereinbaren oder uns direkt anrufen unter +49 1577 2810154. Wir empfehlen, im Voraus zu buchen, um Wartezeiten zu vermeiden."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Welche Zahlungsmethoden werden akzeptiert?",
|
||||
content: "Wir akzeptieren Barzahlung, EC-Karte und alle gängigen Kreditkarten. Bei Fragen stehen wir Ihnen gerne zur Verfügung.",
|
||||
},
|
||||
id: "f4", title: "Welche Zahlungsmethoden werden akzeptiert?", content: "Wir akzeptieren Barzahlung, EC-Karte und alle gängigen Kreditkarten. Bei Fragen stehen wir Ihnen gerne zur Verfügung."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg"
|
||||
imageAlt="Luxuriöser Barbershop Innenraum"
|
||||
@@ -498,8 +288,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Terminbuchung & Kontakt"
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Vereinbaren Sie noch heute Ihren Termin oder senden Sie uns eine Nachricht für Anfragen. Wir melden uns umgehend bei Ihnen."
|
||||
@@ -516,58 +305,35 @@ export default function LandingPage() {
|
||||
logoText="Almas Barbershop"
|
||||
columns={[
|
||||
{
|
||||
title: "Dienstleistungen",
|
||||
items: [
|
||||
title: "Dienstleistungen", items: [
|
||||
{
|
||||
label: "Herrenhaarschnitt",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Herrenhaarschnitt", href: "#services"},
|
||||
{
|
||||
label: "Fade & Skin Fade",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Fade & Skin Fade", href: "#services"},
|
||||
{
|
||||
label: "Bartstyling",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Bartstyling", href: "#services"},
|
||||
{
|
||||
label: "Rasur",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Rasur", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Über Uns",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Über Uns", href: "#about"},
|
||||
{
|
||||
label: "Galerie",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Galerie", href: "#gallery"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Heinrich-Köhler-Platz 6, 76187 Karlsruhe",
|
||||
href: "https://www.google.com/maps/search/Heinrich-Köhler-Platz+6+76187+Karlsruhe",
|
||||
},
|
||||
label: "Heinrich-Köhler-Platz 6, 76187 Karlsruhe", href: "https://www.google.com/maps/search/Heinrich-Köhler-Platz+6+76187+Karlsruhe"},
|
||||
{
|
||||
label: "+49 1577 2810154",
|
||||
href: "tel:+4915772810154",
|
||||
},
|
||||
label: "+49 1577 2810154", href: "tel:+4915772810154"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user