Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8a811c02a2 | |||
| 251b6b5aaa | |||
| 3bb51381ef |
203
src/app/page.tsx
203
src/app/page.tsx
@@ -3,10 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Highlights",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Bewertungen",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Highlights", id: "features" },
|
||||
{ name: "Bewertungen", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Griechisches Restaurant"
|
||||
/>
|
||||
@@ -57,68 +42,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Authentisch Griechisch Genießen"
|
||||
description="Erleben Sie echte griechische Gastfreundschaft in unserem Restaurant mit wunderschöner Biergartenterrasse."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156168.jpg",
|
||||
imageAlt: "Biergartenterrasse",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lula-kebab-slices-wrapped-flatbread-garnished-with-tomato-sauce_141793-2149.jpg",
|
||||
imageAlt: "Griechische Spezialitäten",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-salad-with-cucumbers-herbs-tomatoes-served-with-toasts-black-olives_140725-11934.jpg",
|
||||
imageAlt: "Innenraum",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-terrace-sunset-background_23-2148232014.jpg",
|
||||
imageAlt: "Atmosphäre im Freien",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-normal-time-coronavirus_637285-7876.jpg",
|
||||
imageAlt: "Gastfreundschaft",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-alcohol-drink-raki-vodka-two-small-glasses_114579-2664.jpg",
|
||||
imageAlt: "Ouzo Spezialität",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156168.jpg", imageAlt: "Biergartenterrasse" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lula-kebab-slices-wrapped-flatbread-garnished-with-tomato-sauce_141793-2149.jpg", imageAlt: "Griechische Spezialitäten" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-salad-with-cucumbers-herbs-tomatoes-served-with-toasts-black-olives_140725-11934.jpg", imageAlt: "Innenraum" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/empty-terrace-sunset-background_23-2148232014.jpg", imageAlt: "Atmosphäre im Freien" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/new-normal-time-coronavirus_637285-7876.jpg", imageAlt: "Gastfreundschaft" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/turkish-alcohol-drink-raki-vodka-two-small-glasses_114579-2664.jpg", imageAlt: "Ouzo Spezialität" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Unsere Gastfreundschaft"
|
||||
metrics={[
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Sitzplätze",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Umbrella,
|
||||
label: "Schattige Plätze",
|
||||
value: "Groß",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Kellner",
|
||||
value: "Aufmerksam",
|
||||
},
|
||||
{ icon: MapPin, label: "Sitzplätze", value: "150+" },
|
||||
{ icon: Umbrella, label: "Schattige Plätze", value: "Groß" },
|
||||
{ icon: Smile, label: "Kellner", value: "Aufmerksam" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -128,30 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Großer Biergarten",
|
||||
descriptions: [
|
||||
"Viel Schatten und auch bei Regen geschützt durch unsere moderne Überdachung.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cottagecore-floral-aesthetic_23-2151979654.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Barrierefrei",
|
||||
descriptions: [
|
||||
"Komfortabler Zugang von hinten für Rollstühle, Rollatoren und Kinderwagen.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-person-wheelchair-street_23-2149190018.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Für Familien",
|
||||
descriptions: [
|
||||
"Unser Restaurant ist kinderfreundlich und bietet einen eigenen kleinen Spielplatz.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-boy-climbing_23-2148598844.jpg",
|
||||
},
|
||||
{ id: "1", title: "Großer Biergarten", descriptions: ["Viel Schatten und auch bei Regen geschützt durch unsere moderne Überdachung."], imageSrc: "http://img.b2bpic.net/free-photo/cottagecore-floral-aesthetic_23-2151979654.jpg" },
|
||||
{ id: "2", title: "Barrierefrei", descriptions: ["Komfortabler Zugang von hinten für Rollstühle, Rollatoren und Kinderwagen."], imageSrc: "http://img.b2bpic.net/free-photo/disabled-person-wheelchair-street_23-2149190018.jpg" },
|
||||
{ id: "3", title: "Für Familien", descriptions: ["Unser Restaurant ist kinderfreundlich und bietet einen eigenen kleinen Spielplatz."], imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-boy-climbing_23-2148598844.jpg" },
|
||||
]}
|
||||
title="Was uns besonders macht"
|
||||
description="Erfahren Sie, warum unsere Gäste uns lieben."
|
||||
@@ -164,41 +90,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Meyer",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Der Biergarten ist ein Traum! Sehr schattig und gemütlich.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-waiter-who-is-wearing-protective-face-mask-while-choosing-something-from-menu-touchpad-cafe_637285-6595.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Thomas Weber",
|
||||
handle: "@t_weber",
|
||||
testimonial: "Essen war fantastisch und der Ouzo auf Haus ist eine tolle Tradition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julia Schulze",
|
||||
handle: "@j_schulze",
|
||||
testimonial: "Sehr kinderfreundlich und barrierefrei - top Service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Markus Schmidt",
|
||||
handle: "@m_schmidt",
|
||||
testimonial: "Das Team ist immer aufmerksam, egal wie voll es ist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-taking-selfie-front-view_23-2149514048.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Becker",
|
||||
handle: "@lisa_b",
|
||||
testimonial: "Lebhaftes Ambiente und sehr leckeres griechisches Essen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Meyer", handle: "@sarah_m", testimonial: "Der Biergarten ist ein Traum! Sehr schattig und gemütlich.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-waiter-who-is-wearing-protective-face-mask-while-choosing-something-from-menu-touchpad-cafe_637285-6595.jpg" },
|
||||
{ id: "2", name: "Thomas Weber", handle: "@t_weber", testimonial: "Essen war fantastisch und der Ouzo auf Haus ist eine tolle Tradition.", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg" },
|
||||
{ id: "3", name: "Julia Schulze", handle: "@j_schulze", testimonial: "Sehr kinderfreundlich und barrierefrei - top Service!", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg" },
|
||||
{ id: "4", name: "Markus Schmidt", handle: "@m_schmidt", testimonial: "Das Team ist immer aufmerksam, egal wie voll es ist.", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-taking-selfie-front-view_23-2149514048.jpg" },
|
||||
{ id: "5", name: "Lisa Becker", handle: "@lisa_b", testimonial: "Lebhaftes Ambiente und sehr leckeres griechisches Essen.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
|
||||
]}
|
||||
title="Unsere Gäste über uns"
|
||||
description="Was Besucher sagen."
|
||||
@@ -210,21 +106,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Gibt es Ouzo?",
|
||||
content: "Ja! Jeder Gast erhält eine Karaffe Ouzo, die wir gerne kostenlos nachfüllen.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Ist das Restaurant barrierefrei?",
|
||||
content: "Absolut. Über den hinteren Zugang sind alle Bereiche stufenlos mit Rollstuhl oder Kinderwagen erreichbar.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Ist es laut innen?",
|
||||
content: "Der Innenbereich ist sehr beliebt und dadurch lebhaft. Für mehr Ruhe empfehlen wir unseren großen Biergarten.",
|
||||
},
|
||||
{ id: "1", title: "Gibt es Ouzo?", content: "Ja! Jeder Gast erhält eine Karaffe Ouzo, die wir gerne kostenlos nachfüllen." },
|
||||
{ id: "2", title: "Ist das Restaurant barrierefrei?", content: "Absolut. Über den hinteren Zugang sind alle Bereiche stufenlos mit Rollstuhl oder Kinderwagen erreichbar." },
|
||||
{ id: "3", title: "Ist es laut innen?", content: "Der Innenbereich ist sehr beliebt und dadurch lebhaft. Für mehr Ruhe empfehlen wir unseren großen Biergarten." },
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles Wichtige auf einen Blick."
|
||||
@@ -233,33 +117,22 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reservierung"
|
||||
<ContactSplitForm
|
||||
title="Besuchen Sie uns!"
|
||||
description="Wir freuen uns auf Ihre Reservierung. Kommen Sie vorbei und genießen Sie die authentische griechische Küche."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "E-Mail" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterLogoReveal
|
||||
logoText="Griechisches Restaurant"
|
||||
copyrightText="© 2024 Griechisches Restaurant. Alle Rechte vorbehalten."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
leftLink={{ text: "Facebook", href: "#" }}
|
||||
rightLink={{ text: "Instagram", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #1f7cff;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #010101;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #1f7cff;
|
||||
--background-accent: #f96b2f;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user