225 lines
6.8 KiB
TypeScript
225 lines
6.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Startseite",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Über uns",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Sortiment",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Kontakt",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Brocki-Lex"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
logoText="Brocki-Lex Breitenbach"
|
|
description="Entdecken Sie Schätze aus vergangener Zeit. Ihr Antiquitätenhaus für besondere Einzelstücke und nostalgische Funde."
|
|
buttons={[
|
|
{
|
|
text: "Sortiment entdecken",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-thrift-shop-full-shot_23-2149726868.jpg"
|
|
imageAlt="Antiquitätenladen Innenansicht"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Willkommen bei Brocki-Lex"
|
|
description="Alex Hofer lädt Sie ein, in eine Welt voller Erinnerungen einzutauchen. Seit Jahren bewahren wir die Schönheit von Antiquitäten und bieten Ihnen eine sorgfältig kuratierte Auswahl an Occasionen."
|
|
metrics={[
|
|
{
|
|
value: "12+",
|
|
title: "Jahre Erfahrung",
|
|
},
|
|
{
|
|
value: "1000+",
|
|
title: "Einzelstücke verkauft",
|
|
},
|
|
{
|
|
value: "4.8",
|
|
title: "Bewertung bei Google",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg"
|
|
imageAlt="Alex Hofer im Laden"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Vintage Wanduhr",
|
|
price: "CHF 120.-",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-indoors-still-life_23-2150436101.jpg",
|
|
imageAlt: "Wanduhr",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Keramikvase antik",
|
|
price: "CHF 45.-",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flowers-vase-baroque-like-photography_23-2149659311.jpg",
|
|
imageAlt: "Vase",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Silbernes Teeservice",
|
|
price: "CHF 250.-",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-metallic-kettle-designed-around-white-flowers-dark-floor_140725-14241.jpg",
|
|
imageAlt: "Teeservice",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Holzsessel antik",
|
|
price: "CHF 180.-",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361873.jpg",
|
|
imageAlt: "Sessel",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Ölgemälde Goldrahmen",
|
|
price: "CHF 320.-",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vintage-shiny-frames-wall_23-2149524031.jpg",
|
|
imageAlt: "Gemälde",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Messing Tischlampe",
|
|
price: "CHF 85.-",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ornate-lanterns-art-nouveau-style_23-2150975689.jpg",
|
|
imageAlt: "Lampe",
|
|
},
|
|
]}
|
|
title="Unsere Schätze"
|
|
description="Entdecken Sie unser aktuelles Sortiment an handverlesenen Antiquitäten."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "Ist der Laden rollstuhlgerecht?",
|
|
content: "Ja, wir verfügen über einen ebenerdigen Eingang und barrierefreie Parkplätze direkt vor dem Haus.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Wo befindet sich der Laden?",
|
|
content: "Sie finden uns im Frohmattweg in Breitenbach.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Kann man bei Ihnen reservieren?",
|
|
content: "Kommen Sie am besten direkt vorbei, um sich von der Auswahl inspirieren zu lassen.",
|
|
},
|
|
]}
|
|
title="Häufige Fragen"
|
|
description="Alles Wichtige für Ihren Besuch bei Brocki-Lex."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Besuchen Sie uns"
|
|
title="Haben Sie Fragen?"
|
|
description="Wir freuen uns auf Ihren Anruf oder Ihren persönlichen Besuch im Laden."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Brocki-Lex",
|
|
items: [
|
|
{
|
|
label: "Frohmattweg, 4226 Breitenbach",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Tel: 061 781 10 49",
|
|
href: "tel:0617811049",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Öffnungszeiten",
|
|
items: [
|
|
{
|
|
label: "Mo-Sa: 09:00 - 20:00",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 | Brocki-Lex Antiquitäten"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|