Merge version_1 into main #2
298
src/app/page.tsx
298
src/app/page.tsx
@@ -30,127 +30,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cagette"
|
||||
button={{
|
||||
text: "Book Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Table", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Authentic French Soul. Relaxed Bangkok Charm."
|
||||
description="From our famous brunch buffet to sunset cocktails on the rooftop—experience the heart of French deli culture."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The atmosphere is unmatched and the pasta is divine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-khash-with-pickled-cherry-cucumber-eggplant-cherry-plum-garlic-vinegar-bread-rusk-table_141793-3650.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marc L.",
|
||||
handle: "@marcl",
|
||||
testimonial: "Authentic vibes right in the middle of the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-ribs-front-view_23-2148516958.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "The rooftop experience is a must-try for sunset.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-pototaes-sauce_141793-104.jpg",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Excellent service and the bone marrow is worth the hype.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinner-menu-with-fried-sausages-mashed-potatoes-beans_114579-13895.jpg",
|
||||
},
|
||||
{
|
||||
name: "Clara S.",
|
||||
handle: "@claras",
|
||||
testimonial: "Best brunch spread in Bangkok, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sausages-near-basket-with-food_23-2147930083.jpg",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "@sarahj", testimonial: "The atmosphere is unmatched and the pasta is divine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-khash-with-pickled-cherry-cucumber-eggplant-cherry-plum-garlic-vinegar-bread-rusk-table_141793-3650.jpg" },
|
||||
{ name: "Marc L.", handle: "@marcl", testimonial: "Authentic vibes right in the middle of the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-ribs-front-view_23-2148516958.jpg" },
|
||||
{ name: "Elena V.", handle: "@elenav", testimonial: "The rooftop experience is a must-try for sunset.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-pototaes-sauce_141793-104.jpg" },
|
||||
{ name: "John D.", handle: "@johnd", testimonial: "Excellent service and the bone marrow is worth the hype.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dinner-menu-with-fried-sausages-mashed-potatoes-beans_114579-13895.jpg" },
|
||||
{ name: "Clara S.", handle: "@claras", testimonial: "Best brunch spread in Bangkok, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sausages-near-basket-with-food_23-2147930083.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/boiled-lamb-legs-with-sumakh_140725-4382.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Your Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/boiled-lamb-legs-with-sumakh_140725-4382.jpg"
|
||||
imageAlt="Luxurious French canteen interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/from-yummy-ingredients_23-2147772045.jpg",
|
||||
alt: "Customer avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-ham-slices-with-grapes-bread-slices-dark-background_140725-133122.jpg",
|
||||
alt: "Customer avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-half-view-meat-slices-cheese-grapes-pomegranate-oval-serving-board-dark-background_140725-131568.jpg",
|
||||
alt: "Customer avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-fried-fish-with-lettuce-tomatoes-onions-sauce-black-plate-glass-white-wine-small-round-table-overlooking-city_176474-2493.jpg",
|
||||
alt: "Customer avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fresh-vegetables-served-black-plate-with-fork-knife-glass-rose-wine_181624-44594.jpg",
|
||||
alt: "Customer avatar 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/from-yummy-ingredients_23-2147772045.jpg", alt: "Customer avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-ham-slices-with-grapes-bread-slices-dark-background_140725-133122.jpg", alt: "Customer avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-half-view-meat-slices-cheese-grapes-pomegranate-oval-serving-board-dark-background_140725-131568.jpg", alt: "Customer avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-fried-fish-with-lettuce-tomatoes-onions-sauce-black-plate-glass-white-wine-small-round-table-overlooking-city_176474-2493.jpg", alt: "Customer avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fresh-vegetables-served-black-plate-with-fork-knife-glass-rose-wine_181624-44594.jpg", alt: "Customer avatar 5" },
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic French",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Deli",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sunset Views",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brunch Buffet",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet Dining",
|
||||
},
|
||||
{ type: "text", text: "Authentic French" },
|
||||
{ type: "text", text: "Fresh Deli" },
|
||||
{ type: "text", text: "Sunset Views" },
|
||||
{ type: "text", text: "Brunch Buffet" },
|
||||
{ type: "text", text: "Gourmet Dining" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,40 +81,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "The Deli & Canteen",
|
||||
description: "Artisan cheeses, fine cold cuts, and our signature Pasta Vongole prepared with fresh ingredients.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-ham-slices-with-grapes-seasonings-bread-slices-dark-snack-color-photo-meat-food-meal_140725-93069.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-fruit-cheese-platecloseup-delicious-food-plate_132075-13611.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boiled-lamb-legs-with-sumakh_140725-4382.jpg?_wi=2",
|
||||
imageAlt: "gourmet french cheese board",
|
||||
title: "The Deli & Canteen", description: "Artisan cheeses, fine cold cuts, and our signature Pasta Vongole prepared with fresh ingredients.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-ham-slices-with-grapes-seasonings-bread-slices-dark-snack-color-photo-meat-food-meal_140725-93069.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/assorted-fruit-cheese-platecloseup-delicious-food-plate_132075-13611.jpg" },
|
||||
},
|
||||
{
|
||||
title: "The Rooftop Lounge",
|
||||
description: "Escape the city bustle in our open-air terrace—perfect for sunset cocktails and evening unwind.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-wine-glasses-roses-outdoor-restaurant_23-2147891156.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffe-cocktail-luxury-lounge-bar-counter-freshness-mix-drink_482257-24642.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocoa-tiramisu-with-sweet-cracker-forest-berries-top_114579-1929.jpg",
|
||||
imageAlt: "gourmet french cheese board",
|
||||
title: "The Rooftop Lounge", description: "Escape the city bustle in our open-air terrace—perfect for sunset cocktails and evening unwind.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/two-wine-glasses-roses-outdoor-restaurant_23-2147891156.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/coffe-cocktail-luxury-lounge-bar-counter-freshness-mix-drink_482257-24642.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Weekend Brunch",
|
||||
description: "A legendary spread featuring fresh oysters, roasted bone marrow, and decadent house-made desserts.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cinnamon-rolls-concept_23-2148779697.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-ready-eat-oysters-with-lemons-ice_52683-111695.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-mussel-with-spoon-fork-plate-plaster-kitchen-towel_176474-6971.jpg?_wi=1",
|
||||
imageAlt: "gourmet french cheese board",
|
||||
title: "Weekend Brunch", description: "A legendary spread featuring fresh oysters, roasted bone marrow, and decadent house-made desserts.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cinnamon-rolls-concept_23-2148779697.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-ready-eat-oysters-with-lemons-ice_52683-111695.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -211,60 +106,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Starter",
|
||||
name: "Le Bone Marrow",
|
||||
price: "High Demand",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cinnamon-rolls-concept_23-2148779697.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Main",
|
||||
name: "Pasta Vongole",
|
||||
price: "The Best",
|
||||
rating: 5,
|
||||
reviewCount: "250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-mussel-with-spoon-fork-plate-plaster-kitchen-towel_176474-6971.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Seafood",
|
||||
name: "The Oyster Station",
|
||||
price: "Fresh",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-asian-dish_23-2147681089.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Deli",
|
||||
name: "Artisan Cheese",
|
||||
price: "French",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-ham-sausage-with-bread-basket_140725-6342.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Dessert",
|
||||
name: "Tiramisu",
|
||||
price: "Classic",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-oyster-shell-with-lemon_74190-863.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Bar",
|
||||
name: "Signature Cocktails",
|
||||
price: "Rooftop",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215757.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Starter", name: "Le Bone Marrow", price: "High Demand", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cinnamon-rolls-concept_23-2148779697.jpg" },
|
||||
{ id: "2", brand: "Main", name: "Pasta Vongole", price: "The Best", rating: 5, reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-mussel-with-spoon-fork-plate-plaster-kitchen-towel_176474-6971.jpg" },
|
||||
{ id: "3", brand: "Seafood", name: "The Oyster Station", price: "Fresh", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-asian-dish_23-2147681089.jpg" },
|
||||
{ id: "4", brand: "Deli", name: "Artisan Cheese", price: "French", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/sliced-ham-sausage-with-bread-basket_140725-6342.jpg" },
|
||||
{ id: "5", brand: "Dessert", name: "Tiramisu", price: "Classic", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-oyster-shell-with-lemon_74190-863.jpg" },
|
||||
{ id: "6", brand: "Bar", name: "Signature Cocktails", price: "Rooftop", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215757.jpg" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="A curated visual menu of our guest favorites."
|
||||
@@ -275,31 +122,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-picnic-still-life_23-2149419660.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/celebration-oktoberfest-with-lots-beer_23-2151646762.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-seashells-plate_23-2149214656.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-chanterelle-stuffed-round-zucchini-plate_53876-101537.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Clara S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truffle-spaghetti-plate-with-mushroom-sauce-grated-parmesan-served-with-red-wine_141793-1966.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-picnic-still-life_23-2149419660.jpg" },
|
||||
{ id: "2", name: "Marc L.", imageSrc: "http://img.b2bpic.net/free-photo/celebration-oktoberfest-with-lots-beer_23-2151646762.jpg" },
|
||||
{ id: "3", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-seashells-plate_23-2149214656.jpg" },
|
||||
{ id: "4", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/homemade-chanterelle-stuffed-round-zucchini-plate_53876-101537.jpg" },
|
||||
{ id: "5", name: "Clara S.", imageSrc: "http://img.b2bpic.net/free-photo/truffle-spaghetti-plate-with-mushroom-sauce-grated-parmesan-served-with-red-wine_141793-1966.jpg" },
|
||||
]}
|
||||
cardTitle="Loved by Our Community"
|
||||
cardTag="Reviews"
|
||||
@@ -312,12 +139,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="Service Team"
|
||||
title="Meet the Manager"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -326,26 +148,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Yes, we highly recommend booking, especially for weekend brunch.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are there different hours?",
|
||||
content: "The Deli operates from 10 AM, while the Rooftop opens at 5 PM.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where is the parking?",
|
||||
content: "We offer valet service right in front of the canteen.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is the rooftop open daily?",
|
||||
content: "The rooftop is weather permitting and open Tuesday through Sunday.",
|
||||
},
|
||||
{ id: "1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking, especially for weekend brunch." },
|
||||
{ id: "2", title: "Are there different hours?", content: "The Deli operates from 10 AM, while the Rooftop opens at 5 PM." },
|
||||
{ id: "3", title: "Where is the parking?", content: "We offer valet service right in front of the canteen." },
|
||||
{ id: "4", title: "Is the rooftop open daily?", content: "The rooftop is weather permitting and open Tuesday through Sunday." },
|
||||
]}
|
||||
title="Restaurant Information"
|
||||
description="Everything you need to know about your visit."
|
||||
@@ -356,9 +162,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Reserve Your Spot"
|
||||
description="Secure your table for an authentic French experience."
|
||||
@@ -371,14 +175,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Cagette Canteen & Deli"
|
||||
leftLink={{
|
||||
text: "© 2024 Cagette",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "© 2024 Cagette", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user