Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 50a50d3166 |
295
src/app/page.tsx
295
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Story",
|
||||
id: "#story",
|
||||
},
|
||||
name: "Story", id: "#story"},
|
||||
{
|
||||
name: "Find Us",
|
||||
id: "#location",
|
||||
},
|
||||
name: "Find Us", id: "#location"},
|
||||
]}
|
||||
brandName="Chouchou Crepes"
|
||||
/>
|
||||
@@ -50,108 +44,63 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Born in Paris. Made for You."
|
||||
description="Indulge in handcrafted sweet and savory crêpes on Vancouver's historic waterfront. Open 24 hours to satisfy every craving, at any hour."
|
||||
description="Indulge in handcrafted sweet and savory crêpes on Vancouver's historic waterfront. Our Gastown location is open from 10 am to 4 pm. We are also available for farmers markets, movie sets, weddings, and private events!"
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bisquits-with-sliced-fruits-chocolate-syrup_141793-29.jpg",
|
||||
imageAlt: "Glistening crepe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bisquits-with-sliced-fruits-chocolate-syrup_141793-29.jpg", imageAlt: "Glistening crepe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/almond-banana-pancake_1339-8356.jpg",
|
||||
imageAlt: "Nutella banana crepe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/almond-banana-pancake_1339-8356.jpg", imageAlt: "Nutella banana crepe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-crepes-bed-with-jam_23-2148797012.jpg",
|
||||
imageAlt: "Ham and gruyere crepe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-crepes-bed-with-jam_23-2148797012.jpg", imageAlt: "Ham and gruyere crepe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-homemade-crepes-with-cup-hot-tea_114579-44095.jpg",
|
||||
imageAlt: "Glistening crepe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-homemade-crepes-with-cup-hot-tea_114579-44095.jpg", imageAlt: "Glistening crepe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-brazilian-food-arrangement_23-2148875203.jpg",
|
||||
imageAlt: "Nutella banana crepe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-brazilian-food-arrangement_23-2148875203.jpg", imageAlt: "Nutella banana crepe"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dogs-plate-flat-lay_23-2149455083.jpg",
|
||||
imageAlt: "Savory crepe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-corn-dogs-plate-flat-lay_23-2149455083.jpg", imageAlt: "Savory crepe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delightful-tasty-dessert-celebration_140725-113341.jpg",
|
||||
imageAlt: "Sweet crepe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delightful-tasty-dessert-celebration_140725-113341.jpg", imageAlt: "Sweet crepe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/russian-blinchik-with-crepes_114579-3119.jpg",
|
||||
imageAlt: "Nutella crepe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/russian-blinchik-with-crepes_114579-3119.jpg", imageAlt: "Nutella crepe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancake-fruit-with-ice-cream-table_1232-2396.jpg",
|
||||
imageAlt: "Savory crepe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancake-fruit-with-ice-cream-table_1232-2396.jpg", imageAlt: "Savory crepe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancake-topped-with-coconut-chips-sliced-fruits_140725-3797.jpg",
|
||||
imageAlt: "Sweet crepe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancake-topped-with-coconut-chips-sliced-fruits_140725-3797.jpg", imageAlt: "Sweet crepe"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Our Menu", href: "#menu"},
|
||||
{
|
||||
text: "Find Us",
|
||||
href: "#location",
|
||||
},
|
||||
text: "Find Us", href: "#location"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-tasty-kombucha_23-2150210071.jpg",
|
||||
alt: "Happy diner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-tasty-kombucha_23-2150210071.jpg", alt: "Happy diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-beautiful-woman-drinking-tea_23-2148375071.jpg",
|
||||
alt: "Happy diner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-beautiful-woman-drinking-tea_23-2148375071.jpg", alt: "Happy diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-girl-with-hat-posing_23-2148350111.jpg",
|
||||
alt: "Happy diner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-girl-with-hat-posing_23-2148350111.jpg", alt: "Happy diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-home-near-christmas-tree-with-her-beloved-pet-cat_132075-14775.jpg",
|
||||
alt: "Happy diner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-home-near-christmas-tree-with-her-beloved-pet-cat_132075-14775.jpg", alt: "Happy diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151311151.jpg",
|
||||
alt: "Happy diner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151311151.jpg", alt: "Happy diner"},
|
||||
]}
|
||||
avatarText="Loved by 1,000+ local night owls"
|
||||
avatarText="Loved by our community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 OPEN",
|
||||
},
|
||||
type: "text", text: "GASTOWN LOCATION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AUTHENTIC FRENCH",
|
||||
},
|
||||
type: "text", text: "FARMERS MARKETS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "GASTOWN WATERFRONT",
|
||||
},
|
||||
type: "text", text: "PRIVATE EVENTS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "HANDMADE BATTER",
|
||||
},
|
||||
type: "text", text: "HANDMADE BATTER"},
|
||||
{
|
||||
type: "text",
|
||||
text: "GOURMET DESSERTS",
|
||||
},
|
||||
type: "text", text: "GOURMET DESSERTS"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,12 +108,10 @@ export default function LandingPage() {
|
||||
<div id="story" data-section="story">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="The City Never Sleeps. Neither Do We."
|
||||
title="Crafting Happiness, One Crêpe at a Time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#story",
|
||||
},
|
||||
text: "Learn More", href: "#story"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,41 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nutella & Banana",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/almond-banana-pancake_1339-5293.jpg",
|
||||
},
|
||||
id: "1", name: "Nutella & Banana", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/almond-banana-pancake_1339-5293.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ham & Gruyère",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pastries-with-icing-inside-plate-dark-desk-pastry-bake-biscuit-sweet-cake-sugar_140725-80819.jpg",
|
||||
},
|
||||
id: "2", name: "Ham & Gruyère", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pastries-with-icing-inside-plate-dark-desk-pastry-bake-biscuit-sweet-cake-sugar_140725-80819.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lemon & Sugar",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pancakes-with-milk-nuts-dark-blue-surface_179666-44483.jpg",
|
||||
},
|
||||
id: "3", name: "Lemon & Sugar", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pancakes-with-milk-nuts-dark-blue-surface_179666-44483.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Smoked Salmon",
|
||||
price: "$16.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crepes-with-icing-sugar_1220-255.jpg",
|
||||
},
|
||||
id: "4", name: "Smoked Salmon", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/crepes-with-icing-sugar_1220-255.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Strawberry & Cream",
|
||||
price: "$13.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-with-sauce-greens-roasted-bell-peppers-glasses-fresh-juice-with-straws_181624-42066.jpg",
|
||||
},
|
||||
id: "5", name: "Strawberry & Cream", price: "$13.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-with-sauce-greens-roasted-bell-peppers-glasses-fresh-juice-with-straws_181624-42066.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mushroom & Brie",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-pastries-with-chocolate-cottage-cheese-dark-space_140725-75868.jpg",
|
||||
},
|
||||
id: "6", name: "Mushroom & Brie", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-pastries-with-chocolate-cottage-cheese-dark-space_140725-75868.jpg"},
|
||||
]}
|
||||
title="Signature Crêpes"
|
||||
description="Handmade with love, inspired by tradition."
|
||||
@@ -225,38 +148,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "24/7",
|
||||
title: "Service",
|
||||
items: [
|
||||
"Open round the clock",
|
||||
"Gastown location",
|
||||
"Waterfront views",
|
||||
],
|
||||
id: "1", value: "10am - 4pm", title: "Gastown Hours", items: [
|
||||
"Open daily", "73 Water St", "Waterfront views"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Fresh",
|
||||
title: "Tradition",
|
||||
items: [
|
||||
"Handmade batter",
|
||||
"Authentic style",
|
||||
"Daily specials",
|
||||
],
|
||||
id: "2", value: "Events", title: "Available For", items: [
|
||||
"Farmers Markets", "Movie Sets", "Weddings & Parties"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Unique",
|
||||
title: "Atmosphere",
|
||||
items: [
|
||||
"Romantic lighting",
|
||||
"Parisian vibe",
|
||||
"Cozy seating",
|
||||
],
|
||||
id: "3", value: "Fresh", title: "Tradition", items: [
|
||||
"Handmade batter", "Authentic style", "Daily ingredients"],
|
||||
},
|
||||
]}
|
||||
title="Always Open."
|
||||
description="From midnight cravings to Tuesday morning whims."
|
||||
title="Beyond the Shop."
|
||||
description="We bring the Chouchou experience to you."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -267,26 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Handmade with Love",
|
||||
subtitle: "Batter perfected",
|
||||
category: "Artisan",
|
||||
value: "Fresh",
|
||||
},
|
||||
id: "1", title: "Handmade with Love", subtitle: "Batter perfected", category: "Artisan", value: "Fresh"},
|
||||
{
|
||||
id: "2",
|
||||
title: "24 Hours Anytime",
|
||||
subtitle: "Any craving satisfied",
|
||||
category: "Always",
|
||||
value: "Open",
|
||||
},
|
||||
id: "2", title: "Event Catering", subtitle: "Weddings & Private events", category: "Available", value: "Mobile"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Waterfront Views",
|
||||
subtitle: "Steps from history",
|
||||
category: "Location",
|
||||
value: "Prime",
|
||||
},
|
||||
id: "3", title: "Waterfront Views", subtitle: "Gastown storefront", category: "Location", value: "Daily"},
|
||||
]}
|
||||
title="The Chouchou Experience"
|
||||
description="Luxury that feels like home."
|
||||
@@ -299,45 +189,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing",
|
||||
quote: "The best midnight spot in the city.",
|
||||
name: "Sarah J.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-teenage-girl-holding-coffee-cup_23-2147906553.jpg",
|
||||
},
|
||||
id: "1", title: "Amazing", quote: "The best spot in the city.", name: "Sarah J.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-teenage-girl-holding-coffee-cup_23-2147906553.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Parisian Vibes",
|
||||
quote: "Felt just like a cafe in Paris.",
|
||||
name: "Marc L.",
|
||||
role: "Tourist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151309994.jpg",
|
||||
},
|
||||
id: "2", title: "Parisian Vibes", quote: "Felt just like a cafe in Paris.", name: "Marc L.", role: "Tourist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151309994.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Delish",
|
||||
quote: "Savory crepes are absolute gold.",
|
||||
name: "Emily R.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg",
|
||||
},
|
||||
id: "3", title: "Delish", quote: "Savory crepes are absolute gold.", name: "Emily R.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "So romantic",
|
||||
quote: "Perfect for a late night date.",
|
||||
name: "David K.",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-18280.jpg",
|
||||
},
|
||||
id: "4", title: "So romantic", quote: "Perfect for a weekend date.", name: "David K.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-18280.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Unmatched",
|
||||
quote: "Friendly service at 3 AM!",
|
||||
name: "Chloe T.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-serving-cocktail-female-customer-sitting-restaurant_23-2147936269.jpg",
|
||||
},
|
||||
id: "5", title: "Unmatched", quote: "Friendly service every time!", name: "Chloe T.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-serving-cocktail-female-customer-sitting-restaurant_23-2147936269.jpg"},
|
||||
]}
|
||||
title="What our regulars say"
|
||||
description="Reviews from our lovely community."
|
||||
@@ -348,11 +208,10 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Find Chouchou"
|
||||
description="73 Water St, Vancouver. Steps from the historic Gastown waterfront."
|
||||
description="73 Water St, Vancouver. Open 10am-4pm daily in the heart of Gastown."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -360,12 +219,11 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Indulge"
|
||||
title="Come as you are. Leave obsessed."
|
||||
description="Visit us at any hour."
|
||||
buttonText="See Hours"
|
||||
variant: "gradient-bars"}}
|
||||
tag="Book Us"
|
||||
title="Have a wedding or event?"
|
||||
description="Bring our crepes to your next gathering."
|
||||
buttonText="Inquire Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -375,42 +233,27 @@ export default function LandingPage() {
|
||||
logoText="Chouchou"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Sweet",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Sweet", href: "#menu"},
|
||||
{
|
||||
label: "Savory",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Savory", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#story",
|
||||
},
|
||||
label: "About", href: "#story"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#location",
|
||||
},
|
||||
label: "Location", href: "#location"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Events", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#location",
|
||||
},
|
||||
label: "Catering", href: "#cta"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Bookings", href: "#cta"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -419,4 +262,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user