Merge version_1 into main #2
274
src/app/page.tsx
274
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/mockup-coffee-beans-form-word-coffee-cup-espresso-top-view_169016-53835.jpg"
|
||||
logoAlt="Bo's Coffee Logo"
|
||||
@@ -64,103 +54,57 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Great Coffee, Great Moments"
|
||||
description="Welcome to Bo's Coffee, your cozy destination in Doha for premium coffee, delicious food, and a relaxing atmosphere. Whether you're meeting friends, working remotely, or simply enjoying a quiet break, we're here to serve exceptional coffee with outstanding customer service."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Very good customer service, very good coffee. Always a pleasure!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-bearded-male-trendy-black-hat-looking-with-happy-smile-enjoying-good-coffee-nice-weather-while-relaxing-cafe-alone-breakfast_273609-1752.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarah_j", testimonial: "Very good customer service, very good coffee. Always a pleasure!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-bearded-male-trendy-black-hat-looking-with-happy-smile-enjoying-good-coffee-nice-weather-while-relaxing-cafe-alone-breakfast_273609-1752.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
name: "Ahmed K.",
|
||||
handle: "@ahmed_k",
|
||||
testimonial: "Cozy place and quiet. Food and drinks are good. Perfect for studying.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-modern-technology-young-student-with-happy-look-enjoying-high-speed-internet-connection-his-smart-phone-fashionable-man-trendy-headwear-using-electronic-device-cafe_273609-1709.jpg",
|
||||
imageAlt: "Ahmed Khan",
|
||||
},
|
||||
name: "Ahmed K.", handle: "@ahmed_k", testimonial: "Cozy place and quiet. Food and drinks are good. Perfect for studying.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-modern-technology-young-student-with-happy-look-enjoying-high-speed-internet-connection-his-smart-phone-fashionable-man-trendy-headwear-using-electronic-device-cafe_273609-1709.jpg", imageAlt: "Ahmed Khan"},
|
||||
{
|
||||
name: "Fatima M.",
|
||||
handle: "@fatima_m",
|
||||
testimonial: "The best coffee you can get in Qatar. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15947.jpg",
|
||||
imageAlt: "Fatima Mansour",
|
||||
},
|
||||
name: "Fatima M.", handle: "@fatima_m", testimonial: "The best coffee you can get in Qatar. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15947.jpg", imageAlt: "Fatima Mansour"},
|
||||
{
|
||||
name: "Omar S.",
|
||||
handle: "@omar_s",
|
||||
testimonial: "A true gem in Doha! The ambiance and quality of coffee are unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-drinking-coffee-office_1303-22711.jpg",
|
||||
imageAlt: "Omar Sayed",
|
||||
},
|
||||
name: "Omar S.", handle: "@omar_s", testimonial: "A true gem in Doha! The ambiance and quality of coffee are unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-drinking-coffee-office_1303-22711.jpg", imageAlt: "Omar Sayed"},
|
||||
{
|
||||
name: "Layla A.",
|
||||
handle: "@layla_a",
|
||||
testimonial: "My go-to spot for coffee and a peaceful work environment. Excellent!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg",
|
||||
imageAlt: "Layla Ali",
|
||||
},
|
||||
name: "Layla A.", handle: "@layla_a", testimonial: "My go-to spot for coffee and a peaceful work environment. Excellent!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg", imageAlt: "Layla Ali"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-big-cup-coffee-smiling-looking-happy_1258-201568.jpg",
|
||||
alt: "Customer Sarah J.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-big-cup-coffee-smiling-looking-happy_1258-201568.jpg", alt: "Customer Sarah J."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-redhead-bearded-man-with-charming-smile-white-shirt-holding-coffee-cup-looking-aside_171337-10001.jpg",
|
||||
alt: "Customer Ahmed K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-redhead-bearded-man-with-charming-smile-white-shirt-holding-coffee-cup-looking-aside_171337-10001.jpg", alt: "Customer Ahmed K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-girl-drinking-coffee-cafe_1157-20655.jpg",
|
||||
alt: "Customer Fatima M.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-girl-drinking-coffee-cafe_1157-20655.jpg", alt: "Customer Fatima M."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-drinking-coffee-smiling-standing_1258-26613.jpg",
|
||||
alt: "Customer Omar S.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-drinking-coffee-smiling-standing_1258-26613.jpg", alt: "Customer Omar S."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mockup-coffee-beans-form-word-coffee-cup-espresso-top-view_169016-53835.jpg",
|
||||
alt: "Customer Layla A.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mockup-coffee-beans-form-word-coffee-cup-espresso-top-view_169016-53835.jpg", alt: "Customer Layla A."},
|
||||
]}
|
||||
avatarText="Loved by coffee enthusiasts"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-24971.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-24971.jpg"
|
||||
imageAlt="Interior of a modern and cozy coffee shop"
|
||||
mediaAnimation="opacity"
|
||||
fixedMediaHeight={true}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted Beans",
|
||||
type: "text", text: "Freshly Roasted Beans"},
|
||||
{
|
||||
type: "text-icon", text: "Artisan Baristas", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Artisan Baristas",
|
||||
icon: Sparkles,
|
||||
type: "text", text: "Cozy Atmosphere"},
|
||||
{
|
||||
type: "text-icon", text: "Delicious Pastries", icon: Croissant,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cozy Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Delicious Pastries",
|
||||
icon: Croissant,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Complimentary Wi-Fi",
|
||||
},
|
||||
type: "text", text: "Complimentary Wi-Fi"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -182,46 +126,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Coffee Selection",
|
||||
description: "Freshly brewed coffee made from carefully selected beans, sourced globally for exceptional flavor and aroma.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-beans-white-ceramic-cup-high-quality-photo_114579-77892.jpg",
|
||||
imageAlt: "Roasted coffee beans",
|
||||
},
|
||||
title: "Premium Coffee Selection", description: "Freshly brewed coffee made from carefully selected beans, sourced globally for exceptional flavor and aroma.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-beans-white-ceramic-cup-high-quality-photo_114579-77892.jpg", imageAlt: "Roasted coffee beans"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-multilayer-coffee-glass-with-foam_23-2147908390.jpg",
|
||||
imageAlt: "Latte art in a coffee cup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-coffee-beans-form-word-coffee-cup-espresso-top-view_169016-53835.jpg",
|
||||
imageAlt: "roasted coffee beans in a bowl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-multilayer-coffee-glass-with-foam_23-2147908390.jpg", imageAlt: "Latte art in a coffee cup"}
|
||||
},
|
||||
{
|
||||
title: "Fresh Food & Snacks",
|
||||
description: "Enjoy a delightful variety of freshly baked pastries, light meals, and delicious treats, perfect for any time of day.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-pastry-wooden-table_23-2148516596.jpg",
|
||||
imageAlt: "Assortment of pastries",
|
||||
},
|
||||
title: "Fresh Food & Snacks", description: "Enjoy a delightful variety of freshly baked pastries, light meals, and delicious treats, perfect for any time of day.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-pastry-wooden-table_23-2148516596.jpg", imageAlt: "Assortment of pastries"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-hot-dogs-chopping-board-with-fig-almonds-white-marble-counter_23-2147956748.jpg",
|
||||
imageAlt: "Gourmet sandwich",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-24971.jpg?_wi=2",
|
||||
imageAlt: "roasted coffee beans in a bowl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-hot-dogs-chopping-board-with-fig-almonds-white-marble-counter_23-2147956748.jpg", imageAlt: "Gourmet sandwich"}
|
||||
},
|
||||
{
|
||||
title: "Cozy & Quiet Atmosphere",
|
||||
description: "A comfortable and serene space designed for relaxation, focused work, intimate conversations, or casual gatherings.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg",
|
||||
imageAlt: "Cozy cafe interior",
|
||||
},
|
||||
title: "Cozy & Quiet Atmosphere", description: "A comfortable and serene space designed for relaxation, focused work, intimate conversations, or casual gatherings.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg", imageAlt: "Cozy cafe interior"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-sitting-cafe-drinking-coffee-working-computer_1303-14885.jpg",
|
||||
imageAlt: "Person working on laptop in cafe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-bearded-male-trendy-black-hat-looking-with-happy-smile-enjoying-good-coffee-nice-weather-while-relaxing-cafe-alone-breakfast_273609-1752.jpg?_wi=2",
|
||||
imageAlt: "roasted coffee beans in a bowl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-sitting-cafe-drinking-coffee-working-computer_1303-14885.jpg", imageAlt: "Person working on laptop in cafe"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -235,35 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-young-woman-sits-kitchen-floor-extends-hand-with-cup-offers-you-mug-with-coffee_1258-187222.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-young-woman-sits-kitchen-floor-extends-hand-with-cup-offers-you-mug-with-coffee_1258-187222.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ahmed K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-drinking-cup-coffee-break-from-work-while-sitting-stairs-outdoors-business-concept_58466-14710.jpg",
|
||||
imageAlt: "Ahmed Khan",
|
||||
},
|
||||
id: "2", name: "Ahmed K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-drinking-cup-coffee-break-from-work-while-sitting-stairs-outdoors-business-concept_58466-14710.jpg", imageAlt: "Ahmed Khan"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-authentic-woman-smiling-holding-warm-cup-coffee-looking-happy-standing-beige-background_1258-300384.jpg",
|
||||
imageAlt: "Fatima Mansour",
|
||||
},
|
||||
id: "3", name: "Fatima M.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-authentic-woman-smiling-holding-warm-cup-coffee-looking-happy-standing-beige-background_1258-300384.jpg", imageAlt: "Fatima Mansour"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Omar S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1138.jpg",
|
||||
imageAlt: "Omar Sayed",
|
||||
},
|
||||
id: "4", name: "Omar S.", imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1138.jpg", imageAlt: "Omar Sayed"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Layla A.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-young-digital-nomad-man-glasses-sits-cafe-works-from-coffee-shop-uses-laptop_1258-245260.jpg",
|
||||
imageAlt: "Layla Ali",
|
||||
},
|
||||
id: "5", name: "Layla A.", imageSrc: "http://img.b2bpic.net/free-photo/image-young-digital-nomad-man-glasses-sits-cafe-works-from-coffee-shop-uses-laptop_1258-245260.jpg", imageAlt: "Layla Ali"},
|
||||
]}
|
||||
cardTitle="Loved by Our Community"
|
||||
cardTag="Customer Reviews"
|
||||
@@ -276,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Instagram",
|
||||
"Facebook",
|
||||
"Twitter",
|
||||
"Google Maps",
|
||||
"Yelp",
|
||||
"TripAdvisor",
|
||||
"Zomato",
|
||||
]}
|
||||
"Instagram", "Facebook", "Twitter", "Google Maps", "Yelp", "TripAdvisor", "Zomato"]}
|
||||
title="Stay Connected"
|
||||
description="Join our growing community and never miss out on the latest news, offers, and events at Bo's Coffee. Follow us on social media for daily updates and specials."
|
||||
/>
|
||||
@@ -295,25 +188,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What kind of coffee do you serve?",
|
||||
content: "We serve a wide range of premium coffee, including espresso, cappuccino, latte, Americano, and various specialty brews. We also offer seasonal drinks.",
|
||||
},
|
||||
id: "faq1", title: "What kind of coffee do you serve?", content: "We serve a wide range of premium coffee, including espresso, cappuccino, latte, Americano, and various specialty brews. We also offer seasonal drinks."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer food options?",
|
||||
content: "Yes, we have a selection of fresh pastries, sandwiches, salads, and delicious desserts to complement your coffee.",
|
||||
},
|
||||
id: "faq2", title: "Do you offer food options?", content: "Yes, we have a selection of fresh pastries, sandwiches, salads, and delicious desserts to complement your coffee."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily from 8:00 AM to 10:00 PM. Please check our social media for any holiday hours.",
|
||||
},
|
||||
id: "faq3", title: "What are your opening hours?", content: "We are open daily from 8:00 AM to 10:00 PM. Please check our social media for any holiday hours."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Do you have Wi-Fi available?",
|
||||
content: "Yes, complimentary high-speed Wi-Fi is available for all our customers, making it a perfect spot for work or study.",
|
||||
},
|
||||
id: "faq4", title: "Do you have Wi-Fi available?", content: "Yes, complimentary high-speed Wi-Fi is available for all our customers, making it a perfect spot for work or study."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cup-tea-hot-inside-white-cup-glass-plate-white-desk-tea-drink-sweet_140725-32053.jpg"
|
||||
imageAlt="Steaming coffee cup"
|
||||
@@ -332,22 +213,14 @@ export default function LandingPage() {
|
||||
description="Enjoy your favorite coffee and food in-store or order online for convenience. Visit us or send a message!"
|
||||
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,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Your Message", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/watercolor-city-illustrated_23-2151768897.jpg"
|
||||
@@ -360,54 +233,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Menu", href: "#features"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
label: "Order Online", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
title: "Follow Us", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "https://maps.app.goo.gl/Pym721M73gAt6oW86",
|
||||
},
|
||||
label: "Location", href: "https://maps.app.goo.gl/Pym721M73gAt6oW86"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user