Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5b87079271 |
263
src/app/page.tsx
263
src/app/page.tsx
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Music",
|
||||
id: "#music",
|
||||
},
|
||||
name: "Music", id: "#music"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Jobot Coffee & Bar"
|
||||
/>
|
||||
@@ -64,74 +52,45 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Locally Roasted Creatively Fueled Phoenix's Third Place"
|
||||
description="Craft coffee, Southwestern eats, live music, and a bar vibe that feels like home. Open dawn to late night."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Now", href: "#"},
|
||||
{
|
||||
text: "View Full Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Full Menu", href: "#menu"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.app.goo.gl/example",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.app.goo.gl/example"},
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Us", href: "tel:+15551234567"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg"
|
||||
imageAlt="Cozy Jobot Coffee & Bar interior with customers and a lively atmosphere"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg",
|
||||
alt: "Happy customer smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg", alt: "Happy customer smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/concentrated-young-redhead-curly-lady-standing-cafe_171337-16592.jpg",
|
||||
alt: "Young woman enjoying coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/concentrated-young-redhead-curly-lady-standing-cafe_171337-16592.jpg", alt: "Young woman enjoying coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-lady-sitting-restaurant-looking-camera_114579-92360.jpg",
|
||||
alt: "Local artist profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-lady-sitting-restaurant-looking-camera_114579-92360.jpg", alt: "Local artist profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/samesex-homosexual-female-partners-drinking-coffee-eating-cakes-restaurant_273609-9461.jpg",
|
||||
alt: "Community member portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/samesex-homosexual-female-partners-drinking-coffee-eating-cakes-restaurant_273609-9461.jpg", alt: "Community member portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-business-concept-handsome-bearded-man-apron-making-coffee-while-standing-cafe_1258-103897.jpg",
|
||||
alt: "Jobot regular",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-business-concept-handsome-bearded-man-apron-making-coffee-while-standing-cafe_1258-103897.jpg", alt: "Jobot regular"},
|
||||
]}
|
||||
avatarText="Join our vibrant community!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Roasted",
|
||||
},
|
||||
type: "text", text: "Locally Roasted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Southwestern Bites",
|
||||
},
|
||||
type: "text", text: "Southwestern Bites"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Live Music Venue",
|
||||
},
|
||||
type: "text", text: "Live Music Venue"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Craft Cocktails",
|
||||
},
|
||||
type: "text", text: "Craft Cocktails"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Hub",
|
||||
},
|
||||
type: "text", text: "Community Hub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,24 +117,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Locally Roasted Coffee",
|
||||
description: "Savor our expertly crafted coffee, made from beans roasted right here in Phoenix for exceptional freshness and flavor.",
|
||||
},
|
||||
title: "Locally Roasted Coffee", description: "Savor our expertly crafted coffee, made from beans roasted right here in Phoenix for exceptional freshness and flavor."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Authentic Southwestern Eats",
|
||||
description: "Indulge in our delicious menu featuring a modern twist on classic Southwestern cuisine, prepared with local ingredients.",
|
||||
},
|
||||
title: "Authentic Southwestern Eats", description: "Indulge in our delicious menu featuring a modern twist on classic Southwestern cuisine, prepared with local ingredients."},
|
||||
{
|
||||
icon: Mic,
|
||||
title: "Live Music & Entertainment",
|
||||
description: "Experience the pulse of Phoenix's art scene with live performances from local musicians, poets, and performers most nights.",
|
||||
},
|
||||
title: "Live Music & Entertainment", description: "Experience the pulse of Phoenix's art scene with live performances from local musicians, poets, and performers most nights."},
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Creative Craft Cocktails",
|
||||
description: "Unwind with our inventive cocktail menu, featuring artisan drinks and local brews, perfect for evening gatherings.",
|
||||
},
|
||||
title: "Creative Craft Cocktails", description: "Unwind with our inventive cocktail menu, featuring artisan drinks and local brews, perfect for evening gatherings."},
|
||||
]}
|
||||
title="Our Signature Offerings"
|
||||
description="Discover what makes Jobot unique, from our dedication to local craft to our vibrant community events."
|
||||
@@ -191,47 +142,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "coffee-1",
|
||||
name: "Artisan Cold Brew",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-cozy-cup-tea_169016-3337.jpg",
|
||||
imageAlt: "Close-up of a cold brew coffee with ice",
|
||||
},
|
||||
id: "coffee-1", name: "Artisan Cold Brew", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/christmas-cozy-cup-tea_169016-3337.jpg", imageAlt: "Close-up of a cold brew coffee with ice"},
|
||||
{
|
||||
id: "food-1",
|
||||
name: "Southwestern Breakfast Burrito",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-pepper-butter-bean-salad-with-harissa-dressing-white-background_127032-3464.jpg",
|
||||
imageAlt: "Delicious Southwestern breakfast burrito",
|
||||
},
|
||||
id: "food-1", name: "Southwestern Breakfast Burrito", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/roasted-pepper-butter-bean-salad-with-harissa-dressing-white-background_127032-3464.jpg", imageAlt: "Delicious Southwestern breakfast burrito"},
|
||||
{
|
||||
id: "food-2",
|
||||
name: "Green Chile Enchiladas",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-cooked-food_410324-6.jpg",
|
||||
imageAlt: "Plate of green chile enchiladas with toppings",
|
||||
},
|
||||
id: "food-2", name: "Green Chile Enchiladas", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/bowl-cooked-food_410324-6.jpg", imageAlt: "Plate of green chile enchiladas with toppings"},
|
||||
{
|
||||
id: "drink-1",
|
||||
name: "Desert Sunset Cocktail",
|
||||
price: "$13.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drink-with-pool-background_1203-172.jpg",
|
||||
imageAlt: "Vibrant orange cocktail with a garnish",
|
||||
},
|
||||
id: "drink-1", name: "Desert Sunset Cocktail", price: "$13.00", imageSrc: "http://img.b2bpic.net/free-photo/drink-with-pool-background_1203-172.jpg", imageAlt: "Vibrant orange cocktail with a garnish"},
|
||||
{
|
||||
id: "coffee-2",
|
||||
name: "Signature Latte Art",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee_74190-7838.jpg",
|
||||
imageAlt: "Latte with intricate foam art",
|
||||
},
|
||||
id: "coffee-2", name: "Signature Latte Art", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/coffee_74190-7838.jpg", imageAlt: "Latte with intricate foam art"},
|
||||
{
|
||||
id: "dessert-1",
|
||||
name: "Churro Cheesecake",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-little-cake-with-red-icing-inside-plate-dark-background-tea-sweet-biscuit-pie-cookies-sugar_140725-115642.jpg",
|
||||
imageAlt: "Slice of churro cheesecake with caramel drizzle",
|
||||
},
|
||||
id: "dessert-1", name: "Churro Cheesecake", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-little-cake-with-red-icing-inside-plate-dark-background-tea-sweet-biscuit-pie-cookies-sugar_140725-115642.jpg", imageAlt: "Slice of churro cheesecake with caramel drizzle"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Savor the flavors that define Jobot: from rich, handcrafted coffee to bold Southwestern dishes and artisan cocktails."
|
||||
@@ -243,14 +164,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Phoenix Arts Collective",
|
||||
"Downtown PHX Magazine",
|
||||
"Local Food Critics",
|
||||
"Indie Music Hub",
|
||||
"Community Connect PHX",
|
||||
"The Daily Grind Blog",
|
||||
"Desert Vibes Review",
|
||||
]}
|
||||
"Phoenix Arts Collective", "Downtown PHX Magazine", "Local Food Critics", "Indie Music Hub", "Community Connect PHX", "The Daily Grind Blog", "Desert Vibes Review"]}
|
||||
title="What Our Community Says"
|
||||
description="Hear from the locals who make Jobot their go-to spot for everything from morning coffee to late-night entertainment."
|
||||
/>
|
||||
@@ -266,60 +180,15 @@ export default function LandingPage() {
|
||||
description="Check out our dynamic calendar featuring local artists, open mic nights, and special performances that light up the Phoenix scene."
|
||||
blogs={[
|
||||
{
|
||||
id: "event-1",
|
||||
category: "Live Music",
|
||||
title: "Jazz Fusion Night",
|
||||
excerpt: "An evening of smooth jazz fusion featuring local talents. Come relax with craft cocktails and soulful tunes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-country-musicians-indoors_23-2151169633.jpg",
|
||||
imageAlt: "Jazz band performing live",
|
||||
authorName: "Jobot Team",
|
||||
authorAvatar: "asset://blog-avatar",
|
||||
date: "October 26, 2024",
|
||||
},
|
||||
id: "event-1", category: "Live Music", title: "Jazz Fusion Night", excerpt: "An evening of smooth jazz fusion featuring local talents. Come relax with craft cocktails and soulful tunes.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-country-musicians-indoors_23-2151169633.jpg", imageAlt: "Jazz band performing live", authorName: "Jobot Team", authorAvatar: "asset://blog-avatar", date: "October 26, 2024"},
|
||||
{
|
||||
id: "event-2",
|
||||
category: "Open Mic",
|
||||
title: "Poetry & Acoustic Jam",
|
||||
excerpt: "Share your voice or enjoy an intimate night of poetry and acoustic music. Sign-ups start at 7 PM.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185638.jpg",
|
||||
imageAlt: "Person performing spoken word at open mic",
|
||||
authorName: "Jobot Team",
|
||||
authorAvatar: "asset://blog-avatar",
|
||||
date: "November 2, 2024",
|
||||
},
|
||||
id: "event-2", category: "Open Mic", title: "Poetry & Acoustic Jam", excerpt: "Share your voice or enjoy an intimate night of poetry and acoustic music. Sign-ups start at 7 PM.", imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185638.jpg", imageAlt: "Person performing spoken word at open mic", authorName: "Jobot Team", authorAvatar: "asset://blog-avatar", date: "November 2, 2024"},
|
||||
{
|
||||
id: "event-3",
|
||||
category: "DJ Night",
|
||||
title: "Retro Phoenix Grooves",
|
||||
excerpt: "Spinning classic Phoenix-inspired retro beats all night long. Get ready to dance and enjoy our late-night menu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-adults-amusement-park_23-2148288005.jpg",
|
||||
imageAlt: "DJ mixing music in a vibrant bar",
|
||||
authorName: "Jobot Team",
|
||||
authorAvatar: "asset://blog-avatar",
|
||||
date: "November 9, 2024",
|
||||
},
|
||||
id: "event-3", category: "DJ Night", title: "Retro Phoenix Grooves", excerpt: "Spinning classic Phoenix-inspired retro beats all night long. Get ready to dance and enjoy our late-night menu.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-adults-amusement-park_23-2148288005.jpg", imageAlt: "DJ mixing music in a vibrant bar", authorName: "Jobot Team", authorAvatar: "asset://blog-avatar", date: "November 9, 2024"},
|
||||
{
|
||||
id: "event-4",
|
||||
category: "Live Music",
|
||||
title: "Soulful Acoustic Set",
|
||||
excerpt: "Join us for a relaxing evening with a soulful acoustic performance from a local talent. Perfect for unwinding.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-country-musicians-indoors_23-2151169685.jpg",
|
||||
imageAlt: "Solo musician performing acoustic set",
|
||||
authorName: "Jobot Team",
|
||||
authorAvatar: "asset://blog-avatar",
|
||||
date: "November 16, 2024",
|
||||
},
|
||||
id: "event-4", category: "Live Music", title: "Soulful Acoustic Set", excerpt: "Join us for a relaxing evening with a soulful acoustic performance from a local talent. Perfect for unwinding.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-country-musicians-indoors_23-2151169685.jpg", imageAlt: "Solo musician performing acoustic set", authorName: "Jobot Team", authorAvatar: "asset://blog-avatar", date: "November 16, 2024"},
|
||||
{
|
||||
id: "event-5",
|
||||
category: "Special Event",
|
||||
title: "Art & Coffee Showcase",
|
||||
excerpt: "A special event showcasing local Phoenix artists, paired with our signature coffee and cocktail creations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-country-musicians-indoors_23-2151169632.jpg",
|
||||
imageAlt: "Art exhibition with people mingling",
|
||||
authorName: "Jobot Team",
|
||||
authorAvatar: "asset://blog-avatar",
|
||||
date: "November 23, 2024",
|
||||
},
|
||||
id: "event-5", category: "Special Event", title: "Art & Coffee Showcase", excerpt: "A special event showcasing local Phoenix artists, paired with our signature coffee and cocktail creations.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-country-musicians-indoors_23-2151169632.jpg", imageAlt: "Art exhibition with people mingling", authorName: "Jobot Team", authorAvatar: "asset://blog-avatar", date: "November 23, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -330,30 +199,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open from dawn (6 AM) to late night (2 AM) daily. Kitchen hours may vary, please check our menu page for specifics.",
|
||||
},
|
||||
id: "faq-1", title: "What are your operating hours?", content: "We are open from dawn (6 AM) to late night (2 AM) daily. Kitchen hours may vary, please check our menu page for specifics."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do you offer catering services?",
|
||||
content: "Yes, Jobot offers catering for private events and gatherings. Please contact us directly to discuss your needs and custom menus.",
|
||||
},
|
||||
id: "faq-2", title: "Do you offer catering services?", content: "Yes, Jobot offers catering for private events and gatherings. Please contact us directly to discuss your needs and custom menus."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Is there parking available?",
|
||||
content: "Street parking is available nearby, and there are several public parking garages within a few blocks. We recommend checking local Phoenix parking apps for real-time availability.",
|
||||
},
|
||||
id: "faq-3", title: "Is there parking available?", content: "Street parking is available nearby, and there are several public parking garages within a few blocks. We recommend checking local Phoenix parking apps for real-time availability."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Can I reserve a table for events or groups?",
|
||||
content: "For large groups or special events, we recommend making a reservation. Please call us or use the contact form to inquire about availability.",
|
||||
},
|
||||
id: "faq-4", title: "Can I reserve a table for events or groups?", content: "For large groups or special events, we recommend making a reservation. Please call us or use the contact form to inquire about availability."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Do you have Wi-Fi?",
|
||||
content: "Absolutely! Free high-speed Wi-Fi is available for all our customers, making Jobot a perfect spot for working or studying.",
|
||||
},
|
||||
id: "faq-5", title: "Do you have Wi-Fi?", content: "Absolutely! Free high-speed Wi-Fi is available for all our customers, making Jobot a perfect spot for working or studying."},
|
||||
]}
|
||||
title="Good to Know"
|
||||
description="Find quick answers to common questions about our hours, parking, reservations, and more."
|
||||
@@ -368,28 +222,17 @@ export default function LandingPage() {
|
||||
description="Whether you're looking for directions, our current hours, or want to book an event, we're here to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Subject",
|
||||
required: true,
|
||||
name: "subject", type: "text", placeholder: "Subject", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hong-kong-traffic-view_1359-913.jpg"
|
||||
imageAlt="Map view of Jobot Coffee & Bar location in Phoenix"
|
||||
@@ -406,19 +249,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/jobotcoffee",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/jobotcoffee", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/jobotcoffee",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/jobotcoffee", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/jobotcoffee",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/jobotcoffee", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user