Update src/app/page.tsx
This commit is contained in:
181
src/app/page.tsx
181
src/app/page.tsx
@@ -25,105 +25,100 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Twenty Two Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Twenty Two Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshness in Every Sip & Bite"
|
||||
description="Experience our signature smoothies, premium coffee, and healthy sandwiches in a cozy Laval neighborhood retreat."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg"
|
||||
imageAlt="Cozy cafe interior"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshness in Every Sip & Bite"
|
||||
description="Experience our signature smoothies, premium coffee, and healthy sandwiches in a cozy Laval neighborhood retreat."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg"
|
||||
imageAlt="Cozy cafe interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Great vibes!", quote: "Similar to Joe & The Juice. Fresh and tasty tunacado!", name: "Faf", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg"},
|
||||
{
|
||||
id: "2", title: "Lovely spot", quote: "Great staff with excellent selection.", name: "Sarah", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-student-casual-t-shirt-trendy-hat-listening-new-album-his-favourite-artist-earphones-using-online-music-app-cell-phone_273609-1964.jpg"},
|
||||
{
|
||||
id: "3", title: "Very cozy", quote: "Perfect for a cozy meeting or a date.", name: "Michael", role: "Local Patron", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-book-drinking-coffee_1303-21576.jpg"},
|
||||
{
|
||||
id: "4", title: "Nice experience", quote: "Slightly pricey but worth the quality and service.", name: "Lidy P", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-holds-cup-coffee-prepare-drinks-clients-cafe-working-s_1258-138290.jpg"},
|
||||
{
|
||||
id: "5", title: "A1 Atmosphere", quote: "The ambiance is perfect for relaxing.", name: "Alex", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"}
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Real experiences from our lovely customers in Laval."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Great vibes!", quote: "Similar to Joe & The Juice. Fresh and tasty tunacado!", name: "Faf", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg" },
|
||||
{ id: "2", title: "Lovely spot", quote: "Great staff with excellent selection.", name: "Sarah", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-student-casual-t-shirt-trendy-hat-listening-new-album-his-favourite-artist-earphones-using-online-music-app-cell-phone_273609-1964.jpg" },
|
||||
{ id: "3", title: "Very cozy", quote: "Perfect for a cozy meeting or a date.", name: "Michael", role: "Local Patron", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-book-drinking-coffee_1303-21576.jpg" },
|
||||
{ id: "4", title: "Nice experience", quote: "Slightly pricey but worth the quality and service.", name: "Lidy P", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-holds-cup-coffee-prepare-drinks-clients-cafe-working-s_1258-138290.jpg" },
|
||||
{ id: "5", title: "A1 Atmosphere", quote: "The ambiance is perfect for relaxing.", name: "Alex", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" }
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Real experiences from our lovely customers in Laval."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is there parking available?", content: "Yes, parking is available. Please ask our staff to open the gate for you." },
|
||||
{ id: "f2", title: "Do you offer Wi-Fi?", content: "Yes, we provide Wi-Fi for our guests, perfect for quick work sessions." },
|
||||
{ id: "f3", title: "Are you open for takeout?", content: "Absolutely! We offer dine-in, takeout, and delivery services." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is there parking available?", content: "Yes, parking is available. Please ask our staff to open the gate for you." },
|
||||
{ id: "f2", title: "Do you offer Wi-Fi?", content: "Yes, we provide Wi-Fi for our guests, perfect for quick work sessions." },
|
||||
{ id: "f3", title: "Are you open for takeout?", content: "Absolutely! We offer dine-in, takeout, and delivery services." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Loved by Locals"
|
||||
description="Joining the vibrant Laval scene with a commitment to quality."
|
||||
names={["Laval Daily", "Quebec Cuisine", "Coffee Culture", "Healthy Eats", "The Daily Grind"]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Loved by Locals"
|
||||
description="Joining the vibrant Laval scene with a commitment to quality."
|
||||
names={["Laval Daily", "Quebec Cuisine", "Coffee Culture", "Healthy Eats", "The Daily Grind"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductDetailCard
|
||||
layout="default"
|
||||
name="Twenty Two Signature Blend"
|
||||
price="$15.00"
|
||||
images={["http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg"]}
|
||||
buttons={[{ text: "Add to Cart" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductDetailCard
|
||||
layout="default"
|
||||
name="Twenty Two Signature Blend"
|
||||
price="$15.00"
|
||||
images={["http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg"]}
|
||||
buttons={[{ text: "Add to Cart" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Twenty Two Cafe"
|
||||
copyrightText="© 2025 Twenty Two Cafe. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Twenty Two Cafe"
|
||||
copyrightText="© 2025 Twenty Two Cafe. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user