Merge version_1 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Produkte",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Produkte", id: "products" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="LuxuryBrand"
|
||||
/>
|
||||
@@ -54,48 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Exzellenz, die man spüren kann."
|
||||
description="Willkommen bei der Adresse für exklusive Qualität. Entdecken Sie handverlesene Produkte in einem Ambiente, das keine Kompromisse kennt."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt besuchen",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Jetzt besuchen", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826266.jpg?_wi=1",
|
||||
imageAlt: "Luxus Interieur",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861880.jpg?_wi=1",
|
||||
imageAlt: "Boutique Atmosphäre",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692253.jpg",
|
||||
imageAlt: "Elegantes Design",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-suggesting-trendy-clothes-male-client-try_482257-118047.jpg",
|
||||
imageAlt: "Hochwertiges Interieur",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-silhouette-posing_23-2148238196.jpg",
|
||||
imageAlt: "Exklusive Details",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-using-smartphone_171337-19083.jpg",
|
||||
imageAlt: "Modernes Ambiente",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826266.jpg", imageAlt: "Luxus Interieur" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861880.jpg", imageAlt: "Boutique Atmosphäre" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692253.jpg", imageAlt: "Elegantes Design" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-suggesting-trendy-clothes-male-client-try_482257-118047.jpg", imageAlt: "Hochwertiges Interieur" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-silhouette-posing_23-2148238196.jpg", imageAlt: "Exklusive Details" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-using-smartphone_171337-19083.jpg", imageAlt: "Modernes Ambiente" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,36 +62,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Tradition trifft Moderne"
|
||||
description={[
|
||||
"Seit über 30 Jahren steht unser Name für Leidenschaft, Handwerk und höchste Präzision.",
|
||||
"Jedes Stück in unserem Sortiment wird mit Sorgfalt ausgewählt, um Ihr Leben um ein Stück Exklusivität zu bereichern.",
|
||||
]}
|
||||
"Seit über 30 Jahren steht unser Name für Leidenschaft, Handwerk und höchste Präzision.", "Jedes Stück in unserem Sortiment wird mit Sorgfalt ausgewählt, um Ihr Leben um ein Stück Exklusivität zu bereichern."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Exklusive Auswahl",
|
||||
description: "Produkte, die Sie sonst nirgends finden.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patients-entering-office-attend-aa-therapy-meeting-rehabilitation-with-therapist-people-with-addiction-talking-about-alcoholism-recovery-with-psychiatrist-circle-rehab-program_482257-37067.jpg",
|
||||
imageAlt: "skilled craftsman working luxury",
|
||||
},
|
||||
{
|
||||
title: "Beratung auf Augenhöhe",
|
||||
description: "Persönlicher Service für höchste Ansprüche.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826266.jpg?_wi=2",
|
||||
imageAlt: "skilled craftsman working luxury",
|
||||
},
|
||||
{
|
||||
title: "Atmosphäre zum Verweilen",
|
||||
description: "Besuchen Sie unser Ladenlokal in zentraler Lage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861880.jpg?_wi=2",
|
||||
imageAlt: "skilled craftsman working luxury",
|
||||
},
|
||||
{ title: "Exklusive Auswahl", description: "Produkte, die Sie sonst nirgends finden.", imageSrc: "http://img.b2bpic.net/free-photo/patients-entering-office-attend-aa-therapy-meeting-rehabilitation-with-therapist-people-with-addiction-talking-about-alcoholism-recovery-with-psychiatrist-circle-rehab-program_482257-37067.jpg", imageAlt: "skilled craftsman working luxury" },
|
||||
{ title: "Beratung auf Augenhöhe", description: "Persönlicher Service für höchste Ansprüche.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826266.jpg", imageAlt: "skilled craftsman working luxury" },
|
||||
{ title: "Atmosphäre zum Verweilen", description: "Besuchen Sie unser Ladenlokal in zentraler Lage.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861880.jpg", imageAlt: "skilled craftsman working luxury" },
|
||||
]}
|
||||
title="Warum wir?"
|
||||
description="Erleben Sie Luxus, der über den Kauf hinausgeht."
|
||||
@@ -148,48 +89,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Collection",
|
||||
price: "ab 199€",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-various-cleaning-products_23-2150829675.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Elegance Series",
|
||||
price: "ab 249€",
|
||||
variant: "Exklusiv",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600203.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Classic",
|
||||
price: "ab 159€",
|
||||
variant: "Zeitlos",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-product-light_52683-105035.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Avant-Garde Pieces",
|
||||
price: "ab 299€",
|
||||
variant: "Limitiert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409248.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Heritage Line",
|
||||
price: "ab 129€",
|
||||
variant: "Traditionell",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girly-composition-table_23-2148229230.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Premium Edition",
|
||||
price: "ab 349€",
|
||||
variant: "Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-romantic-gift-fancy-chair_181624-33210.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Signature Collection", price: "ab 199€", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/still-life-various-cleaning-products_23-2150829675.jpg" },
|
||||
{ id: "p2", name: "Elegance Series", price: "ab 249€", variant: "Exklusiv", imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600203.jpg" },
|
||||
{ id: "p3", name: "Modern Classic", price: "ab 159€", variant: "Zeitlos", imageSrc: "http://img.b2bpic.net/free-photo/make-up-product-light_52683-105035.jpg" },
|
||||
{ id: "p4", name: "Avant-Garde Pieces", price: "ab 299€", variant: "Limitiert", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409248.jpg" },
|
||||
{ id: "p5", name: "Heritage Line", price: "ab 129€", variant: "Traditionell", imageSrc: "http://img.b2bpic.net/free-photo/girly-composition-table_23-2148229230.jpg" },
|
||||
{ id: "p6", name: "Premium Edition", price: "ab 349€", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-romantic-gift-fancy-chair_181624-33210.jpg" },
|
||||
]}
|
||||
title="Unsere Kollektion"
|
||||
description="Tauchen Sie ein in unsere handverlesene Welt."
|
||||
@@ -200,15 +105,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"DesignHaus",
|
||||
"Artisan Luxury",
|
||||
"Moderne Wohnwelten",
|
||||
"Gold Standard",
|
||||
"Fine Living",
|
||||
"Select Objects",
|
||||
"Grand Boutique",
|
||||
]}
|
||||
names={["DesignHaus", "Artisan Luxury", "Moderne Wohnwelten", "Gold Standard", "Fine Living", "Select Objects", "Grand Boutique"]}
|
||||
title="Unsere Partner"
|
||||
description="Wir arbeiten mit den Besten zusammen."
|
||||
/>
|
||||
@@ -221,46 +118,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Claudia M.",
|
||||
role: "Stammkundin",
|
||||
company: "Stuttgart",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-expert-worker-selecting-variety-trendy-items-client_482257-118401.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Markus S.",
|
||||
role: "Design-Liebhaber",
|
||||
company: "München",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovable-confident-blond-woman-with-long-hairstyle-posing-street-modern-cafe-fashionable-look_273443-1306.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Architektin",
|
||||
company: "Berlin",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31451.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas K.",
|
||||
role: "Unternehmer",
|
||||
company: "Hamburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia B.",
|
||||
role: "Stammkundin",
|
||||
company: "Köln",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32433.jpg",
|
||||
},
|
||||
{ id: "1", name: "Claudia M.", role: "Stammkundin", company: "Stuttgart", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-expert-worker-selecting-variety-trendy-items-client_482257-118401.jpg" },
|
||||
{ id: "2", name: "Markus S.", role: "Design-Liebhaber", company: "München", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovable-confident-blond-woman-with-long-hairstyle-posing-street-modern-cafe-fashionable-look_273443-1306.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Architektin", company: "Berlin", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31451.jpg" },
|
||||
{ id: "4", name: "Thomas K.", role: "Unternehmer", company: "Hamburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg" },
|
||||
{ id: "5", name: "Sophia B.", role: "Stammkundin", company: "Köln", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32433.jpg" },
|
||||
]}
|
||||
title="Stimmen unserer Kunden"
|
||||
description="Was Kunden sagen, die den Unterschied schätzen."
|
||||
@@ -272,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Muss ich einen Termin vereinbaren?",
|
||||
content: "Nein, kommen Sie gerne jederzeit während unserer Öffnungszeiten vorbei.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wo kann ich parken?",
|
||||
content: "Es gibt ausreichend Parkmöglichkeiten direkt in der angrenzenden Seitenstraße.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Bieten Sie auch Geschenkgutscheine an?",
|
||||
content: "Selbstverständlich, Sie erhalten unsere Gutscheine direkt vor Ort.",
|
||||
},
|
||||
{ id: "f1", title: "Muss ich einen Termin vereinbaren?", content: "Nein, kommen Sie gerne jederzeit während unserer Öffnungszeiten vorbei." },
|
||||
{ id: "f2", title: "Wo kann ich parken?", content: "Es gibt ausreichend Parkmöglichkeiten direkt in der angrenzenden Seitenstraße." },
|
||||
{ id: "f3", title: "Bieten Sie auch Geschenkgutscheine an?", content: "Selbstverständlich, Sie erhalten unsere Gutscheine direkt vor Ort." },
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles, was Sie vor Ihrem Besuch wissen müssen."
|
||||
@@ -297,54 +147,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Besuchen Sie uns"
|
||||
title="Erleben Sie Qualität vor Ort"
|
||||
description="Wir freuen uns darauf, Sie persönlich in unserem Laden begrüßen zu dürfen. Überzeugen Sie sich selbst von unserem Sortiment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Anfahrt planen",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Anfahrt planen", href: "https://maps.google.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Start",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Produkte",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Start", href: "#hero" }, { label: "Über uns", href: "#about" }, { label: "Produkte", href: "#products" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
logoText="LuxuryBrand"
|
||||
/>
|
||||
@@ -352,4 +167,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user