337 lines
10 KiB
TypeScript
337 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Galerie",
|
|
id: "galerie",
|
|
},
|
|
{
|
|
name: "Speisekarte",
|
|
id: "speisekarte",
|
|
},
|
|
{
|
|
name: "Kontakt",
|
|
id: "kontakt",
|
|
},
|
|
]}
|
|
brandName="Zum 3 Bis"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Zum 3 Bis"
|
|
description="Erleben Sie die Essenz französischer Gourmet-Küche in elegantem, modernem Ambiente inmitten von Eupen."
|
|
testimonials={[
|
|
{
|
|
name: "Kritik",
|
|
handle: "Google",
|
|
testimonial: "Exzellente französische Küche, Atmosphäre ist fantastisch. Sehr zu empfehlen.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg?_wi=1",
|
|
imageAlt: "luxurious dark restaurant interior",
|
|
},
|
|
{
|
|
name: "Gast",
|
|
handle: "Google",
|
|
testimonial: "Hochwertige Zutaten, super Service. Ein echtes Juwel in Eupen.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg?_wi=1",
|
|
imageAlt: "luxurious dark restaurant interior",
|
|
},
|
|
{
|
|
name: "Kenner",
|
|
handle: "Google",
|
|
testimonial: "Raffinierte Gerichte, perfekt abgestimmter Wein.",
|
|
rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dish-set-gilded-candlesticks_140725-2255.jpg?_wi=1",
|
|
imageAlt: "luxurious dark restaurant interior",
|
|
},
|
|
{
|
|
name: "Besucher",
|
|
handle: "Google",
|
|
testimonial: "Schönstes Restaurant in der Stadt. Muss man erlebt haben.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad_74190-725.jpg?_wi=1",
|
|
imageAlt: "luxurious dark restaurant interior",
|
|
},
|
|
{
|
|
name: "Feinschmecker",
|
|
handle: "Google",
|
|
testimonial: "Fantastisches Preis-Leistungs-Verhältnis für diese Qualität.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-dancing-with-woman-restaurant_23-2148016782.jpg",
|
|
imageAlt: "luxurious dark restaurant interior",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Reservieren",
|
|
href: "https://barestho.com",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg",
|
|
alt: "Kunde 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
|
|
alt: "Kunde 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-waitress-setting-table_23-2147830607.jpg",
|
|
alt: "Kunde 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg",
|
|
alt: "Kunde 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149728021.jpg",
|
|
alt: "Kunde 5",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Authentisch",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Französisch",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Exklusiv",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Gourmet",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Eupen",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="galerie" data-section="galerie">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={false}
|
|
title="Impressionen"
|
|
description="Lassen Sie sich von unseren kulinarischen Kompositionen und unserem Interieur inspirieren."
|
|
accordionItems={[
|
|
{
|
|
id: "1",
|
|
title: "Atmosphäre",
|
|
content: "Genießen Sie Ihr Dinner unter exklusiven Kronleuchtern in einem modernen Ambiente.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Kulinarik",
|
|
content: "Frische Produkte der Saison mit französischem Handwerk vereint.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Service",
|
|
content: "Unser Team sorgt für einen unvergesslichen Abend voller Geschmack.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-dish-set-gilded-candlesticks_140725-2255.jpg?_wi=2"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="speisekarte" data-section="speisekarte">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
brand: "Entrées",
|
|
name: "Escargots de Bourgogne",
|
|
price: "18€",
|
|
rating: 5,
|
|
reviewCount: "12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p2",
|
|
brand: "Entrées",
|
|
name: "Foie Gras mi-cuit",
|
|
price: "24€",
|
|
rating: 5,
|
|
reviewCount: "8",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad_74190-725.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p3",
|
|
brand: "Plats",
|
|
name: "Magret de Canard",
|
|
price: "32€",
|
|
rating: 5,
|
|
reviewCount: "22",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pate-decorated-with-cucumbers-carrots-jug-with-compote_140725-9599.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
brand: "Plats",
|
|
name: "Sole Meunière",
|
|
price: "38€",
|
|
rating: 5,
|
|
reviewCount: "15",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949025.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
brand: "Desserts",
|
|
name: "Crème Brûlée",
|
|
price: "12€",
|
|
rating: 5,
|
|
reviewCount: "19",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/belgian-waffle-with-vanilla-ice-cream-golden-chocolate_114579-1928.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
brand: "Desserts",
|
|
name: "Tarte Tatin",
|
|
price: "14€",
|
|
rating: 5,
|
|
reviewCount: "11",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cast-iron-pan-mussels-cream-sauce-garnished-with-fresh-herbs_140725-1442.jpg",
|
|
},
|
|
]}
|
|
title="Unsere Karte"
|
|
description="Feinste französische Kreationen."
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Kulinarische Einblicke"
|
|
description="Lesen Sie mehr über unsere Philosophie und saisonale Highlights."
|
|
blogs={[
|
|
{
|
|
id: "b1",
|
|
category: "Küche",
|
|
title: "Die Kunst der französischen Soßen",
|
|
excerpt: "Erfahren Sie, wie wir unsere traditionellen Soßen verfeinern.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149728021.jpg",
|
|
authorName: "Chef de Cuisine",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg",
|
|
date: "2024-05-10",
|
|
},
|
|
{
|
|
id: "b2",
|
|
category: "Weine",
|
|
title: "Perfektes Pairing",
|
|
excerpt: "Die besten Weine zu unseren Signature-Gerichten.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-design-restaurant-with-good-red-wine-great-cooking_482257-10388.jpg",
|
|
authorName: "Sommelier",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg",
|
|
date: "2024-05-15",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="kontakt" data-section="kontakt">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "rotated-rays-static",
|
|
}}
|
|
text="Besuchen Sie uns: Marktpl. 8, 4700 Eupen | Tel: 087 47 56 26. Reservierung: barestho.com. Öffnungszeiten: Di-Sa: 12-14 Uhr & 18-21 Uhr. Mo & So geschlossen."
|
|
buttons={[
|
|
{
|
|
text: "Jetzt reservieren",
|
|
href: "https://barestho.com",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Zum 3 Bis",
|
|
items: [
|
|
{
|
|
label: "Über uns",
|
|
href: "#hero",
|
|
},
|
|
{
|
|
label: "Speisekarte",
|
|
href: "#speisekarte",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Kontakt",
|
|
items: [
|
|
{
|
|
label: "Marktpl. 8, Eupen",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "087 47 56 26",
|
|
href: "tel:087475626",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Zum 3 Bis"
|
|
bottomRightText="au3bis.com"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|