Merge version_1 into main #2
371
src/app/page.tsx
371
src/app/page.tsx
@@ -1,282 +1,111 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import Link from "next/link";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="DEL Barber"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="DEL Herren Friseur"
|
||||
description="Ihr Spezialist für den perfekten Herrenhaarschnitt im 22. Bezirk."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Termin vereinbaren",
|
||||
href: "tel:+4366087511680",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg?_wi=2",
|
||||
imageAlt: "Barber chair",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg?_wi=3",
|
||||
imageAlt: "Barber tools",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg?_wi=4",
|
||||
imageAlt: "Interior details",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg?_wi=5",
|
||||
imageAlt: "Barbershop vibe",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg?_wi=6",
|
||||
imageAlt: "Professional salon",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Mehr als nur ein Schnitt"
|
||||
description={[
|
||||
"Inhaber Delkaah Maamo begrüßt Sie in einer Oase der Männlichkeit. Unser Fokus liegt auf der perfekten Kombination aus klassischer Handwerkskunst und modernem Styling.",
|
||||
"Bei DEL erleben Sie mehr als nur einen Haarschnitt — es ist Ihre Auszeit für den Mann, geprägt von Liebe zum Detail und erstklassigem Service.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Haar",
|
||||
title: "Herren-Haarschnitt",
|
||||
items: [
|
||||
"Klassischer Schnitt",
|
||||
"Modernes Styling",
|
||||
"Individuelle Beratung",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Bart",
|
||||
title: "Bartpflege & Rasur",
|
||||
items: [
|
||||
"Präziser Bartschnitt",
|
||||
"Klassische Nassrasur",
|
||||
"Konturenschnitt",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Paket",
|
||||
title: "Komplett-Behandlung",
|
||||
items: [
|
||||
"Haarschnitt & Bart",
|
||||
"Hot-Towel-Behandlung",
|
||||
"Kopfmassage",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
label: "Kids",
|
||||
title: "Kinder-Haarschnitt",
|
||||
items: [
|
||||
"Sanfter Schnitt",
|
||||
"Geduldige Behandlung",
|
||||
"Modernes Styling",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Präzises Handwerk für Ihren individuellen Stil."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ayouan M.",
|
||||
role: "Kunde",
|
||||
company: "Wien",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Max S.",
|
||||
role: "Kunde",
|
||||
company: "Wien",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-showing-magazine-barber_23-2147737099.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lukas K.",
|
||||
role: "Kunde",
|
||||
company: "Wien",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-hair-washed_23-2148224416.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Kunde",
|
||||
company: "Wien",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-bearded-man-looking-clothes-hanging-rail-shop_23-2148175632.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Andreas F.",
|
||||
role: "Kunde",
|
||||
company: "Wien",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
|
||||
},
|
||||
]}
|
||||
title="Unsere Kunden"
|
||||
description="Stimmen unserer zufriedenen Kunden aus Wien."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Sie finden uns in der Erzherzog-Karl-Straße 60, 1220 Wien. Wir freuen uns auf Ihren Besuch!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Tel: +43 660 87511680",
|
||||
href: "tel:+4366087511680",
|
||||
},
|
||||
{
|
||||
text: "E-Mail schreiben",
|
||||
href: "mailto:[email protected]",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "DEL Barber",
|
||||
items: [
|
||||
{
|
||||
label: "Erzherzog-Karl-Straße 60, 1220 Wien",
|
||||
href: "https://maps.app.goo.gl/...",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Öffnungszeiten",
|
||||
items: [
|
||||
{
|
||||
label: "Mo–Sa: 09:00–19:00",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "So: Geschlossen",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 DEL Herren Friseur"
|
||||
bottomRightText="Wien Donaustadt"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="DEL Herren Friseur"
|
||||
description="Ihr Spezialist für den perfekten Herrenhaarschnitt im 22. Bezirk."
|
||||
buttons={[{ text: "Jetzt Termin vereinbaren", href: "tel:+4366087511680" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Barbershop interior" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Barber chair" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Barber tools" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Interior details" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Barbershop vibe" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Professional salon" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Mehr als nur ein Schnitt"
|
||||
description={["Inhaber Delkaah Maamo begrüßt Sie in einer Oase der Männlichkeit. Unser Fokus liegt auf der perfekten Kombination aus klassischer Handwerkskunst und modernem Styling.", "Bei DEL erleben Sie mehr als nur einen Haarschnitt — es ist Ihre Auszeit für den Mann, geprägt von Liebe zum Detail und erstklassigem Service."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Unsere Leistungen"
|
||||
description="Präzises Handwerk für Ihren individuellen Stil."
|
||||
features={[
|
||||
{ id: "1", label: "Haar", title: "Herren-Haarschnitt", items: ["Klassischer Schnitt", "Modernes Styling", "Individuelle Beratung"] },
|
||||
{ id: "2", label: "Bart", title: "Bartpflege & Rasur", items: ["Präziser Bartschnitt", "Klassische Nassrasur", "Konturenschnitt"] },
|
||||
{ id: "3", label: "Paket", title: "Komplett-Behandlung", items: ["Haarschnitt & Bart", "Hot-Towel-Behandlung", "Kopfmassage"] },
|
||||
{ id: "4", label: "Kids", title: "Kinder-Haarschnitt", items: ["Sanfter Schnitt", "Geduldige Behandlung", "Modernes Styling"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
title="Unsere Kunden"
|
||||
description="Stimmen unserer zufriedenen Kunden aus Wien."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ayouan M.", role: "Kunde", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg" },
|
||||
{ id: "2", name: "Max S.", role: "Kunde", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/customer-showing-magazine-barber_23-2147737099.jpg" },
|
||||
{ id: "3", name: "Lukas K.", role: "Kunde", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-hair-washed_23-2148224416.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Kunde", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/long-bearded-man-looking-clothes-hanging-rail-shop_23-2148175632.jpg" },
|
||||
{ id: "5", name: "Andreas F.", role: "Kunde", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Sie finden uns in der Erzherzog-Karl-Straße 60, 1220 Wien. Wir freuen uns auf Ihren Besuch!"
|
||||
buttons={[
|
||||
{ text: "Tel: +43 660 87511680", href: "tel:+4366087511680" },
|
||||
{ text: "E-Mail schreiben", href: "mailto:[email protected]" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "DEL Barber", items: [{ label: "Erzherzog-Karl-Straße 60, 1220 Wien", href: "https://maps.app.goo.gl/..." }] },
|
||||
{ title: "Öffnungszeiten", items: [{ label: "Mo–Sa: 09:00–19:00", href: "#" }, { label: "So: Geschlossen", href: "#" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 DEL Herren Friseur"
|
||||
bottomRightText="Wien Donaustadt"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user