Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e7cfc56ee5 | |||
| 3c064364e1 | |||
| 4ede689b84 |
272
src/app/page.tsx
272
src/app/page.tsx
@@ -2,15 +2,15 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||||
import { Utensils } from "lucide-react";
|
import { Utensils, Star, Award } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Geschichte", id: "about" },
|
||||||
id: "hero",
|
{ name: "Speisekarte", id: "menu" },
|
||||||
},
|
{ name: "Kontakt", id: "contact" },
|
||||||
{
|
|
||||||
name: "Geschichte",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Speisekarte",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Kontakt",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Grillstube Hartenrod"
|
brandName="Grillstube Hartenrod"
|
||||||
/>
|
/>
|
||||||
@@ -56,81 +44,13 @@ export default function LandingPage() {
|
|||||||
title="Grillstube Hartenrod"
|
title="Grillstube Hartenrod"
|
||||||
description="Der Geheimtipp, der keiner bleiben will. Wo Schnitzel noch Schnitzel heißt."
|
description="Der Geheimtipp, der keiner bleiben will. Wo Schnitzel noch Schnitzel heißt."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ name: "Johannes S.", handle: "Local Guide", testimonial: "Super leckeres Schnitzel aus der Pfanne... LECKER Lecker LECKER.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-goulash-bread_23-2149388093.jpg?_wi=1", imageAlt: "schnitzel with steam rising golden crispy" },
|
||||||
name: "Johannes S.",
|
{ name: "SV RWH", handle: "Gast", testimonial: "Wird nicht zu Unrecht als Fünf-Sterne-Imbiss bezeichnet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-kommern-open-air-museum-mechernich-germany_181624-30306.jpg?_wi=1", imageAlt: "rustic german grillstube exterior building" },
|
||||||
handle: "Local Guide",
|
{ name: "Johnny B.", handle: "Stammgast", testimonial: "Beste Essen. Beste Bedienung. Alles noch besser wenn Tanja da ist!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-chips-plate-with-chalkboard-cutlery_23-2148784855.jpg?_wi=1", imageAlt: "traditional crispy pork schnitzel meal" },
|
||||||
testimonial: "Super leckeres Schnitzel aus der Pfanne... LECKER Lecker LECKER.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-goulash-bread_23-2149388093.jpg?_wi=1",
|
|
||||||
imageAlt: "schnitzel with steam rising golden crispy",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "SV RWH",
|
|
||||||
handle: "Gast",
|
|
||||||
testimonial: "Wird nicht zu Unrecht als Fünf-Sterne-Imbiss bezeichnet.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-kommern-open-air-museum-mechernich-germany_181624-30306.jpg?_wi=1",
|
|
||||||
imageAlt: "rustic german grillstube exterior building",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Johnny B.",
|
|
||||||
handle: "Stammgast",
|
|
||||||
testimonial: "Beste Essen. Beste Bedienung. Alles noch besser wenn Tanja da ist!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-chips-plate-with-chalkboard-cutlery_23-2148784855.jpg?_wi=1",
|
|
||||||
imageAlt: "traditional crispy pork schnitzel meal",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Markus W.",
|
|
||||||
handle: "Fan",
|
|
||||||
testimonial: "Hausgemacht, ehrlich, riesige Portionen. Komme seit 10 Jahren.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-grilled-sausages-from-small-cast-iron-pan_140725-7139.jpg?_wi=1",
|
|
||||||
imageAlt: "authentic german currywurst with sauce",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Sabine L.",
|
|
||||||
handle: "Stammgast",
|
|
||||||
testimonial: "Die Currywurst ist Legende! Hier stimmt einfach alles.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-hamburger-menu-assortment_23-2148614053.jpg?_wi=1",
|
|
||||||
imageAlt: "gourmet juicy burger mouthwatering",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Speisekarte ansehen",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Jetzt anrufen",
|
|
||||||
href: "tel:+49123456789",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
buttons={[{ text: "Speisekarte ansehen", href: "#menu" }, { text: "Jetzt anrufen", href: "tel:+49123456789" }]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-goulash-bread_23-2149388093.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-goulash-bread_23-2149388093.jpg?_wi=2"
|
||||||
imageAlt="Sizzling golden Schnitzel"
|
imageAlt="Sizzling golden Schnitzel"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-couple-using-laptop-while-having-lunch-together-restaurant_58466-16038.jpg",
|
|
||||||
alt: "Kunde 1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107594.jpg",
|
|
||||||
alt: "Kunde 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg",
|
|
||||||
alt: "Kunde 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
|
|
||||||
alt: "Kunde 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
|
|
||||||
alt: "Kunde 5",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Über 500+ begeisterte Bewertungen"
|
avatarText="Über 500+ begeisterte Bewertungen"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -156,48 +76,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Mega-Schnitzel", price: "14,50 €", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-chips-plate-with-chalkboard-cutlery_23-2148784855.jpg?_wi=2", imageAlt: "Schnitzel" },
|
||||||
id: "1",
|
{ id: "2", name: "Currywurst", price: "6,50 €", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-grilled-sausages-from-small-cast-iron-pan_140725-7139.jpg?_wi=2", imageAlt: "Currywurst" },
|
||||||
name: "Mega-Schnitzel",
|
{ id: "3", name: "Hartenrod Burger", price: "12,90 €", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-hamburger-menu-assortment_23-2148614053.jpg?_wi=2", imageAlt: "Burger" },
|
||||||
price: "14,50 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-chips-plate-with-chalkboard-cutlery_23-2148784855.jpg?_wi=2",
|
|
||||||
imageAlt: "Schnitzel",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Currywurst",
|
|
||||||
price: "6,50 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-grilled-sausages-from-small-cast-iron-pan_140725-7139.jpg?_wi=2",
|
|
||||||
imageAlt: "Currywurst",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Hartenrod Burger",
|
|
||||||
price: "12,90 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-hamburger-menu-assortment_23-2148614053.jpg?_wi=2",
|
|
||||||
imageAlt: "Burger",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Bauernsalat",
|
|
||||||
price: "9,50 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-chips-plate-with-chalkboard-cutlery_23-2148784855.jpg?_wi=3",
|
|
||||||
imageAlt: "Salat",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Käsespätzle",
|
|
||||||
price: "11,00 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-grilled-sausages-from-small-cast-iron-pan_140725-7139.jpg?_wi=3",
|
|
||||||
imageAlt: "Spätzle",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "Bratwurst",
|
|
||||||
price: "5,50 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-hamburger-menu-assortment_23-2148614053.jpg?_wi=3",
|
|
||||||
imageAlt: "Wurst",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Die Klassiker"
|
title="Die Klassiker"
|
||||||
description="Unscheinbar gut – unsere Bestseller, die Stammgäste lieben."
|
description="Unscheinbar gut – unsere Bestseller, die Stammgäste lieben."
|
||||||
@@ -205,117 +86,56 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTwelve
|
<TestimonialCardTen
|
||||||
useInvertedBackground={true}
|
title="Legenden berichten"
|
||||||
|
description="Erfahren Sie, warum unsere Stammgäste uns seit Jahrzehnten treu bleiben."
|
||||||
|
textboxLayout="split-description"
|
||||||
|
tag="Feedback"
|
||||||
|
tagIcon={Star}
|
||||||
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", title: "Unfassbar gut", quote: "Das beste Schnitzel weit und breit!", name: "Johannes S.", role: "Stammgast" },
|
||||||
id: "1",
|
{ id: "2", title: "Immer wieder", quote: "Eine echte Institution, die man besucht haben muss.", name: "Sabine L.", role: "Gast" }
|
||||||
name: "Johannes S.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-using-laptop-while-having-lunch-together-restaurant_58466-16038.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "SV RWH",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107594.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Johnny B.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Maria K.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Frank T.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="Gäste-Echo"
|
|
||||||
cardTag="Stimmen"
|
|
||||||
cardAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="socialProof" data-section="socialProof">
|
<div id="socialProof" data-section="socialProof">
|
||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={["TripAdvisor", "Google Maps", "Yelp", "Facebook", "Gourmet Award"]}
|
||||||
"TripAdvisor",
|
title="Auszeichnungen & Feedback"
|
||||||
"Google Maps",
|
description="Wir sind stolz auf unsere hohe Bewertung und die Anerkennung unserer Gäste."
|
||||||
"Yelp",
|
tag="Social Proof"
|
||||||
"Facebook",
|
tagIcon={Award}
|
||||||
"Local Guide",
|
|
||||||
"Gourmet Award",
|
|
||||||
"Best Imbiss",
|
|
||||||
]}
|
|
||||||
title="Wir im Netz"
|
|
||||||
description="Unsere Gäste lieben uns auf allen Plattformen."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactSplit
|
||||||
useInvertedBackground={true}
|
tag="Reservierung & Kontakt"
|
||||||
background={{
|
title="Lust auf etwas Echtes?"
|
||||||
variant: "plain",
|
description="Besuchen Sie uns in der Grillstube Hartenrod. Wir freuen uns auf Ihren Besuch!"
|
||||||
}}
|
background={{ variant: 'sparkles-gradient' }}
|
||||||
tag="Besuche uns"
|
useInvertedBackground={false}
|
||||||
title="Wo Schnitzel noch Schnitzel heißt"
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-goulash-bread_23-2149388093.jpg?_wi=1"
|
||||||
description="Grillstube Hartenrod\nHauptstraße 123\n35232 Hartenrod\n\n📞 +49 123 456 789"
|
mediaPosition="right"
|
||||||
buttons={[
|
buttonText="Anrufen"
|
||||||
{
|
|
||||||
text: "Anrufen",
|
|
||||||
href: "tel:+49123456789",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Wegbeschreibung",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterMedia
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Speisekarte",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Kontakt",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Anfahrt",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Impressum",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Datenschutz",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="Grillstube Hartenrod"
|
logoText="Grillstube Hartenrod"
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-tasty-hamburger-menu-assortment_23-2148614053.jpg?_wi=3"
|
||||||
|
columns={[
|
||||||
|
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Speisekarte", href: "#menu" }] },
|
||||||
|
{ title: "Service", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user