Merge version_1 into main #1
308
src/app/page.tsx
308
src/app/page.tsx
@@ -15,205 +15,133 @@ import { Diamond } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Produkte",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Juwelier Goldmann"
|
||||
button={{
|
||||
text: "Termin buchen",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Startseite", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Produkte", id: "products" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Juwelier Goldmann"
|
||||
button={{ text: "Termin buchen", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Juwelier Goldmann"
|
||||
description="Exklusive Schmuckstücke und meisterhafte Handwerkskunst seit Generationen. Entdecken Sie unsere handverlesene Kollektion in unserem Atelier in Ihrer Nähe."
|
||||
buttons={[
|
||||
{
|
||||
text: "Unsere Kollektion",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Kontaktieren Sie uns",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-deparment-store-interior_1203-9604.jpg"
|
||||
imageAlt="Luxuriöses Interieur unseres Juweliergeschäfts"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Juwelier Goldmann"
|
||||
description="Exklusive Schmuckstücke und meisterhafte Handwerkskunst seit Generationen. Entdecken Sie unsere handverlesene Kollektion in unserem Atelier in Ihrer Nähe."
|
||||
buttons={[
|
||||
{ text: "Unsere Kollektion", href: "#products" },
|
||||
{ text: "Kontaktieren Sie uns", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-deparment-store-interior_1203-9604.jpg"
|
||||
imageAlt="Luxuriöses Interieur unseres Juweliergeschäfts"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Tradition & Handwerk"
|
||||
title="Juwelier Goldmann: Meisterhafte Qualität"
|
||||
description="Seit unserer Gründung im Jahr 1985 steht Juwelier Goldmann für höchste Ansprüche an Qualität, Design und persönliche Beratung. Wir kombinieren traditionelle Goldschmiedekunst mit modernem Stil, um zeitlose Unikate zu schaffen."
|
||||
subdescription="Jedes Schmuckstück wird in unserem Atelier sorgfältig gefertigt, um Ihre einzigartigen Lebensmomente zu begleiten."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094601.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Diamond}
|
||||
imageAlt="Goldschmied bei der Arbeit"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Tradition & Handwerk"
|
||||
title="Juwelier Goldmann: Meisterhafte Qualität"
|
||||
description="Seit unserer Gründung im Jahr 1985 steht Juwelier Goldmann für höchste Ansprüche an Qualität, Design und persönliche Beratung. Wir kombinieren traditionelle Goldschmiedekunst mit modernem Stil, um zeitlose Unikate zu schaffen."
|
||||
subdescription="Jedes Schmuckstück wird in unserem Atelier sorgfältig gefertigt, um Ihre einzigartigen Lebensmomente zu begleiten."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094601.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Diamond}
|
||||
imageAlt="Goldschmied bei der Arbeit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Diamant-Verlobungsring",
|
||||
price: "1.890 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engagement-ring-with-diamond_8353-9972.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Goldarmband Classic",
|
||||
price: "950 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-easter-eggs-by-easter-decorations_1303-30816.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Perlenhalskette",
|
||||
price: "720 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-male-holding-charm-necklace-with-silver-pendant-black-cord_181624-25548.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luxus-Chronograph",
|
||||
price: "3.450 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-25611.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Goldene Ohrringe",
|
||||
price: "550 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846567.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Exklusive Manschettenknöpfe",
|
||||
price: "420 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-cufflings-wedding-rings-watch-lie-wooden-table_8353-405.jpg",
|
||||
},
|
||||
]}
|
||||
title="Unsere exklusive Auswahl"
|
||||
description="Von klassischen Verlobungsringen bis zu modernen Uhren – jedes Stück bei uns ist eine Investition in Eleganz."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Diamant-Verlobungsring", price: "1.890 €", imageSrc: "http://img.b2bpic.net/free-photo/engagement-ring-with-diamond_8353-9972.jpg"},
|
||||
{
|
||||
id: "2", name: "Goldarmband Classic", price: "950 €", imageSrc: "http://img.b2bpic.net/free-photo/golden-easter-eggs-by-easter-decorations_1303-30816.jpg"},
|
||||
{
|
||||
id: "3", name: "Perlenhalskette", price: "720 €", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-male-holding-charm-necklace-with-silver-pendant-black-cord_181624-25548.jpg"},
|
||||
{
|
||||
id: "4", name: "Luxus-Chronograph", price: "3.450 €", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-25611.jpg"},
|
||||
{
|
||||
id: "5", name: "Goldene Ohrringe", price: "550 €", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846567.jpg"},
|
||||
{
|
||||
id: "6", name: "Exklusive Manschettenknöpfe", price: "420 €", imageSrc: "http://img.b2bpic.net/free-photo/golden-cufflings-wedding-rings-watch-lie-wooden-table_8353-405.jpg"},
|
||||
]}
|
||||
title="Unsere exklusive Auswahl"
|
||||
description="Von klassischen Verlobungsringen bis zu modernen Uhren – jedes Stück bei uns ist eine Investition in Eleganz."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Goldmann Fine Jewelry",
|
||||
"Diamond Masters",
|
||||
"Luxury Guild",
|
||||
"Certified Diamonds",
|
||||
"Elite Goldsmiths",
|
||||
"Timepiece Expert",
|
||||
"Fine Jewelry Council",
|
||||
]}
|
||||
title="Unsere Partner & Zertifizierungen"
|
||||
description="Wir arbeiten ausschließlich mit zertifizierten Anbietern zusammen, um höchste Standards für Ihre Schmuckstücke zu garantieren."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Goldmann Fine Jewelry", "Diamond Masters", "Luxury Guild", "Certified Diamonds", "Elite Goldsmiths", "Timepiece Expert", "Fine Jewelry Council"]}
|
||||
title="Unsere Partner & Zertifizierungen"
|
||||
description="Wir arbeiten ausschließlich mit zertifizierten Anbietern zusammen, um höchste Standards für Ihre Schmuckstücke zu garantieren."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Bieten Sie auch Reparaturen an?",
|
||||
content: "Ja, in unserem Atelier führen wir fachgerechte Reparaturen und Umarbeitungen für Ihre Schmuckstücke durch.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Wie reinige ich meinen Schmuck am besten?",
|
||||
content: "Wir empfehlen eine regelmäßige Reinigung mit mildem Seifenwasser. Gerne bieten wir Ihnen auch einen professionellen Reinigungsservice bei uns vor Ort an.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Können Schmuckstücke individuell angefertigt werden?",
|
||||
content: "Absolut. Unsere Goldschmiede realisieren gerne gemeinsam mit Ihnen Ihr ganz persönliches Traumschmuckstück.",
|
||||
},
|
||||
]}
|
||||
title="Häufig gestellte Fragen"
|
||||
description="Alles was Sie über Schmuckpflege, Reparaturen und unsere Kollektionen wissen müssen."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Bieten Sie auch Reparaturen an?", content: "Ja, in unserem Atelier führen wir fachgerechte Reparaturen und Umarbeitungen für Ihre Schmuckstücke durch."},
|
||||
{
|
||||
id: "q2", title: "Wie reinige ich meinen Schmuck am besten?", content: "Wir empfehlen eine regelmäßige Reinigung mit mildem Seifenwasser. Gerne bieten wir Ihnen auch einen professionellen Reinigungsservice bei uns vor Ort an."},
|
||||
{
|
||||
id: "q3", title: "Können Schmuckstücke individuell angefertigt werden?", content: "Absolut. Unsere Goldschmiede realisieren gerne gemeinsam mit Ihnen Ihr ganz persönliches Traumschmuckstück."},
|
||||
]}
|
||||
title="Häufig gestellte Fragen"
|
||||
description="Alles was Sie über Schmuckpflege, Reparaturen und unsere Kollektionen wissen müssen."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Besuchen Sie uns in unserem Atelier oder vereinbaren Sie einen persönlichen Beratungstermin."
|
||||
buttons={[
|
||||
{
|
||||
text: "Beratungstermin vereinbaren",
|
||||
href: "mailto:info@juwelier-goldmann.de",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Besuchen Sie uns in unserem Atelier oder vereinbaren Sie einen persönlichen Beratungstermin."
|
||||
buttons={[
|
||||
{
|
||||
text: "Beratungstermin vereinbaren", href: "mailto:info@juwelier-goldmann.de"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Juwelier Goldmann"
|
||||
leftLink={{
|
||||
text: "Impressum",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Datenschutz",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Juwelier Goldmann"
|
||||
leftLink={{ text: "Impressum", href: "#" }}
|
||||
rightLink={{ text: "Datenschutz", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user