Merge version_1 into main #2
328
src/app/page.tsx
328
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Casimbo"
|
||||
/>
|
||||
@@ -57,75 +45,15 @@ export default function LandingPage() {
|
||||
title="Authentic Flavors, Convenient Dining in Addis Ababa"
|
||||
description="Enjoy fresh cuisine with flexible dinein and takeaway options. Open daily until 10 PM—order online or reserve your table now."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sara B.",
|
||||
handle: "@sarab",
|
||||
testimonial: "The best dining experience in the city. The food is always fresh!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "My go-to place for business lunches. Consistent and delicious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike A.",
|
||||
handle: "@mikea",
|
||||
testimonial: "Fast takeaway and great quality. Highly recommend the local specialties.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-having-good-time_23-2148395358.jpg",
|
||||
},
|
||||
{
|
||||
name: "Helen W.",
|
||||
handle: "@helenw",
|
||||
testimonial: "Beautiful atmosphere and incredible service. Will return soon.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg",
|
||||
},
|
||||
{
|
||||
name: "Daniel T.",
|
||||
handle: "@danielt",
|
||||
testimonial: "Fantastic variety and perfectly cooked meals every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6156.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-cup-restaurant-s-table_74190-10275.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3453.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wine-glass_74190-1311.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-tables-with-cozy-decor_23-2147764388.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-barista-making-cappuccino-pouring-steamed-milk-latte-art-into-cup-give_1258-203427.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
{ name: "Sara B.", handle: "@sarab", testimonial: "The best dining experience in the city. The food is always fresh!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg" },
|
||||
{ name: "John D.", handle: "@johnd", testimonial: "My go-to place for business lunches. Consistent and delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg" },
|
||||
{ name: "Mike A.", handle: "@mikea", testimonial: "Fast takeaway and great quality. Highly recommend the local specialties.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-having-good-time_23-2148395358.jpg" },
|
||||
{ name: "Helen W.", handle: "@helenw", testimonial: "Beautiful atmosphere and incredible service. Will return soon.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg" },
|
||||
{ name: "Daniel T.", handle: "@danielt", testimonial: "Fantastic variety and perfectly cooked meals every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Reserve Now", href: "#contact" }, { text: "Order Online", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6156.jpg"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/coffee-cup-restaurant-s-table_74190-10275.jpg", alt: "Customer profile 1" }, { src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3453.jpg", alt: "Customer profile 2" }, { src: "http://img.b2bpic.net/free-photo/wine-glass_74190-1311.jpg", alt: "Customer profile 3" }, { src: "http://img.b2bpic.net/free-photo/restaurant-tables-with-cozy-decor_23-2147764388.jpg", alt: "Customer profile 4" }, { src: "http://img.b2bpic.net/free-photo/beautiful-young-female-barista-making-cappuccino-pouring-steamed-milk-latte-art-into-cup-give_1258-203427.jpg", alt: "Customer profile 5" }]}
|
||||
avatarText="Trusted by 10,000+ local food lovers"
|
||||
/>
|
||||
</div>
|
||||
@@ -134,23 +62,7 @@ export default function LandingPage() {
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A Passion for Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experienced",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Daily Visitors",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Customers",
|
||||
value: "10k+",
|
||||
},
|
||||
]}
|
||||
metrics={[{ icon: Award, label: "Years Experienced", value: "10+" }, { icon: Coffee, label: "Daily Visitors", value: "500+" }, { icon: Smile, label: "Happy Customers", value: "10k+" }]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -162,48 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Coffee",
|
||||
price: "$3.50",
|
||||
variant: "Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-beverage-with-drink_23-2148349636.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fresh Pastry",
|
||||
price: "$4.00",
|
||||
variant: "Bakery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-meat-sauce-with-fried-vegetables-fried-onions-with-top-hot-pepper_141793-5012.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gourmet Sandwich",
|
||||
price: "$8.50",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-bread-cheese-tomato-cucumber-sausage-greens-flat-lay-wooden-table_176474-8298.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Steak Special",
|
||||
price: "$15.00",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee_23-2149703761.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Garden Salad",
|
||||
price: "$7.00",
|
||||
variant: "Side",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tagliatelle-with-cream-sauce-salmon_140725-2219.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Italian Pasta",
|
||||
price: "$12.00",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-man-making-cup-cappuccino_181624-58109.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Signature Coffee", price: "$3.50", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-beverage-with-drink_23-2148349636.jpg" },
|
||||
{ id: "p2", name: "Fresh Pastry", price: "$4.00", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/side-view-meat-sauce-with-fried-vegetables-fried-onions-with-top-hot-pepper_141793-5012.jpg" },
|
||||
{ id: "p3", name: "Gourmet Sandwich", price: "$8.50", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-bread-cheese-tomato-cucumber-sausage-greens-flat-lay-wooden-table_176474-8298.jpg" },
|
||||
{ id: "p4", name: "Steak Special", price: "$15.00", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee_23-2149703761.jpg" },
|
||||
{ id: "p5", name: "Garden Salad", price: "$7.00", variant: "Side", imageSrc: "http://img.b2bpic.net/free-photo/tagliatelle-with-cream-sauce-salmon_140725-2219.jpg" },
|
||||
{ id: "p6", name: "Italian Pasta", price: "$12.00", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-man-making-cup-cappuccino_181624-58109.jpg" }
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our wide variety of dishes made with fresh, locally sourced ingredients."
|
||||
@@ -215,56 +91,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sara B.",
|
||||
date: "2023-10-01",
|
||||
title: "Regular Guest",
|
||||
quote: "Consistently great food.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6156.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John D.",
|
||||
date: "2023-09-25",
|
||||
title: "Business Pro",
|
||||
quote: "Quick, delicious, and easy.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-home-eating-togheter_23-2149105998.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-baker-working-with-dough_23-2150014868.jpg",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike A.",
|
||||
date: "2023-09-20",
|
||||
title: "Foodie",
|
||||
quote: "Love the local specialties.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-beverage-with-drink_23-2148349636.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Helen W.",
|
||||
date: "2023-09-15",
|
||||
title: "Regular Guest",
|
||||
quote: "My favorite spot in town.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-friends-enjoying-time-together_23-2148395394.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-meat-sauce-with-fried-vegetables-fried-onions-with-top-hot-pepper_141793-5012.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Daniel T.",
|
||||
date: "2023-09-10",
|
||||
title: "Tourist",
|
||||
quote: "Excellent experience overall.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-bread-cheese-tomato-cucumber-sausage-greens-flat-lay-wooden-table_176474-8298.jpg?_wi=2",
|
||||
imageAlt: "happy customer dining restaurant",
|
||||
},
|
||||
{ id: "t1", name: "Sara B.", date: "2023-10-01", title: "Regular Guest", quote: "Consistently great food.", tag: "Top Rated", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
|
||||
{ id: "t2", name: "John D.", date: "2023-09-25", title: "Business Pro", quote: "Quick, delicious, and easy.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/couple-home-eating-togheter_23-2149105998.jpg" },
|
||||
{ id: "t3", name: "Mike A.", date: "2023-09-20", title: "Foodie", quote: "Love the local specialties.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg" },
|
||||
{ id: "t4", name: "Helen W.", date: "2023-09-15", title: "Regular Guest", quote: "My favorite spot in town.", tag: "Returning", avatarSrc: "http://img.b2bpic.net/free-photo/young-friends-enjoying-time-together_23-2148395394.jpg" },
|
||||
{ id: "t5", name: "Daniel T.", date: "2023-09-10", title: "Tourist", quote: "Excellent experience overall.", tag: "Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg" }
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Real feedback from our cherished community."
|
||||
@@ -277,36 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Freshness Guaranteed",
|
||||
items: [
|
||||
"Local produce",
|
||||
"Organic",
|
||||
"Zero preservatives",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10 min",
|
||||
title: "Avg. Order Time",
|
||||
items: [
|
||||
"Efficient kitchen",
|
||||
"Professional staff",
|
||||
"Seamless workflow",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Customer Support",
|
||||
items: [
|
||||
"Always available",
|
||||
"Dedicated team",
|
||||
"Fast response",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Freshness Guaranteed", items: ["Local produce", "Organic", "Zero preservatives"] },
|
||||
{ id: "m2", value: "10 min", title: "Avg. Order Time", items: ["Efficient kitchen", "Professional staff", "Seamless workflow"] },
|
||||
{ id: "m3", value: "24/7", title: "Customer Support", items: ["Always available", "Dedicated team", "Fast response"] }
|
||||
]}
|
||||
title="Serving Quality Daily"
|
||||
description="Our numbers reflect our commitment to great service."
|
||||
@@ -316,23 +120,7 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer takeaways?",
|
||||
content: "Yes, we offer convenient takeaway services for all our menu items.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I reserve a table?",
|
||||
content: "Absolutely, use the reserve button or call us to book your spot.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open daily from 8 AM to 10 PM.",
|
||||
},
|
||||
]}
|
||||
faqs={[{ id: "f1", title: "Do you offer takeaways?", content: "Yes, we offer convenient takeaway services for all our menu items." }, { id: "f2", title: "Can I reserve a table?", content: "Absolutely, use the reserve button or call us to book your spot." }, { id: "f3", title: "What are your operating hours?", content: "We are open daily from 8 AM to 10 PM." }]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Get answers to your common questions about ordering and reservations."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -342,71 +130,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Visit us at our Addis Ababa location or order online for delivery today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve a Table", href: "#" }, { text: "Order Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#products" }, { label: "Contact", href: "#contact" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }, { items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] }]}
|
||||
logoText="Casimbo Cafe"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user