Merge version_1 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -33,84 +33,51 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Menu", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-bear-logo-template_23-2150503736.jpg"
|
||||
logoAlt="Mackbear Coffee Keçiören Logo"
|
||||
brandName="Mackbear Coffee Keçiören"
|
||||
button={{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Visit Us Today", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="The Coffee Experience Keçiören Deserves"
|
||||
description="From expertly crafted coffee to a beautifully designed atmosphere, Mackbear Coffee Keçiören is where great conversations, productive afternoons, and memorable evenings come together. Open late for the moments that matter most."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us Today", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354578.jpg?_wi=1",
|
||||
imageAlt: "Slow motion coffee pour in a luxury café",
|
||||
videoAriaLabel: "Cinematic video of coffee preparation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354578.jpg?_wi=2",
|
||||
},
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354578.jpg", imageAlt: "Slow motion coffee pour in a luxury café", videoAriaLabel: "Cinematic video of coffee preparation", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354578.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg?_wi=1",
|
||||
imageAlt: "Elegant café interior with comfortable seating and working guests",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg", imageAlt: "Elegant café interior with comfortable seating and working guests"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-table_23-2148464849.jpg",
|
||||
imageAlt: "Barista preparing latte art",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-table_23-2148464849.jpg", imageAlt: "Barista preparing latte art"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3438.jpg",
|
||||
imageAlt: "Chic coffee shop interior at night with guests enjoying",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3438.jpg", imageAlt: "Chic coffee shop interior at night with guests enjoying"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smoke-rises-from-roasted-coffee-beans-coffee-mug-lies-fragrant-coffee-selective-focus-beans_166373-2305.jpg",
|
||||
imageAlt: "Close-up of fresh coffee beans with warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smoke-rises-from-roasted-coffee-beans-coffee-mug-lies-fragrant-coffee-selective-focus-beans_166373-2305.jpg", imageAlt: "Close-up of fresh coffee beans with warm lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-drinking-coffee-taking-self-portrait-from-smart-phone_23-2147906494.jpg",
|
||||
imageAlt: "People socializing and laughing in a comfortable café setting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-drinking-coffee-taking-self-portrait-from-smart-phone_23-2147906494.jpg", imageAlt: "People socializing and laughing in a comfortable café setting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,27 +87,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Discover the Heart of ",
|
||||
},
|
||||
type: "text", content: "Discover the Heart of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-bear-logo-template_23-2150503736.jpg",
|
||||
alt: "Mackbear Coffee Keçiören logo",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/hand-drawn-bear-logo-template_23-2150503736.jpg", alt: "Mackbear Coffee Keçiören logo"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Coffee in Keçiören",
|
||||
},
|
||||
type: "text", content: " Coffee in Keçiören"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-cup-tea-decorative-details_169016-23620.jpg"
|
||||
imageAlt="Refined and elegant coffee shop interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -151,55 +107,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Handcrafted Excellence",
|
||||
description: "Our baristas are artisans, meticulously preparing each beverage with passion and precision. We source the finest beans to deliver a taste that truly stands out.",
|
||||
icon: Coffee,
|
||||
title: "Handcrafted Excellence", description: "Our baristas are artisans, meticulously preparing each beverage with passion and precision. We source the finest beans to deliver a taste that truly stands out.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg",
|
||||
imageAlt: "Barista's hands crafting coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg", imageAlt: "Barista's hands crafting coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg",
|
||||
imageAlt: "Close-up of latte art",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-bear-logo-template_23-2150503736.jpg",
|
||||
imageAlt: "hand-drawn coffee cup with steam",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg", imageAlt: "Close-up of latte art"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Late-Night Hospitality",
|
||||
description: "Whether you're working, studying, or catching up with friends, our doors stay open late. Enjoy our refined atmosphere and reliable Wi-Fi for moments that matter most.",
|
||||
icon: Moon,
|
||||
title: "Late-Night Hospitality", description: "Whether you're working, studying, or catching up with friends, our doors stay open late. Enjoy our refined atmosphere and reliable Wi-Fi for moments that matter most.", icon: Moon,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-having-drink-cafe_23-2147689312.jpg",
|
||||
imageAlt: "Person working on laptop in a cozy coffee shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-having-drink-cafe_23-2147689312.jpg", imageAlt: "Person working on laptop in a cozy coffee shop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
|
||||
imageAlt: "Cozy evening coffee shop interior",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354578.jpg?_wi=3",
|
||||
imageAlt: "hand-drawn coffee cup with steam",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg", imageAlt: "Cozy evening coffee shop interior"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Unmatched Ambiance",
|
||||
description: "Immerse yourself in an environment designed for comfort and connection. Our spacious seating, warm lighting, and Instagram-worthy aesthetics create the perfect backdrop for any occasion.",
|
||||
icon: Sparkles,
|
||||
title: "Unmatched Ambiance", description: "Immerse yourself in an environment designed for comfort and connection. Our spacious seating, warm lighting, and Instagram-worthy aesthetics create the perfect backdrop for any occasion.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg",
|
||||
imageAlt: "Friendly barista interacting with a customer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg", imageAlt: "Friendly barista interacting with a customer"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg",
|
||||
imageAlt: "Clean and spacious coffee bar area",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg?_wi=2",
|
||||
imageAlt: "hand-drawn coffee cup with steam",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg", imageAlt: "Clean and spacious coffee bar area"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Experience Mackbear: Beyond Just Coffee"
|
||||
@@ -215,53 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Espresso",
|
||||
price: "₺45",
|
||||
variant: "Single Origin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-morning-coffee-bed_23-2148796990.jpg",
|
||||
imageAlt: "Classic Espresso",
|
||||
},
|
||||
id: "1", name: "Classic Espresso", price: "₺45", variant: "Single Origin", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-morning-coffee-bed_23-2148796990.jpg", imageAlt: "Classic Espresso"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Velvet Cappuccino",
|
||||
price: "₺60",
|
||||
variant: "Rich & Creamy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-latte-coffee-with-creative-latte-art-wooden-textured-background_23-2148209302.jpg",
|
||||
imageAlt: "Velvet Cappuccino",
|
||||
},
|
||||
id: "2", name: "Velvet Cappuccino", price: "₺60", variant: "Rich & Creamy", imageSrc: "http://img.b2bpic.net/free-photo/close-up-latte-coffee-with-creative-latte-art-wooden-textured-background_23-2148209302.jpg", imageAlt: "Velvet Cappuccino"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Artisan Cold Brew",
|
||||
price: "₺70",
|
||||
variant: "Smooth & Refreshing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-ice-cubes-glass-wooden-spoon_23-2148441187.jpg",
|
||||
imageAlt: "Artisan Cold Brew",
|
||||
},
|
||||
id: "3", name: "Artisan Cold Brew", price: "₺70", variant: "Smooth & Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-ice-cubes-glass-wooden-spoon_23-2148441187.jpg", imageAlt: "Artisan Cold Brew"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Authentic Turkish Coffee",
|
||||
price: "₺55",
|
||||
variant: "Traditional Brew",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-turkish-coffee-served-with-water-turkish-silver-set_140725-660.jpg",
|
||||
imageAlt: "Authentic Turkish Coffee",
|
||||
},
|
||||
id: "4", name: "Authentic Turkish Coffee", price: "₺55", variant: "Traditional Brew", imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-turkish-coffee-served-with-water-turkish-silver-set_140725-660.jpg", imageAlt: "Authentic Turkish Coffee"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chocolate Croissant",
|
||||
price: "₺40",
|
||||
variant: "Freshly Baked",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissant-decorated-with-chocolate-wooden-board_140725-10171.jpg",
|
||||
imageAlt: "Chocolate Croissant",
|
||||
},
|
||||
id: "5", name: "Chocolate Croissant", price: "₺40", variant: "Freshly Baked", imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissant-decorated-with-chocolate-wooden-board_140725-10171.jpg", imageAlt: "Chocolate Croissant"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Vegan Brownie",
|
||||
price: "₺35",
|
||||
variant: "Gluten-Free Delight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-with-chocolate-shavings_84443-94410.jpg",
|
||||
imageAlt: "Vegan Brownie",
|
||||
},
|
||||
id: "6", name: "Vegan Brownie", price: "₺35", variant: "Gluten-Free Delight", imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-with-chocolate-shavings_84443-94410.jpg", imageAlt: "Vegan Brownie"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our curated selection of handcrafted coffees, teas, and delectable pastries."
|
||||
@@ -276,25 +172,15 @@ export default function LandingPage() {
|
||||
author="Sarah J., Local Professional"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-singlet-standing-with-crossed-arms-smiling_176474-13044.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-singlet-standing-with-crossed-arms-smiling_176474-13044.jpg", alt: "Sarah J."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "Michael C.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Michael C."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79286.jpg",
|
||||
alt: "Emily R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79286.jpg", alt: "Emily R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-man-wearing-suit_23-2148831128.jpg",
|
||||
alt: "David K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-man-wearing-suit_23-2148831128.jpg", alt: "David K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-adorable-teenage-girl-posing-against-white-wall_176420-30751.jpg",
|
||||
alt: "Alice W.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-adorable-teenage-girl-posing-against-white-wall_176420-30751.jpg", alt: "Alice W."},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -306,14 +192,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Keçiören Times",
|
||||
"Ankara Foodies",
|
||||
"Local Business Alliance",
|
||||
"Urban Coffee Guide",
|
||||
"Community Hub Magazine",
|
||||
"Keçiören Daily News",
|
||||
"Gourmet Coffee Blog",
|
||||
]}
|
||||
"Keçiören Times", "Ankara Foodies", "Local Business Alliance", "Urban Coffee Guide", "Community Hub Magazine", "Keçiören Daily News", "Gourmet Coffee Blog"]}
|
||||
title="Loved by the Community"
|
||||
description="We're proud to be a cherished part of the Keçiören neighborhood, recognized for our quality and welcoming atmosphere."
|
||||
tag="Our Esteemed Partners"
|
||||
@@ -326,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your operating hours?",
|
||||
content: "Mackbear Coffee Keçiören is open daily from 7:00 AM to 11:00 PM, and until 1:00 AM on weekends, offering a comfortable space for late-night work or gatherings.",
|
||||
},
|
||||
id: "1", title: "What are your operating hours?", content: "Mackbear Coffee Keçiören is open daily from 7:00 AM to 11:00 PM, and until 1:00 AM on weekends, offering a comfortable space for late-night work or gatherings."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer free Wi-Fi?",
|
||||
content: "Yes, we provide complimentary high-speed Wi-Fi for all our guests, perfect for remote work, studying, or casual browsing.",
|
||||
},
|
||||
id: "2", title: "Do you offer free Wi-Fi?", content: "Yes, we provide complimentary high-speed Wi-Fi for all our guests, perfect for remote work, studying, or casual browsing."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I reserve a table for a meeting or event?",
|
||||
content: "While we don't typically take reservations for individual tables, for larger groups or special events, please contact us directly to discuss your needs. We're happy to accommodate where possible.",
|
||||
},
|
||||
id: "3", title: "Can I reserve a table for a meeting or event?", content: "While we don't typically take reservations for individual tables, for larger groups or special events, please contact us directly to discuss your needs. We're happy to accommodate where possible."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about Mackbear Coffee Keçiören."
|
||||
@@ -352,8 +222,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect With Us"
|
||||
title="Visit Mackbear Coffee Keçiören"
|
||||
description="We look forward to welcoming you to our premium café. Whether for a quick coffee, a productive afternoon, or a memorable evening, Mackbear is your destination."
|
||||
@@ -372,13 +241,9 @@ export default function LandingPage() {
|
||||
logoAlt="Mackbear Coffee Keçiören Logo"
|
||||
logoText="Mackbear Coffee"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user