Merge version_1 into main #1
277
src/app/page.tsx
277
src/app/page.tsx
@@ -30,30 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Velvet Brew"
|
||||
/>
|
||||
@@ -61,46 +43,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafted Coffee. Warm Moments."
|
||||
description="Experience the artistry of premium beans, hand-crafted brews, and freshly baked pastries in the heart of our artisan sanctuary."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#reservation",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Reserve a Table", href: "#reservation" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-throwing-out-coffee_23-2147830573.jpg",
|
||||
imageAlt: "Cinematic barista coffee brewing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg",
|
||||
imageAlt: "Rustic cafe interior scene",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354568.jpg",
|
||||
imageAlt: "Barista pouring latte art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-restaurant-furniture-restaurant_53876-16490.jpg",
|
||||
imageAlt: "Cozy table setup in cafe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-female-hands-pressing-coffee-into-tamper-prepares-order-cafe-counter_1258-203403.jpg",
|
||||
imageAlt: "Artisan barista at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-fashioned-coffee-mill-spoon-coffee-bean_329181-20904.jpg",
|
||||
imageAlt: "Macro shot of coffee beans",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-throwing-out-coffee_23-2147830573.jpg", imageAlt: "Cinematic barista coffee brewing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg", imageAlt: "Rustic cafe interior scene" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354568.jpg", imageAlt: "Barista pouring latte art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rustic-restaurant-furniture-restaurant_53876-16490.jpg", imageAlt: "Cozy table setup in cafe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-female-hands-pressing-coffee-into-tamper-prepares-order-cafe-counter_1258-203403.jpg", imageAlt: "Artisan barista at work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/old-fashioned-coffee-mill-spoon-coffee-bean_329181-20904.jpg", imageAlt: "Macro shot of coffee beans" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,9 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Philosophy"
|
||||
description={[
|
||||
"At Velvet Brew Café, we believe that every cup of coffee is a story waiting to be told. Our beans are ethically sourced from small-lot farmers, ensuring the highest quality and fair partnerships.",
|
||||
"Our space is designed for reflection, conversation, and the celebration of life's small, warm moments.",
|
||||
]}
|
||||
"At Velvet Brew Café, we believe that every cup of coffee is a story waiting to be told. Our beans are ethically sourced from small-lot farmers, ensuring the highest quality and fair partnerships.", "Our space is designed for reflection, conversation, and the celebration of life's small, warm moments."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -123,54 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Espresso",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hot-cup-coffee_53876-123577.jpg",
|
||||
brand: "Velvet Brew",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cappuccino",
|
||||
price: "$5.25",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wool-sweater-holding-glass-creamy-dalgona-coffee-sprinkled-with-chocolate_181624-56238.jpg",
|
||||
brand: "Velvet Brew",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Matcha Latte",
|
||||
price: "$6.00",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smoothie_23-2148898591.jpg",
|
||||
brand: "Velvet Brew",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Croissant",
|
||||
price: "$3.75",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-pastry-coffee_1162-171.jpg",
|
||||
brand: "Velvet Brew",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cheesecake",
|
||||
price: "$7.00",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-donut_1339-6194.jpg",
|
||||
brand: "Velvet Brew",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cold Brew",
|
||||
price: "$5.50",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-with-delicious-bubble-tea-glass_23-2149870654.jpg",
|
||||
brand: "Velvet Brew",
|
||||
},
|
||||
{ id: "1", name: "Espresso", price: "$4.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hot-cup-coffee_53876-123577.jpg", brand: "Velvet Brew" },
|
||||
{ id: "2", name: "Cappuccino", price: "$5.25", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/woman-wool-sweater-holding-glass-creamy-dalgona-coffee-sprinkled-with-chocolate_181624-56238.jpg", brand: "Velvet Brew" },
|
||||
{ id: "3", name: "Matcha Latte", price: "$6.00", rating: 4, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smoothie_23-2148898591.jpg", brand: "Velvet Brew" },
|
||||
{ id: "4", name: "Croissant", price: "$3.75", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/sweet-pastry-coffee_1162-171.jpg", brand: "Velvet Brew" },
|
||||
{ id: "5", name: "Cheesecake", price: "$7.00", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/fresh-donut_1339-6194.jpg", brand: "Velvet Brew" },
|
||||
{ id: "6", name: "Cold Brew", price: "$5.50", rating: 5, reviewCount: "130", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-delicious-bubble-tea-glass_23-2149870654.jpg", brand: "Velvet Brew" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="A curated collection of artisanal brews and hand-crafted pastries."
|
||||
@@ -179,27 +91,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Artisan Space",
|
||||
description: "Relax in our modern, rustic interior.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104746.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Precision Brewing",
|
||||
description: "Every pour is a work of art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-mix-latte-coffee-art_1232-2146.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
title: "Baked Daily",
|
||||
description: "Fresh pastries waiting for you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-baked-hotcakes-with-glass-milk_140725-104924.jpg",
|
||||
},
|
||||
{ id: "g1", tag: "Space", title: "Artisan Space", description: "Relax in our modern, rustic interior.", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104746.jpg" },
|
||||
{ id: "g2", tag: "Process", title: "Precision Brewing", description: "Every pour is a work of art.", imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-mix-latte-coffee-art_1232-2146.jpg" },
|
||||
{ id: "g3", tag: "Fresh", title: "Baked Daily", description: "Fresh pastries waiting for you.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-baked-hotcakes-with-glass-milk_140725-104924.jpg" },
|
||||
]}
|
||||
title="Visual Gallery"
|
||||
description="A glimpse into our cozy sanctuary, where every detail matters."
|
||||
@@ -213,46 +111,11 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Coffee Enthusiast",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548679.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob R.",
|
||||
role: "Architect",
|
||||
company: "Regular Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-chatting-restaurant-with-face-masks_23-2148693106.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clara S.",
|
||||
role: "Blogger",
|
||||
company: "Frequent Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-giving-thumbs-up-while-holding-plate-muffins_23-2148414896.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Designer",
|
||||
company: "Morning Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039440.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
role: "Writer",
|
||||
company: "Frequent Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/menu-homemade-fruit-tart-coffee-cup-plate-blue-background_23-2147908214.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice M.", role: "Coffee Enthusiast", company: "Local Patron", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548679.jpg" },
|
||||
{ id: "2", name: "Bob R.", role: "Architect", company: "Regular Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-chatting-restaurant-with-face-masks_23-2148693106.jpg" },
|
||||
{ id: "3", name: "Clara S.", role: "Blogger", company: "Frequent Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-father-giving-thumbs-up-while-holding-plate-muffins_23-2148414896.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Designer", company: "Morning Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039440.jpg" },
|
||||
{ id: "5", name: "Elena P.", role: "Writer", company: "Frequent Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/menu-homemade-fruit-tart-coffee-cup-plate-blue-background_23-2147908214.jpg" },
|
||||
]}
|
||||
title="Kind Words"
|
||||
description="What our wonderful community says about their experience."
|
||||
@@ -261,19 +124,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Booking"
|
||||
title="Reserve Your Table"
|
||||
description="Secure your cozy spot at Velvet Brew Café. We look forward to hosting you soon."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#" }]}
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -282,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Where are you located?",
|
||||
content: "123 Artisan Lane, Coffee District.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Opening hours?",
|
||||
content: "Daily 7AM - 7PM.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, contact us for inquiries.",
|
||||
},
|
||||
{ id: "1", title: "Where are you located?", content: "123 Artisan Lane, Coffee District." },
|
||||
{ id: "2", title: "Opening hours?", content: "Daily 7AM - 7PM." },
|
||||
{ id: "3", title: "Do you offer catering?", content: "Yes, contact us for inquiries." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cocoa-mugs-with-marshmallows-near-fireplace_1321-1587.jpg"
|
||||
title="Find Us"
|
||||
@@ -308,50 +152,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Gallery", href: "#gallery" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="Velvet Brew"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user