Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Galerie",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Galerie", id: "gallery" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Goldener Friseur"
|
||||
/>
|
||||
@@ -56,46 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Dein Friseur in Ingolstadt für perfekte Schnitte & Styling"
|
||||
description="Über 150 zufriedene Kunden • 4.8★ Bewertung"
|
||||
buttons={[
|
||||
{
|
||||
text: "Termin buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+4984179442632",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Termin buchen", href: "#contact" }, { text: "Jetzt anrufen", href: "tel:+4984179442632" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=1",
|
||||
imageAlt: "Luxuriöses Salon-Ambiente",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=2",
|
||||
imageAlt: "Professionelles Styling",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=3",
|
||||
imageAlt: "Hochwertiges Interieur",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=4",
|
||||
imageAlt: "Dein Friseur in Ingolstadt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=5",
|
||||
imageAlt: "Premium Haarpflege",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=6",
|
||||
imageAlt: "Exklusiver Service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Luxuriöses Salon-Ambiente" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Professionelles Styling" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Hochwertiges Interieur" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Dein Friseur in Ingolstadt" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Premium Haarpflege" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Exklusiver Service" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,42 +62,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Damen",
|
||||
author: "Style & Care",
|
||||
description: "Individuelle Schnitte, Farbbehandlungen und Styling-Konzepte.",
|
||||
tags: [
|
||||
"Schnitt",
|
||||
"Farbe",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-barber-combing-drying-hair-client_23-2147778798.jpg",
|
||||
imageAlt: "Damen Styling",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Herren",
|
||||
author: "Modern Barber",
|
||||
description: "Moderne Cuts, Bartpflege und präzises Styling für den perfekten Look.",
|
||||
tags: [
|
||||
"Barber",
|
||||
"Cut",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg",
|
||||
imageAlt: "Herren Cut",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Beauty",
|
||||
author: "Luxury Beauty",
|
||||
description: "Brows, Lashes und Makeup-Services für besondere Anlässe.",
|
||||
tags: [
|
||||
"Brows",
|
||||
"Lashes",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238677.jpg",
|
||||
imageAlt: "Beauty Services",
|
||||
},
|
||||
{ id: "s1", title: "Damen", author: "Style & Care", description: "Individuelle Schnitte, Farbbehandlungen und Styling-Konzepte.", tags: ["Schnitt", "Farbe"], imageSrc: "http://img.b2bpic.net/free-photo/from-barber-combing-drying-hair-client_23-2147778798.jpg", imageAlt: "Damen Styling" },
|
||||
{ id: "s2", title: "Herren", author: "Modern Barber", description: "Moderne Cuts, Bartpflege und präzises Styling für den perfekten Look.", tags: ["Barber", "Cut"], imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg", imageAlt: "Herren Cut" },
|
||||
{ id: "s3", title: "Beauty", author: "Luxury Beauty", description: "Brows, Lashes und Makeup-Services für besondere Anlässe.", tags: ["Brows", "Lashes"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238677.jpg", imageAlt: "Beauty Services" }
|
||||
]}
|
||||
title="Unsere Services"
|
||||
description="Exzellenz in Schnitt, Farbe und Beauty."
|
||||
@@ -152,12 +75,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Dein Wohlfühlerlebnis in Ingolstadt"
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Mehr erfahren", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -165,44 +83,15 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Balayage Look",
|
||||
price: "Styling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-brunet-with-short-haircut-evening-makeup_633478-341.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Gentleman Cut",
|
||||
price: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-brush_1157-43552.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Bridal Updo",
|
||||
price: "Event",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-brunette-model-casual-summer-clothes-with-no-makeup_158538-10655.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Copper Finish",
|
||||
price: "Color",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-yellow-top-ruffles-her-curly-hair-smiles-sweetly-against-white-doors_197531-26453.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Lash Perfection",
|
||||
price: "Beauty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26027.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Modern Bob",
|
||||
price: "Cut",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332455.jpg",
|
||||
},
|
||||
{ id: "g1", name: "Balayage Look", price: "Styling", imageSrc: "http://img.b2bpic.net/free-photo/sexy-brunet-with-short-haircut-evening-makeup_633478-341.jpg" },
|
||||
{ id: "g2", name: "Gentleman Cut", price: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-brush_1157-43552.jpg" },
|
||||
{ id: "g3", name: "Bridal Updo", price: "Event", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-brunette-model-casual-summer-clothes-with-no-makeup_158538-10655.jpg" },
|
||||
{ id: "g4", name: "Copper Finish", price: "Color", imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-yellow-top-ruffles-her-curly-hair-smiles-sweetly-against-white-doors_197531-26453.jpg" },
|
||||
{ id: "g5", name: "Lash Perfection", price: "Beauty", imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26027.jpg" },
|
||||
{ id: "g6", name: "Modern Bob", price: "Cut", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332455.jpg" }
|
||||
]}
|
||||
title="Unsere Arbeiten"
|
||||
description="Lass dich inspirieren von unseren Ergebnissen."
|
||||
@@ -213,31 +102,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julia S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-ginger-girl-shows-thumbs-up-smiles-white-teeth-approve-agree-say-yes-recommend-clinic-company-satisfied-with-quality-service-white-background_176420-45534.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Thomas K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-laughs-looks-into-camera-against-background-trees-lady-white-top-touches-her-wavy-hair_197531-26343.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Markus D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-looking-away_23-2148218537.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Anna M.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg" },
|
||||
{ id: "t2", name: "Julia S.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-ginger-girl-shows-thumbs-up-smiles-white-teeth-approve-agree-say-yes-recommend-clinic-company-satisfied-with-quality-service-white-background_176420-45534.jpg" },
|
||||
{ id: "t3", name: "Thomas K.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg" },
|
||||
{ id: "t4", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-laughs-looks-into-camera-against-background-trees-lady-white-top-touches-her-wavy-hair_197531-26343.jpg" },
|
||||
{ id: "t5", name: "Markus D.", imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-looking-away_23-2148218537.jpg" }
|
||||
]}
|
||||
cardTitle="Kundenstimmen"
|
||||
cardTag="4.8★ Durchschnitt"
|
||||
@@ -248,9 +117,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Dein Termin bei uns"
|
||||
description="Besuche uns in der Unterhaunstädter Weg 1. Wir freuen uns auf dich!"
|
||||
@@ -263,49 +130,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Goldener Friseur"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Unterhaunstädter Weg 1",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "85055 Ingolstadt",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+49 841 79442632",
|
||||
href: "tel:+4984179442632",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Öffnungszeiten",
|
||||
items: [
|
||||
{
|
||||
label: "Di–Fr: 09:00–18:30",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sa: 09:00–16:00",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "So, Mo: geschlossen",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Kontakt", items: [{ label: "Unterhaunstädter Weg 1", href: "#" }, { label: "85055 Ingolstadt", href: "#" }, { label: "+49 841 79442632", href: "tel:+4984179442632" }] },
|
||||
{ title: "Öffnungszeiten", items: [{ label: "Di–Fr: 09:00–18:30", href: "#" }, { label: "Sa: 09:00–16:00", href: "#" }, { label: "So, Mo: geschlossen", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Goldener Friseur Ingolstadt"
|
||||
/>
|
||||
@@ -313,4 +140,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user