Merge version_1 into main #1
297
src/app/page.tsx
297
src/app/page.tsx
@@ -33,34 +33,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Us", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Reserve a Table", href: "#contact"}}
|
||||
brandName="Grünauer"
|
||||
/>
|
||||
</div>
|
||||
@@ -68,70 +54,42 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Experience Authentic Austrian Cuisine"
|
||||
description="Grünauer brings the heart of Vienna to Kansas City with traditional dishes, warm ambiance, and exceptional service."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Make a Reservation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-goulash-stew-table_23-2149371740.jpg"
|
||||
imageAlt="Traditional Austrian Goulash served in an elegant restaurant setting"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-african-american-girl-sunglasses-posed-modern-cafe_627829-2603.jpg",
|
||||
alt: "Happy African American female smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-african-american-girl-sunglasses-posed-modern-cafe_627829-2603.jpg", alt: "Happy African American female smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-woman-talking-phone-cafe_1303-27363.jpg",
|
||||
alt: "Woman in fashion clothes using smartphone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-woman-talking-phone-cafe_1303-27363.jpg", alt: "Woman in fashion clothes using smartphone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519970.jpg",
|
||||
alt: "Woman with beer eating olives",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519970.jpg", alt: "Woman with beer eating olives"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-carefree-mixed-race-female-student-has-rest-after-tired-hard-working-day-university-passing-difficult-exam-eats-tasty-desserts-demonstrates-warm-positive-smile-satisifed-with-results_273609-2228.jpg",
|
||||
alt: "Positive dark skinned woman with curly hair",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-carefree-mixed-race-female-student-has-rest-after-tired-hard-working-day-university-passing-difficult-exam-eats-tasty-desserts-demonstrates-warm-positive-smile-satisifed-with-results_273609-2228.jpg", alt: "Positive dark skinned woman with curly hair"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-bearded-male-trendy-black-hat-looking-with-happy-smile-enjoying-good-coffee-nice-weather-while-relaxing-cafe-alone-breakfast_273609-1752.jpg",
|
||||
alt: "Happy stylish man with coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-bearded-male-trendy-black-hat-looking-with-happy-smile-enjoying-good-coffee-nice-weather-while-relaxing-cafe-alone-breakfast_273609-1752.jpg", alt: "Happy stylish man with coffee"},
|
||||
]}
|
||||
avatarText="Join our 4.4K+ satisfied guests!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370915.jpg",
|
||||
alt: "Delicious goulash ready for dinner",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370915.jpg", alt: "Delicious goulash ready for dinner"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh, Local Ingredients",
|
||||
},
|
||||
type: "text", text: "Fresh, Local Ingredients"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/rustic-beef-stew-cooked-crockery-bowl-generative-ai_188544-32012.jpg",
|
||||
alt: "Delicious goulash stew on table",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/rustic-beef-stew-cooked-crockery-bowl-generative-ai_188544-32012.jpg", alt: "Delicious goulash stew on table"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Viennese Recipes",
|
||||
},
|
||||
type: "text", text: "Authentic Viennese Recipes"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-from-afar-bowl-food-wooden-bowl-potatoes-with-mushrooms-cutting-board-right-side-table_140725-118555.jpg",
|
||||
alt: "Sauteed liver with roasted potatoes",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-from-afar-bowl-food-wooden-bowl-potatoes-with-mushrooms-cutting-board-right-side-table_140725-118555.jpg", alt: "Sauteed liver with roasted potatoes"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,11 +101,8 @@ export default function LandingPage() {
|
||||
title="A Taste of Austria in Kansas City"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
description="Established with a passion for authentic Austrian culinary traditions, Grünauer is a family-owned restaurant bringing the rich flavors and warm hospitality of Vienna to our vibrant community. We pride ourselves on using time-honored recipes and fresh, high-quality ingredients to create an unforgettable dining experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -158,55 +113,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "wine",
|
||||
title: "Award-Winning Wine List",
|
||||
subtitle: "Explore our carefully curated selection of fine wines.",
|
||||
category: "Drinks",
|
||||
value: "Top Rated",
|
||||
buttons: [
|
||||
id: "wine", title: "Award-Winning Wine List", subtitle: "Explore our carefully curated selection of fine wines.", category: "Drinks", value: "Top Rated", buttons: [
|
||||
{
|
||||
text: "View List",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View List", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "private",
|
||||
title: "Private Dining Room",
|
||||
subtitle: "Perfect for intimate gatherings and special celebrations.",
|
||||
category: "Events",
|
||||
value: "Exclusive",
|
||||
buttons: [
|
||||
id: "private", title: "Private Dining Room", subtitle: "Perfect for intimate gatherings and special celebrations.", category: "Events", value: "Exclusive", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "happy-hour",
|
||||
title: "Happy Hour Specials",
|
||||
subtitle: "Enjoy discounted drinks and appetizers every weekday.",
|
||||
category: "Promotions",
|
||||
value: "Great Value",
|
||||
buttons: [
|
||||
id: "happy-hour", title: "Happy Hour Specials", subtitle: "Enjoy discounted drinks and appetizers every weekday.", category: "Promotions", value: "Great Value", buttons: [
|
||||
{
|
||||
text: "See Deals",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "See Deals", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ambiance",
|
||||
title: "Cozy & Rustic Ambiance",
|
||||
subtitle: "Dine in an atmosphere that transports you to Vienna.",
|
||||
category: "Experience",
|
||||
value: "Inviting",
|
||||
buttons: [
|
||||
id: "ambiance", title: "Cozy & Rustic Ambiance", subtitle: "Dine in an atmosphere that transports you to Vienna.", category: "Experience", value: "Inviting", buttons: [
|
||||
{
|
||||
text: "View Gallery",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Gallery", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -224,47 +151,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wiener Schnitzel",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-plate-with-chicken-leg-meat-with-slices-lemon_114579-66233.jpg",
|
||||
imageAlt: "Wiener Schnitzel",
|
||||
},
|
||||
id: "p1", name: "Wiener Schnitzel", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/purple-plate-with-chicken-leg-meat-with-slices-lemon_114579-66233.jpg", imageAlt: "Wiener Schnitzel"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Beef Goulash",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370913.jpg",
|
||||
imageAlt: "Beef Goulash",
|
||||
},
|
||||
id: "p2", name: "Beef Goulash", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370913.jpg", imageAlt: "Beef Goulash"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sacher Torte",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-volcano-with-black-coffee_140725-8222.jpg",
|
||||
imageAlt: "Sacher Torte",
|
||||
},
|
||||
id: "p3", name: "Sacher Torte", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-volcano-with-black-coffee_140725-8222.jpg", imageAlt: "Sacher Torte"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Apfelstrudel",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-apple-strudel_123827-36362.jpg",
|
||||
imageAlt: "Apfelstrudel",
|
||||
},
|
||||
id: "p4", name: "Apfelstrudel", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/homemade-apple-strudel_123827-36362.jpg", imageAlt: "Apfelstrudel"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bratwurst Platter",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-feast-beer-sausages-pretzels_23-2152011869.jpg",
|
||||
imageAlt: "Bratwurst Platter",
|
||||
},
|
||||
id: "p5", name: "Bratwurst Platter", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/oktoberfest-feast-beer-sausages-pretzels_23-2152011869.jpg", imageAlt: "Bratwurst Platter"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Käsespätzle",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chopped-minced-chicken-mushroom-salad-with-colorful-bell-peppers-plate_140725-10384.jpg",
|
||||
imageAlt: "Käsespätzle",
|
||||
},
|
||||
id: "p6", name: "Käsespätzle", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chopped-minced-chicken-mushroom-salad-with-colorful-bell-peppers-plate_140725-10384.jpg", imageAlt: "Käsespätzle"},
|
||||
]}
|
||||
title="Signature Austrian Delights"
|
||||
description="Savor the exquisite flavors of our most beloved dishes, crafted with tradition and passion."
|
||||
@@ -279,73 +176,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Local Foodie",
|
||||
company: "Kansas City",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylush-successful-ambitious-attractive-young-female-marketing-specialist-sit-restaurant-modern-cafe-eat-healthy-salad-drink-coffee-smiling-delighted-business-meeting-lunch-discuss-work_197531-22203.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "Local Foodie", company: "Kansas City", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylush-successful-ambitious-attractive-young-female-marketing-specialist-sit-restaurant-modern-cafe-eat-healthy-salad-drink-coffee-smiling-delighted-business-meeting-lunch-discuss-work_197531-22203.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Restaurant Critic",
|
||||
company: "Food Digest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-cafe_171337-18068.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "Restaurant Critic", company: "Food Digest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-cafe_171337-18068.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Frequent Diner",
|
||||
company: "Overland Park",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-businesswoman-posing-indoor-brunch-cafe-sousing-her-smartphone-elegant-outfit_291049-2721.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Frequent Diner", company: "Overland Park", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-businesswoman-posing-indoor-brunch-cafe-sousing-her-smartphone-elegant-outfit_291049-2721.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Food Blogger",
|
||||
company: "Taste KC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5879.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Food Blogger", company: "Taste KC", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5879.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
role: "Visitor",
|
||||
company: "Chicago",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", role: "Visitor", company: "Chicago", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg", imageAlt: "Jessica Lee"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Robert Smith",
|
||||
role: "Wine Enthusiast",
|
||||
company: "KC Wine Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-posing-with-striped-shirt_343059-1138.jpg",
|
||||
imageAlt: "Robert Smith",
|
||||
},
|
||||
id: "t6", name: "Robert Smith", role: "Wine Enthusiast", company: "KC Wine Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-posing-with-striped-shirt_343059-1138.jpg", imageAlt: "Robert Smith"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.7",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.7", label: "Average Rating"},
|
||||
{
|
||||
value: "4.4K+",
|
||||
label: "Happy Guests",
|
||||
},
|
||||
value: "4.4K+", label: "Happy Guests"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years of Tradition",
|
||||
},
|
||||
value: "20+", label: "Years of Tradition"},
|
||||
]}
|
||||
title="What Our Guests Are Saying"
|
||||
description="Hear from diners who have experienced the authentic taste and warm hospitality of Grünauer. With over 4,000 positive reviews, our reputation speaks for itself."
|
||||
@@ -360,23 +215,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Customer Rating",
|
||||
value: "4.7",
|
||||
},
|
||||
id: "m1", icon: Star,
|
||||
title: "Customer Rating", value: "4.7"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Positive Reviews",
|
||||
value: "4.4K+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Positive Reviews", value: "4.4K+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Utensils,
|
||||
title: "Dishes Served Annually",
|
||||
value: "10K+",
|
||||
},
|
||||
id: "m3", icon: Utensils,
|
||||
title: "Dishes Served Annually", value: "10K+"},
|
||||
]}
|
||||
title="Grünauer by the Numbers"
|
||||
description="Proudly serving our community with culinary excellence and unwavering dedication."
|
||||
@@ -390,25 +236,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer vegetarian options?",
|
||||
content: "Yes, our menu includes a variety of vegetarian dishes, and we can accommodate most dietary restrictions upon request. Please inform your server.",
|
||||
},
|
||||
id: "f1", title: "Do you offer vegetarian options?", content: "Yes, our menu includes a variety of vegetarian dishes, and we can accommodate most dietary restrictions upon request. Please inform your server."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I make a reservation?",
|
||||
content: "You can make a reservation directly through our website via OpenTable, or by calling us at +1 816-283-3234.",
|
||||
},
|
||||
id: "f2", title: "How do I make a reservation?", content: "You can make a reservation directly through our website via OpenTable, or by calling us at +1 816-283-3234."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is parking available?",
|
||||
content: "Street parking is available around the restaurant. There are also several paid parking lots within a short walking distance.",
|
||||
},
|
||||
id: "f3", title: "Is parking available?", content: "Street parking is available around the restaurant. There are also several paid parking lots within a short walking distance."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Can I host a private event?",
|
||||
content: "Yes, we have a beautiful private dining room available for events. Please contact us to discuss your needs and check availability.",
|
||||
},
|
||||
id: "f4", title: "Can I host a private event?", content: "Yes, we have a beautiful private dining room available for events. Please contact us to discuss your needs and check availability."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about reservations, menu options, and special events at Grünauer."
|
||||
@@ -421,8 +255,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Plan Your Visit to Grünauer"
|
||||
description="We look forward to welcoming you to Grünauer. Contact us for reservations, inquiries, or special event bookings. Find us at 101 W 22nd St, Kansas City, MO 64108, United States."
|
||||
@@ -436,13 +269,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Grünauer"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user