Merge version_2 into main #2
228
src/app/page.tsx
228
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Canvas Restaurant"
|
||||
/>
|
||||
@@ -52,117 +44,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Culinary Art in the Heart of Addis"
|
||||
description="Canvas Restaurant brings you an exquisite fusion experience in Mexico, Addis Ababa. Discover fine dining where every plate is a masterpiece of taste and tradition."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=1",
|
||||
imageAlt: "Canvas Restaurant Interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=1", imageAlt: "Canvas Restaurant Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=1",
|
||||
imageAlt: "Gourmet Dish 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=1", imageAlt: "Gourmet Dish 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=1",
|
||||
imageAlt: "Gourmet Dish 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=1", imageAlt: "Gourmet Dish 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=1",
|
||||
imageAlt: "Gourmet Dish 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=1", imageAlt: "Gourmet Dish 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg?_wi=1",
|
||||
imageAlt: "Head Chef",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg?_wi=1", imageAlt: "Head Chef"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=2",
|
||||
imageAlt: "Canvas Restaurant Atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=2", imageAlt: "Canvas Restaurant Atmosphere"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=3",
|
||||
imageAlt: "Canvas Restaurant Interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=3", imageAlt: "Canvas Restaurant Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=2",
|
||||
imageAlt: "Gourmet Dish 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=2", imageAlt: "Gourmet Dish 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=2",
|
||||
imageAlt: "Gourmet Dish 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=2", imageAlt: "Gourmet Dish 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=2",
|
||||
imageAlt: "Gourmet Dish 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=2", imageAlt: "Gourmet Dish 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg?_wi=2",
|
||||
imageAlt: "Head Chef",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg?_wi=2", imageAlt: "Head Chef"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=4",
|
||||
imageAlt: "Canvas Restaurant Atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg?_wi=4", imageAlt: "Canvas Restaurant Atmosphere"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Table", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg", alt: "Guest 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg", alt: "Guest 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg", alt: "Guest 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3192.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3192.jpg", alt: "Guest 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg",
|
||||
alt: "Chef",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg", alt: "Chef"},
|
||||
]}
|
||||
avatarText="Loved by 500+ gourmets"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg",
|
||||
alt: "Dish 1",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg", alt: "Dish 1"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg",
|
||||
alt: "Dish 2",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg", alt: "Dish 2"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg",
|
||||
alt: "Dish 3",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg", alt: "Dish 3"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg",
|
||||
alt: "Interior",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629586.jpg", alt: "Interior"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg",
|
||||
alt: "Kitchen",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg", alt: "Kitchen"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -175,17 +115,11 @@ export default function LandingPage() {
|
||||
description="Located in Mexico, Addis Ababa, Canvas Restaurant is dedicated to providing an unparalleled dining experience. Our AI-assisted service ensures your comfort from the moment you step in."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Artisan Ingredients",
|
||||
description: "Locally sourced, globally inspired produce.",
|
||||
},
|
||||
title: "Artisan Ingredients", description: "Locally sourced, globally inspired produce."},
|
||||
{
|
||||
title: "Modern Comfort",
|
||||
description: "A sophisticated space designed for deep conversation.",
|
||||
},
|
||||
title: "Modern Comfort", description: "A sophisticated space designed for deep conversation."},
|
||||
{
|
||||
title: "Smart Service",
|
||||
description: "Our AI receptionist streamlines your booking and inquiries.",
|
||||
},
|
||||
title: "AI Receptionist", description: "24/7 AI-powered assistance for reservations, table management, and instant culinary inquiries."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pastry-chef-standing-orange-cake_23-2148696228.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -200,23 +134,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Canvas Signature Roast",
|
||||
price: "850 ETB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Canvas Signature Roast", price: "850 ETB", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-smoked-salmon-salad-with-arugula-dill-restaurant_140725-10815.jpg?_wi=3"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mediterranean Fusion Salad",
|
||||
price: "450 ETB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=3",
|
||||
},
|
||||
id: "2", name: "Mediterranean Fusion Salad", price: "450 ETB", imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-plate-with-fresh-salad-wooden-surface_343596-5036.jpg?_wi=3"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ethiopian Spiced Medallion",
|
||||
price: "950 ETB",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=3",
|
||||
},
|
||||
id: "3", name: "Ethiopian Spiced Medallion", price: "950 ETB", imageSrc: "http://img.b2bpic.net/free-photo/meatball-sauce-topped-with-greenery_140725-1813.jpg?_wi=3"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Explore our curated selection of fusion delicacies crafted for the discerning palate."
|
||||
@@ -230,59 +152,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Abebe G.",
|
||||
role: "Food Critic",
|
||||
company: "Local Weekly",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Abebe G.", role: "Food Critic", company: "Local Weekly", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah M.",
|
||||
role: "Traveler",
|
||||
company: "Global Explorers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah M.", role: "Traveler", company: "Global Explorers", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "John D.",
|
||||
role: "Business Executive",
|
||||
company: "Tech Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
|
||||
},
|
||||
id: "3", name: "John D.", role: "Business Executive", company: "Tech Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tsehay B.",
|
||||
role: "Foodie",
|
||||
company: "Addis Blog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3192.jpg",
|
||||
},
|
||||
id: "4", name: "Tsehay B.", role: "Foodie", company: "Addis Blog", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3192.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
role: "Local Resident",
|
||||
company: "Addis Life",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Elena R.", role: "Local Resident", company: "Addis Life", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg?_wi=2"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9", label: "Rating"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Guests",
|
||||
},
|
||||
value: "500+", label: "Happy Guests"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Fresh Ingredients",
|
||||
},
|
||||
value: "100%", label: "Fresh Ingredients"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Real experiences from those who have savored the Canvas journey."
|
||||
@@ -293,16 +184,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready to Experience Canvas?"
|
||||
description="Book your table now with our seamless AI receptionist. We look forward to serving you in the heart of Mexico, Addis Ababa."
|
||||
variant: "radial-gradient"}}
|
||||
tag="Connect with AI Receptionist"
|
||||
title="24/7 AI-Assisted Booking"
|
||||
description="Need a table or have a specific inquiry? Our intelligent AI receptionist is ready to assist you instantly, 24/7. No waiting, just seamless service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Connect with Receptionist",
|
||||
href: "tel:+251111234567",
|
||||
},
|
||||
text: "Launch AI Assistant", href: "#ai-chat"},
|
||||
{
|
||||
text: "Call Restaurant", href: "tel:+251111234567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,16 +201,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Canvas Restaurant"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "AI Receptionist Info", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user