Merge version_1 into main #1
190
src/app/page.tsx
190
src/app/page.tsx
@@ -30,69 +30,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "visit",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Visit", id: "visit" },
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
brandName="Cafe Bistro Napoli"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Flavors, Montreal Heart."
|
||||
description="Since 2016, we've been crafting memories through fresh ingredients, traditional Italian recipes, and a warm, neighborhood spirit."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-street-istanbul-turkey_628469-67.jpg",
|
||||
imageAlt: "Cafe ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg",
|
||||
imageAlt: "Steak Panini",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244122.jpg",
|
||||
imageAlt: "Cappuccino",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-vegetable-casserole-with-zucchini-mushrooms-cherry-tomatoes_2829-11069.jpg",
|
||||
imageAlt: "Lasagna",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-fresh-salad-assortment_23-2148537197.jpg",
|
||||
imageAlt: "Fresh Salad",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ice-creams-with-fruits_23-2148507950.jpg",
|
||||
imageAlt: "Gelato",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-street-istanbul-turkey_628469-67.jpg", imageAlt: "Cafe ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg", imageAlt: "Steak Panini" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244122.jpg", imageAlt: "Cappuccino" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-vegetable-casserole-with-zucchini-mushrooms-cherry-tomatoes_2829-11069.jpg", imageAlt: "Lasagna" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-fresh-salad-assortment_23-2148537197.jpg", imageAlt: "Fresh Salad" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-ice-creams-with-fruits_23-2148507950.jpg", imageAlt: "Gelato" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -112,42 +72,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Steak Panini",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-delicious-food-assortment_23-2149141340.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cappuccino",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zebra-pattern-biscuits-cup-tea-marble-surface_114579-73344.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lasagna",
|
||||
price: "$19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-platter-with-grapes-glass-red-wine_114579-1782.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Garden Salad",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plate-with-keto-diet-food-nuts_23-2149260311.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gelato Cup",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-cup-brazilian-dessert-with-berries_23-2149871594.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pastry Selection",
|
||||
price: "$5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissants-wooden-box-jam-pot-aside-grey-table_176420-274.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Steak Panini", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-delicious-food-assortment_23-2149141340.jpg" },
|
||||
{ id: "p2", name: "Cappuccino", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/zebra-pattern-biscuits-cup-tea-marble-surface_114579-73344.jpg" },
|
||||
{ id: "p3", name: "Lasagna", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/cheese-platter-with-grapes-glass-red-wine_114579-1782.jpg" },
|
||||
{ id: "p4", name: "Garden Salad", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plate-with-keto-diet-food-nuts_23-2149260311.jpg" },
|
||||
{ id: "p5", name: "Gelato Cup", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/tasty-cup-brazilian-dessert-with-berries_23-2149871594.jpg" },
|
||||
{ id: "p6", name: "Pastry Selection", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/croissants-wooden-box-jam-pot-aside-grey-table_176420-274.jpg" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Freshly prepared daily with love."
|
||||
@@ -161,17 +91,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No artificial preservatives",
|
||||
"Zero frozen shortcuts",
|
||||
"No noisy, rushed environment",
|
||||
],
|
||||
"No artificial preservatives", "Zero frozen shortcuts", "No noisy, rushed environment"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fresh, locally sourced produce",
|
||||
"Traditional family recipes",
|
||||
"Warm, European-style ambiance",
|
||||
],
|
||||
"Fresh, locally sourced produce", "Traditional family recipes", "Warm, European-style ambiance"],
|
||||
}}
|
||||
title="The Napoli Difference"
|
||||
description="Why locals choose us daily."
|
||||
@@ -180,44 +104,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Abbey Bickell",
|
||||
role: "Customer",
|
||||
testimonial: "Best coffee I’ve had in Canada so far. Amazing sandwiches made with fresh ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-waitress-cafe-uniform-giving-you-cup-coffee-prepare_1258-199297.jpg",
|
||||
},
|
||||
id: "t1", name: "Abbey Bickell", role: "Customer", testimonial: "Best coffee I’ve had in Canada so far. Amazing sandwiches made with fresh ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-waitress-cafe-uniform-giving-you-cup-coffee-prepare_1258-199297.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mamzelle Dark",
|
||||
role: "Customer",
|
||||
testimonial: "Petit café de quartier très chaleureux et convivial. Ils te traitent comme un ami.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg",
|
||||
},
|
||||
id: "t2", name: "Mamzelle Dark", role: "Customer", testimonial: "Petit café de quartier très chaleureux et convivial. Ils te traitent comme un ami.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Kaila",
|
||||
role: "Customer",
|
||||
testimonial: "The atmosphere was fantastic, laid back and friendly — reminded me of being back in Europe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-giving-out-order-cafe-inviting-guest-pick-up-takeaway_1258-199328.jpg",
|
||||
},
|
||||
id: "t3", name: "Kaila", role: "Customer", testimonial: "The atmosphere was fantastic, laid back and friendly — reminded me of being back in Europe.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-giving-out-order-cafe-inviting-guest-pick-up-takeaway_1258-199328.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marc L.",
|
||||
role: "Customer",
|
||||
testimonial: "Un endroit parfait pour un lunch rapide mais de grande qualité.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12707.jpg",
|
||||
},
|
||||
id: "t4", name: "Marc L.", role: "Customer", testimonial: "Un endroit parfait pour un lunch rapide mais de grande qualité.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12707.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah P.",
|
||||
role: "Customer",
|
||||
testimonial: "Always consistent, always delicious. My go-to spot in the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-women-laughing-while-having-coffee_23-2148850659.jpg",
|
||||
},
|
||||
id: "t5", name: "Sarah P.", role: "Customer", testimonial: "Always consistent, always delicious. My go-to spot in the city.", imageSrc: "http://img.b2bpic.net/free-photo/two-women-laughing-while-having-coffee_23-2148850659.jpg"},
|
||||
]}
|
||||
title="What Our Friends Say"
|
||||
description="Testimonials from our valued community."
|
||||
@@ -230,20 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we offer catering for office lunches and events. Please contact us 48 hours in advance.",
|
||||
},
|
||||
id: "q1", title: "Do you offer catering?", content: "Yes, we offer catering for office lunches and events. Please contact us 48 hours in advance."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We prioritize locally sourced, fresh, and high-quality ingredients, with many organic components.",
|
||||
},
|
||||
id: "q2", title: "Are your ingredients organic?", content: "We prioritize locally sourced, fresh, and high-quality ingredients, with many organic components."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you have gluten-free options?",
|
||||
content: "We have several gluten-friendly options available. Please ask our staff when ordering.",
|
||||
},
|
||||
id: "q3", title: "Do you have gluten-free options?", content: "We have several gluten-friendly options available. Please ask our staff when ordering."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Quick answers to common questions."
|
||||
@@ -254,32 +145,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Come Say Hello"
|
||||
description="We are open daily at the heart of Montreal. Come experience the bistro spirit."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#visit",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#visit" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Cafe Bistro Napoli"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Instagram",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Instagram", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user