Update src/app/page.tsx
This commit is contained in:
256
src/app/page.tsx
256
src/app/page.tsx
@@ -30,22 +30,14 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Reservations", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Reserve Now", href: "#contact"}}
|
||||
brandName="Sahar Resto"
|
||||
/>
|
||||
</div>
|
||||
@@ -53,116 +45,67 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="An Experience Worth Coming Back For"
|
||||
description="Exceptional flavors. Warm hospitality. A place that feels like yours in the heart of Zahle."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg?_wi=1",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg", imageAlt: "Restaurant ambiance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-s-eve-dinner-table_23-2151889027.jpg",
|
||||
imageAlt: "Dining luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-s-eve-dinner-table_23-2151889027.jpg", imageAlt: "Dining luxury"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg",
|
||||
imageAlt: "Warm atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg", imageAlt: "Warm atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-black-pasta-top-view_23-2148469856.jpg",
|
||||
imageAlt: "Hospitality",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-black-pasta-top-view_23-2148469856.jpg", imageAlt: "Hospitality"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fork-near-plate-with-twig_23-2147811260.jpg",
|
||||
imageAlt: "Evening lights",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fork-near-plate-with-twig_23-2147811260.jpg", imageAlt: "Evening lights"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg",
|
||||
imageAlt: "Fine dining",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg", imageAlt: "Fine dining"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-winter-scenes-with-family_23-2149187631.jpg",
|
||||
imageAlt: "Food presentation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-winter-scenes-with-family_23-2149187631.jpg", imageAlt: "Food presentation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-plates-with-black-pasta-black-table_23-2148340404.jpg",
|
||||
imageAlt: "Shisha lounge",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-plates-with-black-pasta-black-table_23-2148340404.jpg", imageAlt: "Shisha lounge"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flute-with-two-white-black-porcelain-plates-different-size-served-table-with-natural-fir-branch_132075-6157.jpg",
|
||||
imageAlt: "Premium service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flute-with-two-white-black-porcelain-plates-different-size-served-table-with-natural-fir-branch_132075-6157.jpg", imageAlt: "Premium service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg",
|
||||
imageAlt: "Gourmet dishes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg", imageAlt: "Gourmet dishes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-brown-restaurant_400718-10.jpg",
|
||||
imageAlt: "Cozy seating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-brown-restaurant_400718-10.jpg", imageAlt: "Cozy seating"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-garnished-with-vegetables-spices-sauce-plate-with-glass-white-wine-table_140725-11498.jpg",
|
||||
imageAlt: "Desserts",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-garnished-with-vegetables-spices-sauce-plate-with-glass-white-wine-table_140725-11498.jpg", imageAlt: "Desserts"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve a Table", href: "#contact"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cutlery-near-twig-leaves_23-2147811214.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cutlery-near-twig-leaves_23-2147811214.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fresh-black-pasta-fork_23-2148469861.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fresh-black-pasta-fork_23-2148469861.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-black-plates-different-sized-shaped-dark-background-color-meal-dinner-silver-restaurant-service-cutlery-food_179666-19696.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-black-plates-different-sized-shaped-dark-background-color-meal-dinner-silver-restaurant-service-cutlery-food_179666-19696.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join our growing family of regulars"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Cuisine",
|
||||
},
|
||||
type: "text", text: "Authentic Cuisine"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Hookah",
|
||||
},
|
||||
type: "text", text: "Premium Hookah"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Romantic Ambiance",
|
||||
},
|
||||
type: "text", text: "Romantic Ambiance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exceptional Service",
|
||||
},
|
||||
type: "text", text: "Exceptional Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Zahle Original",
|
||||
},
|
||||
type: "text", text: "Zahle Original"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -174,40 +117,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "Zahle Regular",
|
||||
testimonial: "One of the most enjoyable meals I've had recently. Exceptional seasoning and presentation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "Zahle Regular", testimonial: "One of the most enjoyable meals I've had recently. Exceptional seasoning and presentation.", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "Foodie",
|
||||
testimonial: "Fast service and very affordable for the quality. A true hidden gem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", handle: "Foodie", testimonial: "Fast service and very affordable for the quality. A true hidden gem.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "Frequent Visitor",
|
||||
testimonial: "Top 5 places in Zahle. The ambiance is cozy, tasteful, and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "Frequent Visitor", testimonial: "Top 5 places in Zahle. The ambiance is cozy, tasteful, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "Regular",
|
||||
testimonial: "Consistently great food and staff. Always feel welcomed and at home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-shows-heart-sign-loves-making-coffee-serving-clients-standing-unifo_1258-134404.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "Regular", testimonial: "Consistently great food and staff. Always feel welcomed and at home.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-shows-heart-sign-loves-making-coffee-serving-clients-standing-unifo_1258-134404.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria L.",
|
||||
handle: "Food Blogger",
|
||||
testimonial: "The atmosphere is unmatched and the shisha is perfect for long evenings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25717.jpg",
|
||||
},
|
||||
id: "5", name: "Maria L.", handle: "Food Blogger", testimonial: "The atmosphere is unmatched and the shisha is perfect for long evenings.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25717.jpg"},
|
||||
]}
|
||||
title="Loved by locals. Trusted by regulars."
|
||||
description="Our commitment to quality, warmth, and service brings customers back time and again."
|
||||
@@ -221,63 +139,32 @@ export default function LandingPage() {
|
||||
description="We are more than just a restaurant; we are a destination. From our freshly sourced ingredients to our meticulously trained staff, everything we do is aimed at creating memorable evenings, relaxed gatherings, and perfect dates."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728025.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728025.jpg"
|
||||
imageAlt="Upscale cafe atmosphere"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gourmet Mezze",
|
||||
price: "Fair Pricing",
|
||||
variant: "Food",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-eggplant-rolls-with-pomegranate-seeds-greens-white-plate_176474-3436.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Gourmet Mezze", price: "Fair Pricing", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-eggplant-rolls-with-pomegranate-seeds-greens-white-plate_176474-3436.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisanal Coffee",
|
||||
price: "Premium Quality",
|
||||
variant: "Beverage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096566.jpg",
|
||||
},
|
||||
id: "p2", name: "Artisanal Coffee", price: "Premium Quality", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096566.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Dessert",
|
||||
price: "Exceptional",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-minimalist-dark-plate_23-2148425563.jpg",
|
||||
},
|
||||
id: "p3", name: "Signature Dessert", price: "Exceptional", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-minimalist-dark-plate_23-2148425563.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Premium Shisha",
|
||||
price: "Top Tier",
|
||||
variant: "Lounge",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191826.jpg",
|
||||
},
|
||||
id: "p4", name: "Premium Shisha", price: "Top Tier", variant: "Lounge", imageSrc: "http://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191826.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Main Course",
|
||||
price: "Perfectly Seasoned",
|
||||
variant: "Food",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-milk-plate-cookies_1252-13.jpg",
|
||||
},
|
||||
id: "p5", name: "Main Course", price: "Perfectly Seasoned", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/glass-milk-plate-cookies_1252-13.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mocktail Selection",
|
||||
price: "Refreshing",
|
||||
variant: "Beverage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/milk-white-chocolate-chips-plate_23-2148238812.jpg",
|
||||
},
|
||||
id: "p6", name: "Mocktail Selection", price: "Refreshing", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/milk-white-chocolate-chips-plate_23-2148238812.jpg"},
|
||||
]}
|
||||
title="Exceptional Flavors"
|
||||
description="A curated culinary experience designed to delight your senses."
|
||||
@@ -291,40 +178,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Exceptional Service",
|
||||
description: "Professional, attentive staff who anticipate your needs.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-sisters-domla-with-eggplant-tomato-green-bell-pepper_114579-2557.jpg",
|
||||
},
|
||||
title: "Exceptional Service", description: "Professional, attentive staff who anticipate your needs.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-sisters-domla-with-eggplant-tomato-green-bell-pepper_114579-2557.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-delicious-chocolate-cake-plate_23-2148161580.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg?_wi=2",
|
||||
imageAlt: "lebanese food plating premium presentation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-delicious-chocolate-cake-plate_23-2148161580.jpg"},
|
||||
reverse: false,
|
||||
items: []
|
||||
},
|
||||
{
|
||||
title: "Cozy Ambiance",
|
||||
description: "Warm lighting, soft music, and an elegant, intimate setting.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-jewish-food-plate_23-2148814496.jpg",
|
||||
},
|
||||
title: "Cozy Ambiance", description: "Warm lighting, soft music, and an elegant, intimate setting.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-jewish-food-plate_23-2148814496.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-73601.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728025.jpg?_wi=2",
|
||||
imageAlt: "lebanese food plating premium presentation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-73601.jpg"},
|
||||
reverse: false,
|
||||
items: []
|
||||
},
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "Fresh, locally sourced, and perfectly seasoned dishes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yarpaq-dolmas-traditional-caucasian-dolma-white-plate_114579-2032.jpg",
|
||||
},
|
||||
title: "Premium Ingredients", description: "Fresh, locally sourced, and perfectly seasoned dishes.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yarpaq-dolmas-traditional-caucasian-dolma-white-plate_114579-2032.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-black-tshirt-smoking-hookah-indoor-bar-arab-model-having-rest_627829-2848.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-eggplant-rolls-with-pomegranate-seeds-greens-white-plate_176474-3436.jpg?_wi=2",
|
||||
imageAlt: "lebanese food plating premium presentation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-black-tshirt-smoking-hookah-indoor-bar-arab-model-having-rest_627829-2848.jpg"},
|
||||
reverse: false,
|
||||
items: []
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -347,16 +222,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Reservations"
|
||||
title="Reserve Your Table Tonight"
|
||||
description="Make your next evening in Zahle special. Limited seating available for peak hours."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:+96100000000",
|
||||
},
|
||||
text: "Book Now", href: "tel:+96100000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -365,13 +237,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Sahar Resto"
|
||||
leftLink={{
|
||||
text: "Contact",
|
||||
href: "tel:+96100000000",
|
||||
}}
|
||||
text: "Contact", href: "tel:+96100000000"}}
|
||||
rightLink={{
|
||||
text: "Location",
|
||||
href: "https://maps.google.com",
|
||||
}}
|
||||
text: "Location", href: "https://maps.google.com"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user