Initial commit
This commit is contained in:
399
src/app/page.tsx
Normal file
399
src/app/page.tsx
Normal file
@@ -0,0 +1,399 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Flame, Home, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Schmidts"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Authentic German Cuisine, Warmly Served"
|
||||
description="From traditional schnitzel to craft beers, Schmidts brings generations of German hospitality to your table. Reserve your seat or order takeout today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Order Takeout",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-salmon-fillet-with-potatoes-cheese-rolls-vegetables-mix_114579-221.jpg",
|
||||
imageAlt: "Crispy Wiener Schnitzel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-feast-beer-sausages-pretzels_23-2152011869.jpg",
|
||||
imageAlt: "Warm German Restaurant Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-spread-pretzels-beer-sausages_23-2152011924.jpg",
|
||||
imageAlt: "Freshly Baked Bavarian Pretzel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beer-brewing-elements_23-2150321475.jpg",
|
||||
imageAlt: "German Craft Beer Selection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-goulash-bread_23-2149388093.jpg",
|
||||
imageAlt: "Hearty German Sausage Platter",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-taking-selfie_23-2149366431.jpg",
|
||||
imageAlt: "Friendly Restaurant Staff",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Story: Generations of German Hospitality"
|
||||
metrics={[
|
||||
{
|
||||
icon: Home,
|
||||
label: "Years in Business",
|
||||
value: "30+",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Authentic Recipes",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Guests Annually",
|
||||
value: "10,000+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wiener Schnitzel",
|
||||
description: "Our signature dish: tender, breaded pork cutlet, pan-fried to golden perfection, served with lemon and traditional sides.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pork-meat-with-cherry-tomato-corn-plate_23-2147841065.jpg",
|
||||
imageAlt: "Wiener Schnitzel",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Bavarian Pretzels & Beer",
|
||||
description: "Start your meal with a warm, soft Bavarian pretzel, paired perfectly with our selection of authentic German craft beers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-pretzel-sprinkled-with-sesame-seeds_78826-2313.jpg",
|
||||
imageAlt: "Bavarian Pretzel with beer",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Craft German Beers",
|
||||
description: "Explore our curated list of German lagers, pilsners, and wheat beers, hand-picked from renowned breweries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-pouring-amber-beer-into-glass-wooden-board-snacks_181624-61549.jpg",
|
||||
imageAlt: "Glasses of German beer",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Black Forest Cake",
|
||||
description: "Indulge in a classic German dessert, a rich chocolate sponge cake layered with fresh cream and cherries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-sausages-wrapped-puff-pastry_114579-53107.jpg",
|
||||
imageAlt: "Slice of Black Forest Cake",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
]}
|
||||
title="Experience the Taste of Germany"
|
||||
description="Our menu features timeless German classics and regional specialties, prepared with passion and the freshest ingredients, just like Oma used to make."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wiener Schnitzel",
|
||||
price: "€18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cachopo-traditional-food-asturias-spain-breaded-fillet-meat-black-slate-background_123827-34825.jpg",
|
||||
imageAlt: "Wiener Schnitzel",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bratwurst Platter",
|
||||
price: "€15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sausages-with-pretzels-with-beer-bottles_23-2148754970.jpg",
|
||||
imageAlt: "Bratwurst Platter",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sauerbraten",
|
||||
price: "€22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-soy-sauce-sesame-seed_53876-104581.jpg",
|
||||
imageAlt: "Sauerbraten",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Kaiserschmarrn",
|
||||
price: "€12.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-classic-pancakes-wooden-cutting-board-honey-bowl-flowers-gray-table_140725-56553.jpg",
|
||||
imageAlt: "Kaiserschmarrn",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Apfelstrudel",
|
||||
price: "€9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-baked-apple-with-nuts-cinnamon-christmas-white-table_181624-28734.jpg",
|
||||
imageAlt: "Apfelstrudel",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "German Beer Flight",
|
||||
price: "€14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-beer-glass_23-2148726851.jpg",
|
||||
imageAlt: "German Beer Flight",
|
||||
},
|
||||
]}
|
||||
title="Our Authentic Menu"
|
||||
description="Explore our selection of traditional German dishes, hearty meals, and fine beverages. Perfect for dining in or enjoying at home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna Schmidt",
|
||||
handle: "@schmidt_eats",
|
||||
testimonial: "Schmidts is a hidden gem! The schnitzel brought me right back to my childhood in Bavaria. Absolutely delicious and the service was impeccable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg",
|
||||
imageAlt: "Customer Anna Schmidt",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Max Müller",
|
||||
handle: "@max_muller",
|
||||
testimonial: "As a German expat, finding authentic food is tough. Schmidts nails it! The beer selection is fantastic, and the atmosphere is so welcoming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-gorgeous-young-female-feels-happy-coffee-shop_273609-2792.jpg",
|
||||
imageAlt: "Customer Max Müller",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "The Wagner Family",
|
||||
handle: "@wagner_family_adventures",
|
||||
testimonial: "We love bringing our kids to Schmidts. The hearty portions and friendly staff make it our go-to for family dinners. Highly recommend the bratwurst!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520074.jpg",
|
||||
imageAlt: "The Wagner Family",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chef Klaus Richter",
|
||||
handle: "@chef_klaus_official",
|
||||
testimonial: "Having worked in German kitchens for decades, I can confidently say Schmidts delivers true quality and tradition. A culinary delight!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-sous-chef-cutting-fresh-herbs-be-used-gourmet-cuisine-dishes-while-looking-camera-gastronomy-expert-wearing-cooking-uniform-while-preparing-garnish-dinner-service_482257-41989.jpg",
|
||||
imageAlt: "Chef Klaus Richter",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Gretchen & Hans",
|
||||
handle: "@golden_years_eats",
|
||||
testimonial: "A wonderful place for an evening out. The Apfelstrudel is divine, and we always feel right at home. Schmidts truly embodies German hospitality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-arranging-table-cafe_53876-13637.jpg",
|
||||
imageAlt: "Customers Gretchen & Hans",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Are Saying"
|
||||
description="Hear from our beloved customers who have experienced the authentic flavors and warm atmosphere of Schmidts, a true taste of Germany."
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I make a reservation?",
|
||||
content: "You can easily reserve a table through our online booking system linked in the 'Contact' section, or by calling us directly during opening hours.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer takeout or delivery?",
|
||||
content: "Yes, we offer convenient takeout services for our full menu. You can place your order online through our website or by phone. Delivery options coming soon!",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there vegetarian or gluten-free options?",
|
||||
content: "We strive to accommodate all dietary needs. Please inform your server about any restrictions, and we'll happily guide you through our menu for suitable options.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What are your opening hours?",
|
||||
content: "Schmidts is open Tuesday to Sunday from 12 PM to 10 PM. We are closed on Mondays. Special holiday hours may apply, please check our social media for updates.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you host private events or large groups?",
|
||||
content: "Yes, Schmidts is a wonderful venue for private events, celebrations, and large group dining. Please contact us in advance to discuss your needs and make arrangements.",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
title: "Can I bring my own beer/wine?",
|
||||
content: "We have a comprehensive selection of authentic German beers and wines to complement your meal. Therefore, we do not allow outside alcoholic beverages.",
|
||||
},
|
||||
]}
|
||||
title="Your Questions, Answered"
|
||||
description="Find quick answers to common questions about reservations, menu options, and our dining experience at Schmidts."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
text="Located in the heart of Limburg an der Lahn, Schmidts welcomes you to a genuine German dining experience. For reservations, takeout, or any inquiries, reach out to us today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Chat on WhatsApp",
|
||||
href: "https://wa.me/49xxxxxxxxxx",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/49xxxxxxxxxx",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Schmidts"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user