292 lines
16 KiB
TypeScript
292 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Reviews", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Martin Kafa"
|
|
button={{
|
|
text: "Order Online", href: "#"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Martin Kafa"
|
|
description="Your Cozy Corner for Exceptional Coffee & Delightful Desserts in Novi Sad. Experience warmth, quality, and a friendly atmosphere."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg", imageAlt: "Cozy coffee shop interior"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1517.jpg", imageAlt: "Freshly brewed espresso"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/triangle-slice-cocoa-ganache-cake-with-cup-drink_114579-31647.jpg", imageAlt: "Coffee and a book on a table"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg", imageAlt: "Coffee cup in a table"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-reading-book-club_23-2150062120.jpg", imageAlt: "Medium shot people reading at book club"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/barman-relaxing-couch_23-2147821276.jpg", imageAlt: "Barista working at the counter"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/traditional-greek-street-cafe-with-flowers_661209-441.jpg", imageAlt: "Outdoor cafe terrace"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-plate-with-fork-coffee_23-2148579291.jpg", imageAlt: "Assortment of gourmet desserts"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-wooden-table-with-gradient-photo-style_53876-14314.jpg", imageAlt: "Coffee cup on the wooden table with gradient photo style"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-2673.jpg", imageAlt: "Coffee cup"},
|
|
]}
|
|
tagAnimation="none"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Menu", href: "#menu"},
|
|
{
|
|
text: "Find Us", href: "#contact"},
|
|
]}
|
|
buttonAnimation="none"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-talking-mobile-phone_171337-3989.jpg", alt: "Happy customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-happy-man-using-spices-while-preparing-food-kitchen_637285-3456.jpg", alt: "Happy customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blonde-woman-smelling-coffee-with-latte-art_1170-688.jpg", alt: "Happy customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-talking-mobile-phone-holding-digital-tablet_107420-84972.jpg", alt: "Happy customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/girl-cozy-cafe-warms-herself-up-with-cup-hot-coffee_343596-4371.jpg", alt: "Happy customer 5"},
|
|
]}
|
|
avatarText="Join 10,000+ coffee lovers!"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Quality Coffee"},
|
|
{
|
|
type: "text", text: "Delicious Desserts"},
|
|
{
|
|
type: "text", text: "Cozy Ambiance"},
|
|
{
|
|
type: "text", text: "Friendly Service"},
|
|
{
|
|
type: "text", text: "Freshly Baked"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Our Story: The Heart of Martin Kafa"
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/view-from-couple-cafe_171337-16476.jpg", alt: "Cozy coffee shop interior"
|
|
},
|
|
{
|
|
type: "text", content: "At Martin Kafa, we believe in creating more than just coffee; we craft experiences. Born from a passion for exceptional brews and delectable treats, our cozy corner in Novi Sad offers a sanctuary where quality meets comfort. Every bean is carefully selected, every pastry baked with love, and every smile shared is genuine. Join us to discover a place where good coffee and great company come together."
|
|
}
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#"}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Artisanal Coffee", description: "Sourced from the finest beans, expertly roasted and brewed to perfection by our skilled baristas.", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg", imageAlt: "Barista making latte art"},
|
|
{
|
|
title: "Cozy & Relaxing Ambiance", description: "Our comfortable and non-smoking environment is the ideal spot to unwind, work, or catch up with friends.", imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg", imageAlt: "Cozy cafe interior"},
|
|
{
|
|
title: "Delicious Desserts", description: "Pair your favorite brew with our selection of super tasty, freshly baked desserts and pastries.", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-friends-talking-indoors_23-2148422378.jpg", imageAlt: "Dessert display in a cafe"},
|
|
]}
|
|
title="Experience the Martin Kafa Difference"
|
|
description="More than just a coffee shop, we're a place where every detail is crafted for your enjoyment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Coffee", name: "Oat Milk Cappuccino", price: "500 RSD", rating: 5,
|
|
reviewCount: "108", imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-salad-avocado-composition_23-2148747460.jpg", imageAlt: "Oat Milk Cappuccino"},
|
|
{
|
|
id: "p2", brand: "Coffee", name: "Classic Espresso", price: "350 RSD", rating: 5,
|
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-glasses-tasty-coffee_23-2148254964.jpg", imageAlt: "Classic Espresso"},
|
|
{
|
|
id: "p3", brand: "Pastry", name: "Butter Croissant", price: "400 RSD", rating: 5,
|
|
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/croissant-coffee-dark-background_84443-94438.jpg", imageAlt: "Butter Croissant"},
|
|
{
|
|
id: "p4", brand: "Dessert", name: "New York Cheesecake", price: "600 RSD", rating: 5,
|
|
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/slices-homemade-new-york-cheesecake_114579-9240.jpg", imageAlt: "New York Cheesecake"},
|
|
{
|
|
id: "p5", brand: "Coffee", name: "Creamy Latte", price: "450 RSD", rating: 5,
|
|
reviewCount: "102", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup_1339-4035.jpg", imageAlt: "Creamy Latte"},
|
|
{
|
|
id: "p6", brand: "Pastry", name: "Blueberry Muffin", price: "380 RSD", rating: 5,
|
|
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/black-currant-muffins-with-black-currant-wheat-table_140725-10870.jpg", imageAlt: "Blueberry Muffin"},
|
|
]}
|
|
title="Our Delightful Menu"
|
|
description="From classic espressos to innovative desserts, find your perfect treat at Martin Kafa."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Yuliya Privalova", handle: "@yuliyap", testimonial: "Good coffee and desserts ☕️ very cozy and not noisy atmosphere. No smoking indoors, which is also a plus 👌🏻 for those who want to drink coffee outdoors - there is a terrace.", imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-man-waiting-lunch-while-sitting-restaurant_58466-16034.jpg", imageAlt: "Yuliya Privalova"},
|
|
{
|
|
id: "2", name: "Dina Guiter", handle: "@dinag", testimonial: "Wonderful cafe, pleasant atmosphere, delicious desserts, there is herbal and green tea in a teapot, fresh flowers on the tables, pleasant quiet music, bright room and no smoking here. You can pay by card.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg", imageAlt: "Dina Guiter"},
|
|
{
|
|
id: "3", name: "Aleksandra Malaya", handle: "@aleksandram", testimonial: "Visited the coffee shop today, got a latte to go, the coffee is very tasty, prepared quickly! The interior is clean and beautiful, I will definitely drop by again!", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371200.jpg", imageAlt: "Aleksandra Malaya"},
|
|
{
|
|
id: "4", name: "Marko Petrovic", handle: "@markop", testimonial: "Martin Kafa is my go-to spot in Novi Sad. The coffee is consistently excellent and the desserts are out of this world. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/man-putting-coffee-pot-bar-with-customer_23-2148366624.jpg", imageAlt: "Marko Petrovic"},
|
|
{
|
|
id: "5", name: "Elena Djordjevic", handle: "@elenad", testimonial: "A truly charming cafe! The ambiance is so relaxing, and the staff are always so welcoming. Their oat milk cappuccino is a must-try.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg", imageAlt: "Elena Djordjevic"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear from our happy customers who love the Martin Kafa experience."
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "What are your opening hours?", content: "We are open daily from 8:00 AM to 9:00 PM (21:00)."},
|
|
{
|
|
id: "faq2", title: "Do you offer Wi-Fi?", content: "Yes, we provide complimentary Wi-Fi for all our guests. Feel free to work or relax while you enjoy your coffee."},
|
|
{
|
|
id: "faq3", title: "Is your cafe pet-friendly?", content: "Our outdoor terrace is pet-friendly, but we kindly ask that pets remain outside. Service animals are always welcome indoors."},
|
|
{
|
|
id: "faq4", title: "Do you offer catering services?", content: "Currently, we do not offer catering services, but we are happy to prepare large orders for pick-up. Please contact us in advance for details."},
|
|
{
|
|
id: "faq5", title: "What payment methods do you accept?", content: "We accept cash, major credit/debit cards, and mobile payments for your convenience."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-cafe-counter-with-barista-girl-working-with-coffee-machine-making-order-client_1258-203418.jpg"
|
|
imageAlt="Coffee shop counter"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about Martin Kafa."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Visit us at Железничка 4, Нови Сад 21000, or call us at 065 4469478. We're open until 21:00!"
|
|
buttons={[
|
|
{
|
|
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=Martin+Kafa"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529583.jpg"
|
|
logoAlt="Martin Kafa Logo"
|
|
logoText="Martin Kafa"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2023 Martin Kafa. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|