Merge version_1 into main #1
297
src/app/page.tsx
297
src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Blue Bonnet Cafe"
|
||||
/>
|
||||
@@ -55,115 +40,42 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Blue Bonnet Cafe"
|
||||
description="Experience culinary artistry in the heart of the city. We serve fresh, locally sourced ingredients prepared with passion."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-pot-wooden-table-with-flowers-candles-it-near-armchair-fireplace_181624-6073.jpg",
|
||||
imageAlt: "Cafe Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastry-shale-board-glass-counter_23-2147892901.jpg",
|
||||
imageAlt: "Fresh Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157781.jpg",
|
||||
imageAlt: "Cafe Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-types-pastries-glass-cabinet-with-price-tag_23-2148028012.jpg",
|
||||
imageAlt: "Fresh Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629584.jpg",
|
||||
imageAlt: "Cafe Atmosphere",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-pot-wooden-table-with-flowers-candles-it-near-armchair-fireplace_181624-6073.jpg", imageAlt: "Cafe Atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pastry-shale-board-glass-counter_23-2147892901.jpg", imageAlt: "Fresh Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157781.jpg", imageAlt: "Cafe Atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/different-types-pastries-glass-cabinet-with-price-tag_23-2148028012.jpg", imageAlt: "Fresh Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629584.jpg", imageAlt: "Cafe Atmosphere" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-salads-close-up_23-2148516900.jpg",
|
||||
imageAlt: "Fresh Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-easter-coffee-decorations_52683-109957.jpg",
|
||||
imageAlt: "Fresh Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",
|
||||
imageAlt: "Cafe Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-soft-drink-with-cookies_141793-14250.jpg",
|
||||
imageAlt: "Fresh Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-style-interior-design_23-2151561232.jpg",
|
||||
imageAlt: "Cafe Atmosphere",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-salads-close-up_23-2148516900.jpg", imageAlt: "Fresh Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-easter-coffee-decorations_52683-109957.jpg", imageAlt: "Fresh Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg", imageAlt: "Cafe Atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-soft-drink-with-cookies_141793-14250.jpg", imageAlt: "Fresh Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-style-interior-design_23-2151561232.jpg", imageAlt: "Cafe Atmosphere" },
|
||||
]}
|
||||
tag="Since 1998"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Our Menu", href: "#menu" },
|
||||
{ text: "Book a Table", href: "#contact" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dry-flower-decoration-table_1339-3455.jpg",
|
||||
alt: "dry flower decoration on table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dinner-cafe-elegant-outside-seat_1203-4493.jpg",
|
||||
alt: "dinner cafe elegant outside seat",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698464.jpg",
|
||||
alt: "Rustic deck with patio furniture and vegetation",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/details-catered-holiday-table-restaurant_8353-9663.jpg",
|
||||
alt: "Details of catered holiday table in a restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sweet-pastry-display-fresh-baked-goodness-generated-by-ai_188544-40880.jpg",
|
||||
alt: "A sweet pastry display of fresh baked goodness",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/dry-flower-decoration-table_1339-3455.jpg", alt: "dry flower decoration on table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dinner-cafe-elegant-outside-seat_1203-4493.jpg", alt: "dinner cafe elegant outside seat" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698464.jpg", alt: "Rustic deck with patio furniture and vegetation" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/details-catered-holiday-table-restaurant_8353-9663.jpg", alt: "Details of catered holiday table in a restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sweet-pastry-display-fresh-baked-goodness-generated-by-ai_188544-40880.jpg", alt: "A sweet pastry display of fresh baked goodness" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg",
|
||||
alt: "table set on dinning table",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157820.jpg",
|
||||
alt: "Top view of dining tables",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157810.jpg",
|
||||
alt: "Top view of dining tables",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157794.jpg",
|
||||
alt: "Top view of dining tables",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-drink-cafe-counter_23-2147830546.jpg",
|
||||
alt: "Woman enjoying drink",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg", alt: "table set on dinning table" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157820.jpg", alt: "Top view of dining tables" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157810.jpg", alt: "Top view of dining tables" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157794.jpg", alt: "Top view of dining tables" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-enjoying-drink-cafe-counter_23-2147830546.jpg", alt: "Woman enjoying drink" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,57 +85,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="A Legacy of Culinary Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Read More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Artisan Burger",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-pancakes-red-currant-berries-with-lemon-curd-wooden-background_23-2147972742.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Garden Fresh Salad",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-cafe-latte-cappuccino-newspaper-concept_53876-31819.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Truffle Pasta",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-homemade-pancakes-with-honey-syrup-berries_114579-10889.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rustic Lentil Soup",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31295.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fluffy Pancakes",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-taking-pasta-from-plate_23-2147749507.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Espresso Blend",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seasonal-vegetable-salad-with-mixed-foods-inside-white-bowl-black-marble_114579-2934.jpg",
|
||||
},
|
||||
{ id: "1", name: "Artisan Burger", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/stacked-pancakes-red-currant-berries-with-lemon-curd-wooden-background_23-2147972742.jpg" },
|
||||
{ id: "2", name: "Garden Fresh Salad", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-cafe-latte-cappuccino-newspaper-concept_53876-31819.jpg" },
|
||||
{ id: "3", name: "Truffle Pasta", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/stack-homemade-pancakes-with-honey-syrup-berries_114579-10889.jpg" },
|
||||
{ id: "4", name: "Rustic Lentil Soup", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31295.jpg" },
|
||||
{ id: "5", name: "Fluffy Pancakes", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-taking-pasta-from-plate_23-2147749507.jpg" },
|
||||
{ id: "6", name: "Espresso Blend", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/seasonal-vegetable-salad-with-mixed-foods-inside-white-bowl-black-marble_114579-2934.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Indulge in our carefully curated selection of gourmet dishes."
|
||||
@@ -235,46 +113,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional!",
|
||||
quote: "The food and ambiance were simply perfection.",
|
||||
name: "Alice Johnson",
|
||||
role: "Food Blogger",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best in town",
|
||||
quote: "Blue Bonnet Cafe has the best coffee in the city, hands down.",
|
||||
name: "Michael Smith",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Cozy and delicious",
|
||||
quote: "Such a warm atmosphere, ideal for long conversations over brunch.",
|
||||
name: "Sarah Miller",
|
||||
role: "Regular Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Culinary gem",
|
||||
quote: "Every dish felt like a masterpiece. Highly recommended.",
|
||||
name: "David Wilson",
|
||||
role: "Business Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-657.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Fantastic experience",
|
||||
quote: "My new favorite place for lunch. The menu is consistently fresh.",
|
||||
name: "Emma Davis",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-waiter-holding-plates-with-food-looking-camera-while-serving-guests-restaurant_637285-1707.jpg",
|
||||
},
|
||||
{ id: "1", title: "Exceptional!", quote: "The food and ambiance were simply perfection.", name: "Alice Johnson", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg" },
|
||||
{ id: "2", title: "Best in town", quote: "Blue Bonnet Cafe has the best coffee in the city, hands down.", name: "Michael Smith", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg" },
|
||||
{ id: "3", title: "Cozy and delicious", quote: "Such a warm atmosphere, ideal for long conversations over brunch.", name: "Sarah Miller", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg" },
|
||||
{ id: "4", title: "Culinary gem", quote: "Every dish felt like a masterpiece. Highly recommended.", name: "David Wilson", role: "Business Executive", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-657.jpg" },
|
||||
{ id: "5", title: "Fantastic experience", quote: "My new favorite place for lunch. The menu is consistently fresh.", name: "Emma Davis", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/happy-waiter-holding-plates-with-food-looking-camera-while-serving-guests-restaurant_637285-1707.jpg" },
|
||||
]}
|
||||
title="Guest Reviews"
|
||||
description="What our patrons are saying about Blue Bonnet Cafe."
|
||||
@@ -284,9 +127,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Experience Blue Bonnet?"
|
||||
description="Join our newsletter for exclusive updates and seasonal menu previews."
|
||||
@@ -298,57 +139,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/best-friends-enjoying-time-together_23-2148395432.jpg"
|
||||
logoText="Blue Bonnet Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQs", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Twitter", href: "https://twitter.com" }, { label: "Facebook", href: "https://facebook.com" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user