Merge version_1 into main #1
223
src/app/page.tsx
223
src/app/page.tsx
@@ -30,71 +30,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Veroma Café"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Warmth in Every Cup"
|
||||
description="Experience artisanal coffee brewed with passion and served with heart. Your local morning sanctuary."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-apron-working-coffee-machine_23-2148366642.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg",
|
||||
imageAlt: "Barista detail",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-casual-young-asian-man-wear-leather-jacket-spending-time-cafe-speaking-mobile-phone_627829-1263.jpg",
|
||||
imageAlt: "Coffee beans",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-mug_74190-2644.jpg",
|
||||
imageAlt: "Cafe table",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-barista-preparing-coffee_23-2148824431.jpg",
|
||||
imageAlt: "Fresh pastry",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg",
|
||||
imageAlt: "Morning light",
|
||||
},
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/man-apron-working-coffee-machine_23-2148366642.jpg", imageAlt: "Cafe interior" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg", imageAlt: "Barista detail" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-casual-young-asian-man-wear-leather-jacket-spending-time-cafe-speaking-mobile-phone_627829-1263.jpg", imageAlt: "Coffee beans" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/coffee-mug_74190-2644.jpg", imageAlt: "Cafe table" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-barista-preparing-coffee_23-2148824431.jpg", imageAlt: "Fresh pastry" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg", imageAlt: "Morning light" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,9 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="About Veroma Café"
|
||||
description={[
|
||||
"Veroma was founded on the belief that coffee is more than a drink—it’s an experience.",
|
||||
"We source beans ethically, roast them locally, and craft every cup to be a moment of peace in your busy day.",
|
||||
]}
|
||||
"Veroma was founded on the belief that coffee is more than a drink—it’s an experience.", "We source beans ethically, roast them locally, and craft every cup to be a moment of peace in your busy day."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,42 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Latte",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-cappuccino-blue-wooden-surface_181624-41113.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Buttery Croissant",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-fresh-french-croissant-gray-background_114579-58920.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cappuccino",
|
||||
price: "$4.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-with-pastries-ready-be-served_23-2148463976.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-delicious-pie-with-fresh-red-strawberries-tea-light-blue-surface_140725-66645.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pour Over",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Avocado Toast",
|
||||
price: "$8.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lklx2t",
|
||||
},
|
||||
{ id: "p1", name: "Signature Latte", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-cappuccino-blue-wooden-surface_181624-41113.jpg" },
|
||||
{ id: "p2", name: "Buttery Croissant", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/sweet-fresh-french-croissant-gray-background_114579-58920.jpg" },
|
||||
{ id: "p3", name: "Cappuccino", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-with-pastries-ready-be-served_23-2148463976.jpg" },
|
||||
{ id: "p4", name: "Blueberry Muffin", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-delicious-pie-with-fresh-red-strawberries-tea-light-blue-surface_140725-66645.jpg" },
|
||||
{ id: "p5", name: "Pour Over", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg" },
|
||||
{ id: "p6", name: "Avocado Toast", price: "$8.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lklx2t" },
|
||||
]}
|
||||
title="Artisanal Offerings"
|
||||
description="Hand-crafted coffee and house-made pastries."
|
||||
@@ -166,21 +96,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120K+",
|
||||
description: "Cups Brewed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25+",
|
||||
description: "Local Suppliers",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Ethical Beans",
|
||||
},
|
||||
{ id: "m1", value: "120K+", description: "Cups Brewed" },
|
||||
{ id: "m2", value: "25+", description: "Local Suppliers" },
|
||||
{ id: "m3", value: "100%", description: "Ethical Beans" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proudly serving the community since 2015."
|
||||
@@ -193,41 +111,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best latte I've ever had in the neighborhood.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@mchen",
|
||||
testimonial: "Friendly service and a great atmosphere for meetings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-apron-posing-coffee-pot_23-2148366670.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@erodriguez",
|
||||
testimonial: "My morning ritual is incomplete without Veroma.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-young-smiling-blond-woman-sitting-outdoor-cafe-holding-notebook-doing-her-homework_1258-205335.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@dkim",
|
||||
testimonial: "Excellent pour-over selection for true connoisseurs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6821.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex P.",
|
||||
handle: "@alexp",
|
||||
testimonial: "Cozy space, always feel welcome here.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best latte I've ever had in the neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg" },
|
||||
{ id: "2", name: "Michael C.", handle: "@mchen", testimonial: "Friendly service and a great atmosphere for meetings.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-apron-posing-coffee-pot_23-2148366670.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@erodriguez", testimonial: "My morning ritual is incomplete without Veroma.", imageSrc: "http://img.b2bpic.net/free-photo/image-young-smiling-blond-woman-sitting-outdoor-cafe-holding-notebook-doing-her-homework_1258-205335.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@dkim", testimonial: "Excellent pour-over selection for true connoisseurs.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6821.jpg" },
|
||||
{ id: "5", name: "Alex P.", handle: "@alexp", testimonial: "Cozy space, always feel welcome here.", imageSrc: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg" },
|
||||
]}
|
||||
title="Kind Words"
|
||||
description="Hear what our neighbors say about us."
|
||||
@@ -239,21 +127,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where do you source your beans?",
|
||||
content: "We work with small farms in Ethiopia and Colombia.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes! Contact us for office or event coffee services.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the café pet-friendly?",
|
||||
content: "We love pets! Well-behaved dogs are welcome in our patio.",
|
||||
},
|
||||
{ id: "f1", title: "Where do you source your beans?", content: "We work with small farms in Ethiopia and Colombia." },
|
||||
{ id: "f2", title: "Do you offer catering?", content: "Yes! Contact us for office or event coffee services." },
|
||||
{ id: "f3", title: "Is the café pet-friendly?", content: "We love pets! Well-behaved dogs are welcome in our patio." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -267,14 +143,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Have a question or looking to host an event? Visit us at Main Street, or reach out to us directly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@veromacafe.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@veromacafe.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -284,38 +157,20 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Menu", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user