206 lines
15 KiB
TypeScript
206 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="blurBottom"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="중화루"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Visit", id: "visit" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Reserve", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="중화루\nJoong Wha Ru"
|
|
description="Authentic Korean-Chinese Cuisine\n\nAuthentic taste of Korea in Germany"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "View Menu", href: "#menu" },
|
|
{ text: "Reserve Now", href: "#contact" },
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/vertical-high-angle-shot-bowls-hummus-vegetable-soup-grey-surface_181624-25238.jpg"
|
|
imageAlt="Traditional Korean-Chinese noodles with black bean sauce"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Story"
|
|
title="Welcome to 중화루 - Where Korean tradition meets authentic Chinese flavors. We bring the genuine taste of Korea to Germany, beloved by our Korean community and cherished by all who discover us."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#experience" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
tagAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardMedia
|
|
title="Popular Menu Highlights"
|
|
description="Discover our most beloved dishes, crafted with authentic recipes and fresh ingredients"
|
|
features={[
|
|
{
|
|
id: "1", title: "Jjajangmyeon", description: "짜장면 - Noodles with savory black bean sauce", tag: "Signature", imageSrc: "http://img.b2bpic.net/free-psd/delicious-beef-wonton-noodle-soup-with-green-onions-chili_84443-64206.jpg?_wi=1", imageAlt: "Jjajangmyeon - noodles with black bean sauce"},
|
|
{
|
|
id: "2", title: "Jjamppong", description: "짬뽕 - Spicy seafood noodle soup with vibrant broth", tag: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-soup-with-noodles-chopsticks_23-2148381158.jpg", imageAlt: "Jjamppong - spicy seafood noodle soup"},
|
|
{
|
|
id: "3", title: "Tangsuyuk", description: "탕수육 - Crispy pork in sweet and sour sauce", tag: "Favorite", imageSrc: "http://img.b2bpic.net/free-photo/marinated-pork-used-cooking-complete-with-chili-peppers-kaffir-lime-leaves-black-plate_1150-24147.jpg", imageAlt: "Tangsuyuk - sweet and sour crispy pork"},
|
|
{
|
|
id: "4", title: "Ganjjajang", description: "간짜장 - Rice with black bean sauce, simple and delicious", tag: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-seaweed-dish_23-2150912660.jpg", imageAlt: "Ganjjajang - rice with black bean sauce"},
|
|
{
|
|
id: "5", title: "Shrimp Fried Rice", description: "새우볶음밥 - Fluffy rice with fresh shrimp and vegetables", tag: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chinese-food-still-life_23-2151913618.jpg?_wi=1", imageAlt: "Shrimp fried rice with fresh ingredients"},
|
|
{
|
|
id: "6", title: "Gyoza", description: "교자 - Golden fried dumplings with dipping sauce", tag: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/crispy-vegetables-spring-rolls_123827-36152.jpg", imageAlt: "Gyoza - crispy fried Korean dumplings"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tag="Menu"
|
|
tagAnimation="opacity"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<TestimonialCardFive
|
|
title="Why Our Guests Love Us"
|
|
description="Trusted by the Korean community and beloved by international food enthusiasts"
|
|
tag="Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "김민지, CEO of Korean Community Hamburg", date: "Date: Verified Regular", title: "Authentic taste just like in Korea", quote: "The flavors bring back memories of home. Every dish is prepared with care and authenticity that you can taste immediately.", tag: "Korean Community", avatarSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-seaweed-salad-concept_23-2148678739.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chinese-food-still-life_23-2151913618.jpg?_wi=2", imageAlt: "Restaurant interior showing authentic Korean ambiance"},
|
|
{
|
|
id: "2", name: "Hans Mueller, Local Food Enthusiast", date: "Date: Loyal Customer", title: "Best Korean-Chinese cuisine in town", quote: "I've tried many restaurants, but the quality and authenticity here is unmatched. The service is warm and welcoming to everyone.", tag: "Quality & Service", avatarSrc: "http://img.b2bpic.net/free-psd/appetizing-sesame-glazed-meat-dish-with-fresh-greens_84443-64545.jpg", imageSrc: "http://img.b2bpic.net/free-photo/retro-interior-design-table-with-food_23-2150595531.jpg", imageAlt: "Traditional Korean restaurant table setting"},
|
|
{
|
|
id: "3", name: "Sarah Kim, International Student", date: "Date: Frequent Visitor", title: "A taste of home away from home", quote: "Found this place by chance and now I'm here every week. The food is fresh, generous portions, and the staff treats you like family.", tag: "Community Feel", avatarSrc: "http://img.b2bpic.net/free-photo/crispy-vegetables-spring-rolls_123827-36152.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dried-sprat-cheese-chips-plate-towel-blue-background_114579-90812.jpg?_wi=1", imageAlt: "Fresh seafood noodle soup preparation"},
|
|
{
|
|
id: "4", name: "Michael Schmidt, Food Blogger", date: "Date: Featured Review", title: "Hidden gem in Schwalbach", quote: "Authentic Korean-Chinese fusion done right. Every visit reveals new favorite dishes. Highly recommended for anyone seeking genuine Asian cuisine.", tag: "Authentic Cuisine", avatarSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-seaweed-salad-concept_23-2148678739.jpg", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg?_wi=1", imageAlt: "Cozy Korean restaurant dining atmosphere"},
|
|
{
|
|
id: "5", name: "李华, Chinese Expat in Frankfurt", date: "Date: Regular Since Opening", title: "Reminds me of restaurants back home", quote: "The technique and flavors are impressive. They respect the traditions while making it their own. This is the real deal.", tag: "Authentic Flavors", avatarSrc: "http://img.b2bpic.net/free-psd/appetizing-sesame-glazed-meat-dish-with-fresh-greens_84443-64545.jpg", imageSrc: "http://img.b2bpic.net/free-psd/delicious-beef-wonton-noodle-soup-with-green-onions-chili_84443-64206.jpg?_wi=2", imageAlt: "Authentic jjajangmyeon noodle dish"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="visit" data-section="visit">
|
|
<ContactFaq
|
|
ctaTitle="Visit Us Today"
|
|
ctaDescription="Reserve your table now or call us for same-day reservations. We welcome dine-in and takeaway orders."
|
|
ctaButton={{
|
|
text: "Call: 06196 9502425", href: "tel:+4961969502425"}}
|
|
ctaIcon={Phone}
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your opening hours?", content: "We are open Tuesday to Sunday for lunch and dinner. Please call ahead for exact times and holiday information. We are closed on Mondays for rest day."},
|
|
{
|
|
id: "2", title: "Do you accept reservations?", content: "We recommend calling us at 06196 9502425 to reserve your table. Walk-ins are welcome based on availability. Phone reservations ensure we can prepare for you."},
|
|
{
|
|
id: "3", title: "Do you offer takeaway?", content: "Yes, we offer takeaway orders. Simply call us with your order and we'll have it ready for pickup. We do not currently offer delivery services."},
|
|
{
|
|
id: "4", title: "What payment methods do you accept?", content: "We accept both cash and card payments. Please inquire about specific payment options when ordering or visiting."},
|
|
{
|
|
id: "5", title: "Are dietary requirements accommodated?", content: "Please let us know about any dietary preferences or restrictions when ordering. Our team will do their best to accommodate your needs."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<BlogCardOne
|
|
title="Restaurant Gallery"
|
|
description="Discover the authentic atmosphere, carefully crafted dishes, and warm hospitality that make 중화루 special"
|
|
tag="Gallery"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Dishes", title: "Signature Noodle Dishes", excerpt: "Our most popular authentic Korean-Chinese noodle recipes prepared fresh daily", imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-seaweed-salad-concept_23-2148678739.jpg", imageAlt: "Authentic Korean noodle dishes", authorName: "중화루 Kitchen", authorAvatar: "http://img.b2bpic.net/free-psd/delicious-beef-wonton-noodle-soup-with-green-onions-chili_84443-64206.jpg", date: "Always Fresh"},
|
|
{
|
|
id: "2", category: "Atmosphere", title: "Warm & Welcoming Space", excerpt: "Traditional Korean restaurant ambiance combined with modern comfort for family dining", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg?_wi=2", imageAlt: "Restaurant interior and dining atmosphere", authorName: "중화루 Team", authorAvatar: "http://img.b2bpic.net/free-photo/retro-interior-design-table-with-food_23-2150595531.jpg", date: "Daily Experience"},
|
|
{
|
|
id: "3", category: "Specialties", title: "Seafood Specials", excerpt: "Fresh seafood soups and stir-fries made with premium ingredients", imageSrc: "http://img.b2bpic.net/free-photo/dried-sprat-cheese-chips-plate-towel-blue-background_114579-90812.jpg?_wi=2", imageAlt: "Fresh seafood noodle preparations", authorName: "Chef Recommendation", authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-soup-with-noodles-chopsticks_23-2148381158.jpg", date: "Chef's Choice"},
|
|
{
|
|
id: "4", category: "Favorites", title: "Crispy & Golden Creations", excerpt: "Beloved fried dishes and appetizers that keep our guests coming back", imageSrc: "http://img.b2bpic.net/free-psd/appetizing-sesame-glazed-meat-dish-with-fresh-greens_84443-64545.jpg", imageAlt: "Crispy fried Korean dishes", authorName: "Guest Favorite", authorAvatar: "http://img.b2bpic.net/free-photo/crispy-vegetables-spring-rolls_123827-36152.jpg", date: "Most Popular"},
|
|
]}
|
|
tagAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="중화루 Joong Wha Ru"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "#home" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Gallery", href: "#gallery" },
|
|
],
|
|
},
|
|
{
|
|
title: "Restaurant Info", items: [
|
|
{ label: "Hours & Reservations", href: "#visit" },
|
|
{ label: "Phone: 06196 9502425", href: "tel:+4961969502425" },
|
|
{ label: "Ober d. Röth 2, Schwalbach", href: "#" },
|
|
{ label: "Dine-in & Takeaway", href: "#visit" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Make a Reservation", href: "#contact" },
|
|
{ label: "Takeaway Orders", href: "tel:+4961969502425" },
|
|
{ label: "Private Events", href: "#" },
|
|
{ label: "Contact Us", href: "#visit" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 중화루 Joong Wha Ru | Authentic Korean-Chinese Cuisine in Schwalbach am Taunus"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|