Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 095bcce2e9 | |||
| 49a2667676 | |||
| e9ae0ef2c1 |
255
src/app/page.tsx
255
src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Specials",
|
||||
id: "#specials",
|
||||
},
|
||||
name: "Specials", id: "#specials"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Ahar Restaurant"
|
||||
/>
|
||||
@@ -67,19 +53,14 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Experience Culinary Excellence at Ahar Restaurant"
|
||||
description="Savor exquisite flavors crafted from the freshest local ingredients. Our chefs invite you on a gastronomic journey unlike any other."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Our Menu", href: "#menu"},
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Make a Reservation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg"
|
||||
imageAlt="Gourmet dish at Ahar Restaurant"
|
||||
@@ -108,20 +89,11 @@ export default function LandingPage() {
|
||||
tag="Chef's Specials"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Handmade Ravioli with Truffle Cream",
|
||||
content: "Delicate pasta pockets filled with ricotta and spinach, tossed in a luxurious black truffle cream sauce and finished with fresh parmesan.",
|
||||
},
|
||||
id: "1", title: "Handmade Ravioli with Truffle Cream", content: "Delicate pasta pockets filled with ricotta and spinach, tossed in a luxurious black truffle cream sauce and finished with fresh parmesan."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Seared Scallops with Saffron Risotto",
|
||||
content: "Pan-seared jumbo scallops served atop a creamy saffron-infused risotto, garnished with asparagus tips and a lemon zest.",
|
||||
},
|
||||
id: "2", title: "Seared Scallops with Saffron Risotto", content: "Pan-seared jumbo scallops served atop a creamy saffron-infused risotto, garnished with asparagus tips and a lemon zest."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Slow-Cooked Lamb Shank",
|
||||
content: "Tender lamb shank braised for hours in a rich red wine reduction, served with creamy mashed potatoes and seasonal root vegetables.",
|
||||
},
|
||||
id: "3", title: "Slow-Cooked Lamb Shank", content: "Tender lamb shank braised for hours in a rich red wine reduction, served with creamy mashed potatoes and seasonal root vegetables."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-italian-pasta-unusual-cooked-spiral-pasta-dark-background-pasta-dish-meal-cooking-dinner_140725-96509.jpg"
|
||||
imageAlt="Signature Pasta Dish"
|
||||
@@ -138,47 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Margherita Pizza",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-dough-with-cheese-beet-slices_23-2148753751.jpg",
|
||||
imageAlt: "Margherita Pizza",
|
||||
},
|
||||
id: "p1", name: "Margherita Pizza", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-dough-with-cheese-beet-slices_23-2148753751.jpg", imageAlt: "Margherita Pizza"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Ahar Burger",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-closeup-fast-food-cheat-meal-concept-junk-food_169016-67220.jpg",
|
||||
imageAlt: "Classic Ahar Burger",
|
||||
},
|
||||
id: "p2", name: "Classic Ahar Burger", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/burger-closeup-fast-food-cheat-meal-concept-junk-food_169016-67220.jpg", imageAlt: "Classic Ahar Burger"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Grilled Chicken Salad",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chopped-red-cabbage-parsley-radish-bowl_114579-86553.jpg",
|
||||
imageAlt: "Grilled Chicken Salad",
|
||||
},
|
||||
id: "p3", name: "Grilled Chicken Salad", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/chopped-red-cabbage-parsley-radish-bowl_114579-86553.jpg", imageAlt: "Grilled Chicken Salad"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ribeye Steak",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg",
|
||||
imageAlt: "Ribeye Steak",
|
||||
},
|
||||
id: "p4", name: "Ribeye Steak", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg", imageAlt: "Ribeye Steak"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cream of Mushroom Soup",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cream-soup-with-herbs-bread_114579-29227.jpg",
|
||||
imageAlt: "Cream of Mushroom Soup",
|
||||
},
|
||||
id: "p5", name: "Cream of Mushroom Soup", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/cream-soup-with-herbs-bread_114579-29227.jpg", imageAlt: "Cream of Mushroom Soup"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chocolate Lava Cake",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fancy-dessert_23-2150527564.jpg",
|
||||
imageAlt: "Chocolate Lava Cake",
|
||||
},
|
||||
id: "p6", name: "Chocolate Lava Cake", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fancy-dessert_23-2150527564.jpg", imageAlt: "Chocolate Lava Cake"},
|
||||
]}
|
||||
title="Our Diverse Culinary Offerings"
|
||||
description="Explore our full menu, a curated selection of dishes designed to satisfy every palate. From appetizers to desserts, there's something delightful for everyone."
|
||||
@@ -192,65 +134,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "May 15, 2024",
|
||||
title: "A True Culinary Gem!",
|
||||
quote: "Ahar Restaurant exceeded all expectations! The food was incredibly fresh, and every dish was a work of art. The truffle pasta is a must-try!",
|
||||
tag: "Food Enthusiast",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-food_23-2149250063.jpg",
|
||||
avatarAlt: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-blue-chairs-decors-wall_140725-8028.jpg",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", date: "May 15, 2024", title: "A True Culinary Gem!", quote: "Ahar Restaurant exceeded all expectations! The food was incredibly fresh, and every dish was a work of art. The truffle pasta is a must-try!", tag: "Food Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-food_23-2149250063.jpg", avatarAlt: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-blue-chairs-decors-wall_140725-8028.jpg", imageAlt: "Restaurant ambiance"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
date: "April 28, 2024",
|
||||
title: "Exceptional Dining Experience",
|
||||
quote: "From the warm welcome to the last bite, Ahar offers an outstanding experience. The seared scallops were cooked to perfection. Highly recommended for any occasion.",
|
||||
tag: "Regular Guest",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",
|
||||
avatarAlt: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-2490.jpg",
|
||||
imageAlt: "Pasta dish",
|
||||
},
|
||||
id: "t2", name: "Michael C.", date: "April 28, 2024", title: "Exceptional Dining Experience", quote: "From the warm welcome to the last bite, Ahar offers an outstanding experience. The seared scallops were cooked to perfection. Highly recommended for any occasion.", tag: "Regular Guest", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg", avatarAlt: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-2490.jpg", imageAlt: "Pasta dish"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
date: "March 10, 2024",
|
||||
title: "My New Favorite Restaurant!",
|
||||
quote: "The lamb shank literally melted in my mouth! Ahar Restaurant has such a cozy atmosphere and attentive staff. I can't wait to come back and try more dishes.",
|
||||
tag: "Local Foodie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beauty-woman-eating-healthy-food-sitting-beautiful-interior-with-green-flowers_231208-4739.jpg",
|
||||
avatarAlt: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-ribs-kebab-served-with-grilled-potatoes-salad_140725-1564.jpg",
|
||||
imageAlt: "Steak dish",
|
||||
},
|
||||
id: "t3", name: "Emily R.", date: "March 10, 2024", title: "My New Favorite Restaurant!", quote: "The lamb shank literally melted in my mouth! Ahar Restaurant has such a cozy atmosphere and attentive staff. I can't wait to come back and try more dishes.", tag: "Local Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/young-beauty-woman-eating-healthy-food-sitting-beautiful-interior-with-green-flowers_231208-4739.jpg", avatarAlt: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/lamb-ribs-kebab-served-with-grilled-potatoes-salad_140725-1564.jpg", imageAlt: "Steak dish"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
date: "February 20, 2024",
|
||||
title: "A Must-Visit for Dessert Lovers",
|
||||
quote: "The chocolate lava cake at Ahar is divine! Easily the best dessert I've had in years. The entire meal was fantastic, but the dessert stole the show.",
|
||||
tag: "Dessert Lover",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg",
|
||||
avatarAlt: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-creamy-cake-with-sliced-fruits-white-cream-along-with-creamy-cakes-fruits-light-desk-fruit-cake-biscuit-cookie-sweet_140725-32316.jpg",
|
||||
imageAlt: "Dessert plate",
|
||||
},
|
||||
id: "t4", name: "David K.", date: "February 20, 2024", title: "A Must-Visit for Dessert Lovers", quote: "The chocolate lava cake at Ahar is divine! Easily the best dessert I've had in years. The entire meal was fantastic, but the dessert stole the show.", tag: "Dessert Lover", avatarSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg", avatarAlt: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/little-creamy-cake-with-sliced-fruits-white-cream-along-with-creamy-cakes-fruits-light-desk-fruit-cake-biscuit-cookie-sweet_140725-32316.jpg", imageAlt: "Dessert plate"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Olivia P.",
|
||||
date: "January 5, 2024",
|
||||
title: "Fresh, Healthy, and Delicious",
|
||||
quote: "I'm always looking for healthy options that don't compromise on flavor, and Ahar delivers! The grilled chicken salad was fresh and perfectly balanced.",
|
||||
tag: "Health Conscious",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-friends-dining-out_23-2149212123.jpg",
|
||||
avatarAlt: "Olivia P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-large-bowl-with-freshly-prepared-vegetable-salad-female-hands_169016-10957.jpg",
|
||||
imageAlt: "Salad bowl",
|
||||
},
|
||||
id: "t5", name: "Olivia P.", date: "January 5, 2024", title: "Fresh, Healthy, and Delicious", quote: "I'm always looking for healthy options that don't compromise on flavor, and Ahar delivers! The grilled chicken salad was fresh and perfectly balanced.", tag: "Health Conscious", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-friends-dining-out_23-2149212123.jpg", avatarAlt: "Olivia P.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-large-bowl-with-freshly-prepared-vegetable-salad-female-hands_169016-10957.jpg", imageAlt: "Salad bowl"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear directly from our cherished patrons about their dining experiences at Ahar Restaurant."
|
||||
@@ -264,24 +156,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer vegetarian and vegan options?",
|
||||
content: "Yes, Ahar Restaurant is committed to catering to various dietary preferences. We have a dedicated section on our menu for vegetarian and vegan dishes, and our chefs are happy to accommodate special requests where possible. Please inform your server about any dietary restrictions.",
|
||||
},
|
||||
id: "q1", title: "What are your operating hours?", content: "Ahar Restaurant is open for dinner Tuesday to Sunday from 5:00 PM to 10:00 PM. We are closed on Mondays. Special holiday hours may apply, please check our website or call for details."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is Ahar Restaurant suitable for private events?",
|
||||
content: "Absolutely! Ahar Restaurant offers private dining spaces perfect for intimate gatherings, corporate events, and special celebrations. We can customize menus and arrangements to suit your specific needs. Please contact us directly to discuss your event requirements and check availability.",
|
||||
},
|
||||
id: "q2", title: "Do you accommodate dietary restrictions and allergies?", content: "Yes, our chefs are happy to accommodate most dietary restrictions and allergies. Please inform your server about any specific needs when making your reservation or upon arrival, and we will do our best to tailor your meal."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do I need a reservation to dine at Ahar?",
|
||||
content: "While walk-ins are welcome, we highly recommend making a reservation, especially on weekends and for dinner service, to ensure you get a table without a wait. You can easily make a reservation through our website or by calling us directly.",
|
||||
},
|
||||
id: "q3", title: "Is there a dress code?", content: "Ahar Restaurant has a smart casual dress code. We encourage guests to dress comfortably yet elegantly to enhance their dining experience. Formal attire is not required, but encouraged for special occasions."},
|
||||
{
|
||||
id: "q4", title: "Do you offer takeout or delivery services?", content: "Currently, Ahar Restaurant focuses on providing an exceptional dine-in experience. We do not offer takeout or delivery services to ensure the highest quality of our dishes when served. However, we do offer catering services for private events."},
|
||||
{
|
||||
id: "q5", title: "Can I host a private event or party at Ahar Restaurant?", content: "Absolutely! Ahar Restaurant has private dining rooms perfect for corporate events, family celebrations, or intimate gatherings. Please contact our events team at events@aharrestaurant.com to discuss your requirements and create a bespoke experience."},
|
||||
{
|
||||
id: "q6", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, MasterCard, American Express, Discover) and cash. We do not accept personal checks."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common questions about dining at Ahar Restaurant."
|
||||
tag="Helpful Info"
|
||||
title="Common Questions About Ahar Restaurant"
|
||||
description="Get quick answers to frequently asked questions about reservations, dietary needs, operating hours, and more at Ahar Restaurant."
|
||||
tag="Restaurant FAQs"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -290,14 +179,13 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reservations & Contact"
|
||||
title="Plan Your Visit to Ahar Restaurant"
|
||||
description="We look forward to welcoming you! Use the form below to make a reservation or inquire about our services. Our team is ready to assist you."
|
||||
inputPlaceholder="Your email for reservation confirmation"
|
||||
buttonText="Book Now"
|
||||
termsText="By clicking Book Now you're confirming that you agree with our Reservation Policy."
|
||||
variant: "plain"}}
|
||||
tag="Reservations & Contact Information"
|
||||
title="Reserve Your Table or Get in Touch"
|
||||
description="We would be delighted to host you at Ahar Restaurant. Use the form below to secure your reservation, or find our contact details and location for any inquiries. We're here to make your dining experience perfect."
|
||||
inputPlaceholder="Your email for reservation updates"
|
||||
buttonText="Make a Reservation"
|
||||
termsText="By clicking 'Make a Reservation', you agree to receive updates about your booking and confirm your acceptance of our Privacy Policy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -306,66 +194,43 @@ export default function LandingPage() {
|
||||
logoText="Ahar Restaurant"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Specials",
|
||||
href: "#specials",
|
||||
},
|
||||
label: "Our Menu", href: "#menu"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Specials", href: "#specials"},
|
||||
{
|
||||
label: "Gift Cards",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
title: "Visit Us", items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "https://maps.google.com/?q=AharRestaurant",
|
||||
},
|
||||
label: "Location: 123 Culinary St, Food City", href: "https://maps.google.com/?q=AharRestaurant"},
|
||||
{
|
||||
label: "Hours",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hours: Tue-Sun, 5 PM - 10 PM", href: "#"},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Reservations", href: "#contact"},
|
||||
{
|
||||
label: "Catering",
|
||||
href: "#",
|
||||
},
|
||||
label: "Private Events", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/aharrestaurant",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/aharrestaurant"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/aharrestaurant",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/aharrestaurant"},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@aharrestaurant.com",
|
||||
},
|
||||
label: "Email: info@aharrestaurant.com", href: "mailto:info@aharrestaurant.com"},
|
||||
{
|
||||
label: "Call Us: (123) 456-7890", href: "tel:+1234567890"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Ahar Restaurant. All rights reserved."
|
||||
copyrightText="© 2024 Ahar Restaurant. All rights reserved. | Privacy Policy | Terms of Service"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #e3deea;
|
||||
--card: #ffffff;
|
||||
--foreground: #1f2027;
|
||||
--primary-cta: #1f2027;
|
||||
--primary-cta-text: #e3deea;
|
||||
--background: #fcf6ec;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #2e2521;
|
||||
--primary-cta-text: #fcf6ec;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1f2027;
|
||||
--accent: #627dc6;
|
||||
--background-accent: #627dc6;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #b2a28b;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user