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 ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Utensils } from "lucide-react";
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Utensils, Star, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Geschichte",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Speisekarte",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Geschichte", id: "about" },
|
||||
{ name: "Speisekarte", id: "menu" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Grillstube Hartenrod"
|
||||
/>
|
||||
@@ -56,81 +44,13 @@ export default function LandingPage() {
|
||||
title="Grillstube Hartenrod"
|
||||
description="Der Geheimtipp, der keiner bleiben will. Wo Schnitzel noch Schnitzel heißt."
|
||||
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: "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",
|
||||
},
|
||||
{ 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: "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" },
|
||||
]}
|
||||
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"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
@@ -156,48 +76,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
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: "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",
|
||||
},
|
||||
{ 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: "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" },
|
||||
]}
|
||||
title="Die Klassiker"
|
||||
description="Unscheinbar gut – unsere Bestseller, die Stammgäste lieben."
|
||||
@@ -205,117 +86,56 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
<TestimonialCardTen
|
||||
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={[
|
||||
{
|
||||
id: "1",
|
||||
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",
|
||||
},
|
||||
{ id: "1", title: "Unfassbar gut", quote: "Das beste Schnitzel weit und breit!", name: "Johannes S.", role: "Stammgast" },
|
||||
{ id: "2", title: "Immer wieder", quote: "Eine echte Institution, die man besucht haben muss.", name: "Sabine L.", role: "Gast" }
|
||||
]}
|
||||
cardTitle="Gäste-Echo"
|
||||
cardTag="Stimmen"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TripAdvisor",
|
||||
"Google Maps",
|
||||
"Yelp",
|
||||
"Facebook",
|
||||
"Local Guide",
|
||||
"Gourmet Award",
|
||||
"Best Imbiss",
|
||||
]}
|
||||
title="Wir im Netz"
|
||||
description="Unsere Gäste lieben uns auf allen Plattformen."
|
||||
useInvertedBackground={true}
|
||||
names={["TripAdvisor", "Google Maps", "Yelp", "Facebook", "Gourmet Award"]}
|
||||
title="Auszeichnungen & Feedback"
|
||||
description="Wir sind stolz auf unsere hohe Bewertung und die Anerkennung unserer Gäste."
|
||||
tag="Social Proof"
|
||||
tagIcon={Award}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Besuche uns"
|
||||
title="Wo Schnitzel noch Schnitzel heißt"
|
||||
description="Grillstube Hartenrod\nHauptstraße 123\n35232 Hartenrod\n\n📞 +49 123 456 789"
|
||||
buttons={[
|
||||
{
|
||||
text: "Anrufen",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
{
|
||||
text: "Wegbeschreibung",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
<ContactSplit
|
||||
tag="Reservierung & Kontakt"
|
||||
title="Lust auf etwas Echtes?"
|
||||
description="Besuchen Sie uns in der Grillstube Hartenrod. Wir freuen uns auf Ihren Besuch!"
|
||||
background={{ variant: 'sparkles-gradient' }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-goulash-bread_23-2149388093.jpg?_wi=1"
|
||||
mediaPosition="right"
|
||||
buttonText="Anrufen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Speisekarte",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Anfahrt",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterMedia
|
||||
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>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user