Merge version_1 into main #1
248
src/app/page.tsx
248
src/app/page.tsx
@@ -34,29 +34,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Milk + Honey"
|
||||
/>
|
||||
@@ -65,15 +53,12 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Milk + Honey Espresso Bar"
|
||||
description="Elevate your event with a premium mobile coffee experience. Serving DC, Maryland, and Virginia."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Event",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Event", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-lemonade-with-straws-table_23-2148245023.jpg"
|
||||
imageAlt="Mobile espresso cart serving coffee at an event"
|
||||
@@ -102,20 +87,11 @@ export default function LandingPage() {
|
||||
tag="Our Services"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Customized Menu Options",
|
||||
content: "Work with us to create a unique beverage menu, including classic espresso drinks, specialty lattes, and premium teas, perfectly suited for your event's theme and guests' preferences.",
|
||||
},
|
||||
id: "1", title: "Customized Menu Options", content: "Work with us to create a unique beverage menu, including classic espresso drinks, specialty lattes, and premium teas, perfectly suited for your event's theme and guests' preferences."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional & Engaging Baristas",
|
||||
content: "Our experienced baristas are not only skilled in crafting delicious drinks but also in providing warm, friendly service that enhances your guests' experience and adds a touch of charm to your event.",
|
||||
},
|
||||
id: "2", title: "Professional & Engaging Baristas", content: "Our experienced baristas are not only skilled in crafting delicious drinks but also in providing warm, friendly service that enhances your guests' experience and adds a touch of charm to your event."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Seamless Setup & Operation",
|
||||
content: "We handle everything from transportation and setup to break-down, ensuring a hassle-free experience for you. Our compact cart integrates smoothly into any venue, indoors or outdoors.",
|
||||
},
|
||||
id: "3", title: "Seamless Setup & Operation", content: "We handle everything from transportation and setup to break-down, ensuring a hassle-free experience for you. Our compact cart integrates smoothly into any venue, indoors or outdoors."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-glasses-with-drinks-plate-with-sliced-limes_8353-10646.jpg"
|
||||
imageAlt="Barista making latte art at a mobile coffee cart"
|
||||
@@ -132,47 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "latte",
|
||||
name: "Latte",
|
||||
variant: "Creamy espresso with steamed milk and a thin layer of foam.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-tasty-chocolate-milkshake_181624-58437.jpg",
|
||||
imageAlt: "Latte with latte art",
|
||||
},
|
||||
id: "latte", name: "Latte", price: "$4.50", variant: "Creamy espresso with steamed milk and a thin layer of foam.", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-tasty-chocolate-milkshake_181624-58437.jpg", imageAlt: "Latte with latte art"},
|
||||
{
|
||||
id: "cappuccino",
|
||||
name: "Cappuccino",
|
||||
variant: "Espresso with equal parts steamed milk and frothy foam.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-caramel-smoothie-brown-piece-clothing-white-surface_181624-22779.jpg",
|
||||
imageAlt: "Cappuccino with a sprinkle of cocoa",
|
||||
},
|
||||
id: "cappuccino", name: "Cappuccino", price: "$4.00", variant: "Espresso with equal parts steamed milk and frothy foam.", imageSrc: "http://img.b2bpic.net/free-photo/glass-caramel-smoothie-brown-piece-clothing-white-surface_181624-22779.jpg", imageAlt: "Cappuccino with a sprinkle of cocoa"},
|
||||
{
|
||||
id: "mocha",
|
||||
name: "Mocha",
|
||||
variant: "Rich chocolate, espresso, and steamed milk, topped with whipped cream.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-chocolate-with-cream-two-cinnamon-sticks_1220-521.jpg",
|
||||
imageAlt: "Mocha with whipped cream and chocolate drizzle",
|
||||
},
|
||||
id: "mocha", name: "Mocha", price: "$5.00", variant: "Rich chocolate, espresso, and steamed milk, topped with whipped cream.", imageSrc: "http://img.b2bpic.net/free-photo/cup-chocolate-with-cream-two-cinnamon-sticks_1220-521.jpg", imageAlt: "Mocha with whipped cream and chocolate drizzle"},
|
||||
{
|
||||
id: "americano",
|
||||
name: "Americano",
|
||||
variant: "Espresso shots diluted with hot water, offering a bold coffee flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg",
|
||||
imageAlt: "Simple black Americano in a white cup",
|
||||
},
|
||||
id: "americano", name: "Americano", price: "$3.50", variant: "Espresso shots diluted with hot water, offering a bold coffee flavor.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg", imageAlt: "Simple black Americano in a white cup"},
|
||||
{
|
||||
id: "cold-brew",
|
||||
name: "Cold Brew",
|
||||
variant: "Smooth, low-acid coffee steeped for hours, served over ice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cold-summer-coffee-drink-with-ice-orange-juice_169016-21399.jpg",
|
||||
imageAlt: "Cold brew coffee in a glass with ice",
|
||||
},
|
||||
id: "cold-brew", name: "Cold Brew", price: "$4.00", variant: "Smooth, low-acid coffee steeped for hours, served over ice.", imageSrc: "http://img.b2bpic.net/free-photo/cold-summer-coffee-drink-with-ice-orange-juice_169016-21399.jpg", imageAlt: "Cold brew coffee in a glass with ice"},
|
||||
{
|
||||
id: "hot-tea",
|
||||
name: "Hot Tea",
|
||||
variant: "A selection of premium loose-leaf teas, steeped to perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-teapot-cup-tea-candles-knitted-element_169016-49183.jpg",
|
||||
imageAlt: "Hot tea in a elegant white cup",
|
||||
},
|
||||
id: "hot-tea", name: "Hot Tea", price: "$3.00", variant: "A selection of premium loose-leaf teas, steeped to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-teapot-cup-tea-candles-knitted-element_169016-49183.jpg", imageAlt: "Hot tea in a elegant white cup"},
|
||||
]}
|
||||
title="Artisan Coffee Creations"
|
||||
description="Explore a selection of expertly crafted espresso drinks, teas, and specialty beverages. Our menu is designed to delight every palate at your event."
|
||||
@@ -185,22 +131,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "rating",
|
||||
value: "5.0",
|
||||
description: "Average Star Rating",
|
||||
},
|
||||
id: "rating", value: "5.0", description: "Average Star Rating"},
|
||||
{
|
||||
id: "reviews",
|
||||
value: "221+",
|
||||
description: "Verified Customer Reviews",
|
||||
},
|
||||
id: "reviews", value: "221+", description: "Verified Customer Reviews"},
|
||||
{
|
||||
id: "events",
|
||||
value: "100s",
|
||||
description: "Successful Events Catered",
|
||||
},
|
||||
id: "events", value: "100s", description: "Successful Events Catered"},
|
||||
]}
|
||||
title="Trusted for Quality & Service"
|
||||
description="Our commitment to excellence has earned us rave reviews and a loyal clientele across the DC, Maryland, and Virginia area."
|
||||
@@ -213,15 +151,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Washington D.C.",
|
||||
"Montgomery County",
|
||||
"Fairfax County",
|
||||
"Arlington",
|
||||
"Prince George's County",
|
||||
"Alexandria",
|
||||
"Howard County",
|
||||
"Loudoun County",
|
||||
]}
|
||||
"Washington D.C.", "Montgomery County", "Fairfax County", "Arlington", "Prince George's County", "Alexandria", "Howard County", "Loudoun County"]}
|
||||
title="Where We Bring the Coffee"
|
||||
description="Proudly serving a diverse range of clients and events throughout Washington D.C., Maryland, and Virginia. We're ready to travel to you!"
|
||||
tag="Serving the DMV"
|
||||
@@ -235,64 +165,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Stephanie Villatoro",
|
||||
role: "Local Guide",
|
||||
company: "Event Host",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg",
|
||||
imageAlt: "Stephanie Villatoro",
|
||||
},
|
||||
id: "1", name: "Stephanie Villatoro", role: "Local Guide", company: "Event Host", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg", imageAlt: "Stephanie Villatoro"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Christie Grewe",
|
||||
role: "Church Member",
|
||||
company: "Church Event Organizer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-near-wall_23-2148718039.jpg",
|
||||
imageAlt: "Christie Grewe",
|
||||
},
|
||||
id: "2", name: "Christie Grewe", role: "Church Member", company: "Church Event Organizer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-near-wall_23-2148718039.jpg", imageAlt: "Christie Grewe"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Shaqkia Curmon",
|
||||
role: "Event Guest",
|
||||
company: "Private Party",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-collaboration-meeting_23-2151944856.jpg",
|
||||
imageAlt: "Shaqkia Curmon",
|
||||
},
|
||||
id: "3", name: "Shaqkia Curmon", role: "Event Guest", company: "Private Party", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-collaboration-meeting_23-2151944856.jpg", imageAlt: "Shaqkia Curmon"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "4", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumb-up_1187-5092.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "5", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumb-up_1187-5092.jpg", imageAlt: "David Kim"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Star Rating",
|
||||
},
|
||||
value: "5.0", label: "Star Rating"},
|
||||
{
|
||||
value: "221+",
|
||||
label: "Verified Reviews",
|
||||
},
|
||||
value: "221+", label: "Verified Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Client Satisfaction"},
|
||||
]}
|
||||
title="Exceptional Experiences, Every Time"
|
||||
description="Our clients consistently praise our professional service, delicious coffee, and friendly baristas. Read what they have to say about Milk + Honey."
|
||||
@@ -305,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "how-to-book",
|
||||
title: "How do I book Milk + Honey for my event?",
|
||||
content: "Simply fill out our contact form with your event details, preferred date, and estimated guest count. We'll get back to you promptly to discuss customization and availability.",
|
||||
},
|
||||
id: "how-to-book", title: "How do I book Milk + Honey for my event?", content: "Simply fill out our contact form with your event details, preferred date, and estimated guest count. We'll get back to you promptly to discuss customization and availability."},
|
||||
{
|
||||
id: "areas-served",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve events across Washington D.C., Maryland, and Northern Virginia. Contact us to confirm service availability for your specific location.",
|
||||
},
|
||||
id: "areas-served", title: "What areas do you serve?", content: "We proudly serve events across Washington D.C., Maryland, and Northern Virginia. Contact us to confirm service availability for your specific location."},
|
||||
{
|
||||
id: "what-is-included",
|
||||
title: "What is included in your mobile espresso bar service?",
|
||||
content: "Our service includes a full espresso bar setup, a customized menu of drinks, professional baristas, and all necessary cups, lids, and condiments. We handle setup and breakdown so you can enjoy your event.",
|
||||
},
|
||||
id: "what-is-included", title: "What is included in your mobile espresso bar service?", content: "Our service includes a full espresso bar setup, a customized menu of drinks, professional baristas, and all necessary cups, lids, and condiments. We handle setup and breakdown so you can enjoy your event."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find quick answers to frequently asked questions about booking, services, and event details with Milk + Honey."
|
||||
@@ -333,39 +218,22 @@ export default function LandingPage() {
|
||||
description="Ready to add a touch of artisan coffee to your next event? Fill out the form below and we'll get back to you to discuss your custom needs and provide a quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "fullName", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
{
|
||||
name: "eventDate", type: "date", placeholder: "Event Date", required: true,
|
||||
},
|
||||
{
|
||||
name: "eventDate",
|
||||
type: "date",
|
||||
placeholder: "Event Date",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "eventType",
|
||||
type: "text",
|
||||
placeholder: "Type of Event (e.g., Wedding, Corporate, Birthday)",
|
||||
required: true,
|
||||
name: "eventType", type: "text", placeholder: "Type of Event (e.g., Wedding, Corporate, Birthday)", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "eventDetails",
|
||||
placeholder: "Tell us more about your event and specific coffee needs...",
|
||||
rows: 4,
|
||||
name: "eventDetails", placeholder: "Tell us more about your event and specific coffee needs...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-hand-filling-portafilter-with-coffee_23-2147830576.jpg"
|
||||
imageAlt="Mobile espresso cart serving coffee at an outdoor event"
|
||||
@@ -379,33 +247,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user