230 lines
11 KiB
TypeScript
230 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||
import { Coffee, Clock, Flame, Heart, Leaf, MapPin, Phone, Star, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmall"
|
||
background="circleGradient"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="HABESHA"
|
||
navItems={[
|
||
{ name: "Über Uns", id: "about" },
|
||
{ name: "Warum HABESHA", id: "why" },
|
||
{ name: "Galerie", id: "gallery" },
|
||
{ name: "Bewertungen", id: "testimonials" },
|
||
{ name: "Kontakt", id: "contact" },
|
||
]}
|
||
button={{ text: "Tisch reservieren", href: "#contact" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
title="Authentische Äthiopische Küche im Herzen von Salzburg"
|
||
description="Erleben Sie die Tradition, Kultur und Wärme äthiopischer Gastfreundschaft. Von handgefertigtem Injera bis zur Kaffeezeremonie – jedes Gericht erzählt eine Geschichte."
|
||
tag="Kulinarisches Erlebnis"
|
||
tagIcon={Flame}
|
||
tagAnimation="slide-up"
|
||
background={{ variant: "plain" }}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-pie-round-formed-dark-floor_140725-66612.jpg", imageAlt: "Traditionelle äthiopische Injera"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cup-freshly-brewed-black-tea-different-types-spices-wooden-table_169016-57815.jpg", imageAlt: "Äthiopische Kaffeezeremonie"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-meat-with-greens-pot-with-boiled-rice_141793-4760.jpg", imageAlt: "Künstlerisches Anrichten äthiopischer Gerichte"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-various-spices-small-brown-pots-cutting-board_140725-134676.jpg", imageAlt: "Traditionelle äthiopische Gewürze"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-chatting-man-looking-camera_23-2148314939.jpg", imageAlt: "Gemeinschaftliches Dining-Erlebnis"
|
||
},
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Tisch reservieren", href: "#contact" },
|
||
{ text: "Speisekarte ansehen", href: "#gallery" },
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
title="Willkommen bei HABESHA – Wo Tradition auf Leidenschaft trifft. Unsere äthiopische Küche verbindet authentische Rezepte mit hochwertigen Zutaten und erzählt Geschichten von Kultur, Gemeinschaft und herzlicher Gastfreundschaft."
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{ icon: Users, label: "Zufriedene Gäste", value: "700+" },
|
||
{ icon: Star, label: "Durchschnittliche Bewertung", value: "5.0" },
|
||
{ icon: MapPin, label: "Jahre in Salzburg", value: "8+" },
|
||
{ icon: Heart, label: "Lieblingsgericht", value: "Doro Wot" },
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="why" data-section="why">
|
||
<FeatureHoverPattern
|
||
title="Warum HABESHA wählen?"
|
||
description="Wir bieten mehr als nur Essen – wir bieten ein authentisches kulturelles Erlebnis mit Premium-Qualität und herzlicher Gastfreundschaft."
|
||
features={[
|
||
{
|
||
icon: Flame,
|
||
title: "Authentische Rezepte", description: "Traditionelle äthiopische Gerichte nach Originalrezepten, mit Gewürzen und Techniken direkt aus Äthiopien."
|
||
},
|
||
{
|
||
icon: Leaf,
|
||
title: "Vegetarisch & Vegan", description: "Große Auswahl an vegetarischen und veganen Optionen – die Basis der äthiopischen Küche."
|
||
},
|
||
{
|
||
icon: Coffee,
|
||
title: "Kaffeezeremonie", description: "Erleben Sie die traditionsreiche Kaffeezeremonie – ein rituelles, soziales Erlebnis."
|
||
},
|
||
{
|
||
icon: Users,
|
||
title: "Gemeinschaftliches Essen", description: "Injera-Sharing-Konzept fördert Gemeinschaft, Gespräche und gemeinsame Momente."
|
||
},
|
||
{
|
||
icon: MapPin,
|
||
title: "Zentrale Lage", description: "Direkt im Herzen von Salzburg – leicht erreichbar für Einheimische und Touristen."
|
||
},
|
||
{
|
||
icon: Clock,
|
||
title: "Vielfältige Optionen", description: "Dine-In, Takeaway und Lieferung – wir passen uns Ihrem Zeitplan an."
|
||
},
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardOne
|
||
title="Kulinarische Galerie"
|
||
description="Ein visuelles Fest unserer beliebtesten Gerichte, atmosphärischen Momente und handwerklichen Details."
|
||
tag="Speisekarte Preview"
|
||
tagAnimation="slide-up"
|
||
products={[
|
||
{
|
||
id: "1", name: "Doro Wot", price: "€16,50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-sauce-soup-with-potatoes-greens-dark-desk_140725-76776.jpg", imageAlt: "Doro Wot – würziger Hühnertopf"
|
||
},
|
||
{
|
||
id: "2", name: "Misir Wot", price: "€12,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bean-soup-called-merci-inside-little-plate-with-greens-white-surface-soup-meal-food-vegetable-bean_140725-74413.jpg", imageAlt: "Misir Wot – Linseneintopf vegan"
|
||
},
|
||
{
|
||
id: "3", name: "Injera mit Gemüse", price: "€14,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-salad-with-ingredients-dark-surface_140725-75211.jpg", imageAlt: "Traditionelle Injera mit Gemüseauswahl"
|
||
},
|
||
{
|
||
id: "4", name: "Äthiopischer Kaffee", price: "€5,50", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-24803.jpg", imageAlt: "Zeremonieller äthiopischer Kaffee"
|
||
},
|
||
{
|
||
id: "5", name: "Tibs", price: "€18,00", imageSrc: "http://img.b2bpic.net/free-photo/boiled-chicken-with-asparagus-cauliflower_140725-9321.jpg", imageAlt: "Tibs – Rindfleisch mit Gemüse sautiert"
|
||
},
|
||
{
|
||
id: "6", name: "Kitfo", price: "€17,50", imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-tartar-still-life_23-2150655664.jpg", imageAlt: "Kitfo – äthiopisches Steak Tartare"
|
||
},
|
||
]}
|
||
gridVariant="uniform-all-items-equal"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
testimonial="HABESHA hat mein Verständnis für äthiopische Küche völlig verändert. Die Authentizität, die herzliche Atmosphäre und die Liebe zum Detail in jedem Gericht sind beeindruckend. Ein absolutes Must-Visit in Salzburg!"
|
||
rating={5}
|
||
author="Sarah M., Salzburg"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "Bewertung von Sarah"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-15883.jpg", alt: "Bewertung von Michael"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-good-looking-ginger-man-stylish-white-shirt-yellow-trousers-looking-camera-smiling-while-posing-sitting-bar-chair-against-gray-studio-background_639032-2182.jpg", alt: "Bewertung von Elena"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-15883.jpg", alt: "Bewertung von David"
|
||
},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
tag="Reservierung"
|
||
tagIcon={Phone}
|
||
tagAnimation="slide-up"
|
||
title="Tisch reservieren & Kontakt"
|
||
description="Buchen Sie Ihren Tisch bei HABESHA und genießen Sie ein unvergessliches äthiopisches Dining-Erlebnis. Wir freuen uns auf Sie!"
|
||
background={{ variant: "radial-gradient" }}
|
||
inputPlaceholder="Ihre E-Mail-Adresse"
|
||
buttonText="Jetzt reservieren"
|
||
termsText="Durch Ihre Reservierung akzeptieren Sie unsere Datenschutzrichtlinie. Sie erhalten eine Bestätigungs-E-Mail."
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
logoText="HABESHA"
|
||
columns={[
|
||
{
|
||
items: [
|
||
{ label: "Über Uns", href: "#about" },
|
||
{ label: "Galerie", href: "#gallery" },
|
||
{ label: "Bewertungen", href: "#testimonials" },
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Adresse", href: "https://maps.google.com/?q=Gebirgsjägerpl.+1,+5020+Salzburg" },
|
||
{ label: "Telefon", href: "tel:+43662123456" },
|
||
{ label: "E-Mail", href: "mailto:info@habesha-salzburg.at" },
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Öffnungszeiten", href: "#" },
|
||
{ label: "Reservierungen", href: "#contact" },
|
||
{ label: "Datenschutz", href: "#" },
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|