Merge version_4 into main #3
116
src/app/page.tsx
116
src/app/page.tsx
@@ -30,14 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Hours", id: "#hours"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Hours", id: "#hours" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Lolo Café"
|
||||
/>
|
||||
@@ -47,23 +43,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Lolo Café"
|
||||
description="Vintage café in the heart of Little Italy. Classic coffees, artisan lattes, and fresh pastries in a cozy, welcoming atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg", imageAlt: "Cafe ambiance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg", imageAlt: "Pastries display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg", imageAlt: "Coffee perfection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-croissants-plate-with-coffee_23-2148696272.jpg", imageAlt: "Refreshers display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg", imageAlt: "Vintage interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-cake-with-cup-hot-coffee-coffee-shop_1150-6438.jpg", imageAlt: "Morning pastries"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg", imageAlt: "Cafe ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg", imageAlt: "Pastries display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg", imageAlt: "Coffee perfection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-croissants-plate-with-coffee_23-2148696272.jpg", imageAlt: "Refreshers display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg", imageAlt: "Vintage interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheese-cake-with-cup-hot-coffee-coffee-shop_1150-6438.jpg", imageAlt: "Morning pastries" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -83,18 +70,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Cappuccino", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-vintage-grinder-cookie-coffee-beans-turkish-cofee-old-wooden-table_181624-48095.jpg"},
|
||||
{
|
||||
id: "2", name: "Iced Coffee", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-holidays-sipping-fresh-drink-attractive-caucasian-female-trendy-round-shades-drinking-non-alcoholic-cocktail_273609-1913.jpg"},
|
||||
{
|
||||
id: "3", name: "Cinnamon Vanilla Tea", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-inside-plate-cup-dark-background-tea-drink-color-photo-sweet_140725-55787.jpg"},
|
||||
{
|
||||
id: "4", name: "Pistachio Latte", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-lime-milkshake_23-2148635710.jpg"},
|
||||
{
|
||||
id: "5", name: "Plain Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-syrup-pie-served-with-cup-tea_114579-61842.jpg"},
|
||||
{
|
||||
id: "6", name: "Mango Refresher", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/fruit-drink-pink-beverage-strawberry_1339-59.jpg"},
|
||||
{ id: "1", name: "Cappuccino", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-vintage-grinder-cookie-coffee-beans-turkish-cofee-old-wooden-table_181624-48095.jpg" },
|
||||
{ id: "2", name: "Iced Coffee", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-holidays-sipping-fresh-drink-attractive-caucasian-female-trendy-round-shades-drinking-non-alcoholic-cocktail_273609-1913.jpg" },
|
||||
{ id: "3", name: "Cinnamon Vanilla Tea", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-inside-plate-cup-dark-background-tea-drink-color-photo-sweet_140725-55787.jpg" },
|
||||
{ id: "4", name: "Pistachio Latte", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-lime-milkshake_23-2148635710.jpg" },
|
||||
{ id: "5", name: "Plain Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-syrup-pie-served-with-cup-tea_114579-61842.jpg" },
|
||||
{ id: "6", name: "Mango Refresher", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/fruit-drink-pink-beverage-strawberry_1339-59.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Indulge in our classic espresso blends, signature lattes, and fresh baked goods."
|
||||
@@ -107,12 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "10:30am - 11pm", title: "Friday/Saturday", description: "Extended hours for your weekend cravings.", imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211472.jpg"},
|
||||
{
|
||||
id: "2", value: "10:30am - 10pm", title: "Tue-Thu/Sun", description: "Your daily caffeine and pastry fix.", imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-wall-background-with-shelves-old-coffee-cup_1150-6333.jpg"},
|
||||
{
|
||||
id: "3", value: "Closed", title: "Monday", description: "Taking time to rest and reset.", imageSrc: "http://img.b2bpic.net/free-photo/2-cups-coffee-serving-tray-with-decorative-items-white_176474-4958.jpg"},
|
||||
{ id: "1", value: "10:30am - 11pm", title: "Friday/Saturday", description: "Extended hours for your weekend cravings.", imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211472.jpg" },
|
||||
{ id: "2", value: "10:30am - 10pm", title: "Tue-Thu/Sun", description: "Your daily caffeine and pastry fix.", imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-wall-background-with-shelves-old-coffee-cup_1150-6333.jpg" },
|
||||
{ id: "3", value: "Closed", title: "Monday", description: "Taking time to rest and reset.", imageSrc: "http://img.b2bpic.net/free-photo/2-cups-coffee-serving-tray-with-decorative-items-white_176474-4958.jpg" },
|
||||
]}
|
||||
title="Opening Hours"
|
||||
description="Come visit us in the heart of Little Italy."
|
||||
@@ -125,21 +103,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah", handle: "@sarah_w", testimonial: "The best pistachio latte in Windsor! The vibe is so cozy and vintage.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-takeaway-coffee-cup_23-2147906467.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark", handle: "@mark_d", testimonial: "Great spot for Gilmore Girls inspired lattes. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-winter-coziness-arrangement_23-2148715936.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily", handle: "@emily_r", testimonial: "Fresh croissants and amazing Turkish coffee. My go-to morning spot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg"},
|
||||
{
|
||||
id: "4", name: "James", handle: "@james_c", testimonial: "Authentic Little Italy charm. The staff is always so welcoming.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving_1258-199256.jpg"},
|
||||
{
|
||||
id: "5", name: "Olivia", handle: "@olivia_b", testimonial: "Wonderful atmosphere, perfect for reading with a cup of tea.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg"},
|
||||
{ id: "1", name: "Sarah", handle: "@sarah_w", testimonial: "The best pistachio latte in Windsor! The vibe is so cozy and vintage.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-takeaway-coffee-cup_23-2147906467.jpg" },
|
||||
{ id: "2", name: "Mark", handle: "@mark_d", testimonial: "Great spot for Gilmore Girls inspired lattes. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-winter-coziness-arrangement_23-2148715936.jpg" },
|
||||
{ id: "3", name: "Emily", handle: "@emily_r", testimonial: "Fresh croissants and amazing Turkish coffee. My go-to morning spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg" },
|
||||
{ id: "4", name: "James", handle: "@james_c", testimonial: "Authentic Little Italy charm. The staff is always so welcoming.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving_1258-199256.jpg" },
|
||||
{ id: "5", name: "Olivia", handle: "@olivia_b", testimonial: "Wonderful atmosphere, perfect for reading with a cup of tea.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Community Says"
|
||||
@@ -151,12 +119,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do you offer vegan options?", content: "Yes, we offer several plant-based milk alternatives and some pastries."},
|
||||
{
|
||||
id: "2", title: "Is there outdoor seating?", content: "During warmer months, we do have a lovely patio area."},
|
||||
{
|
||||
id: "3", title: "Can I reserve a table?", content: "We operate on a walk-in basis, but feel free to call ahead for group inquiries."},
|
||||
{ id: "1", title: "Do you offer vegan options?", content: "Yes, we offer several plant-based milk alternatives and some pastries." },
|
||||
{ id: "2", title: "Is there outdoor seating?", content: "During warmer months, we do have a lovely patio area." },
|
||||
{ id: "3", title: "Can I reserve a table?", content: "We operate on a walk-in basis, but feel free to call ahead for group inquiries." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -166,15 +131,14 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Visit Us Today"
|
||||
description="769 Erie St E Unit C, Windsor, Ontario N9A 3Y3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-young-woman-uses-smartphone-christmas-online-shopping_169016-16942.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Get Directions"
|
||||
onSubmit={(email) => window.open("https://www.google.com/maps/dir/?api=1&destination=769+Erie+St+E+Unit+C+Windsor+Ontario", "_blank")}
|
||||
onSubmit={() => window.open("https://www.google.com/maps/dir/?api=1&destination=769+Erie+St+E+Unit+C+Windsor+Ontario", "_blank")}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -182,22 +146,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Lolo Café"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Coffee", href: "#menu"},
|
||||
{
|
||||
label: "Pastries", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Coffee", href: "#menu" }, { label: "Pastries", href: "#menu" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Lolo Café | Windsor, ON"
|
||||
/>
|
||||
@@ -205,4 +155,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user