287 lines
17 KiB
TypeScript
287 lines
17 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import { Cake, Coffee, Cookie, Feather } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="mediumSmall"
|
||
sizing="large"
|
||
background="floatingGradient"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Anasayfa", id: "home"},
|
||
{
|
||
name: "Hakkımızda", id: "about"},
|
||
{
|
||
name: "Menü", id: "menu"},
|
||
{
|
||
name: "Yorumlar", id: "reviews"},
|
||
{
|
||
name: "SSS", id: "faq"},
|
||
{
|
||
name: "İletişim", id: "contact"},
|
||
]}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwuPDEpVeZ5gsPhruNSIgl4cpQ/uploaded-1781102237780-gepqkkre.png"
|
||
brandName="Moz Kahve"
|
||
animateOnLoad={true}
|
||
button={{ text: "Hemen Sipariş Ver", href: "#menu" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="Moz Kahve'de Kahve Sanatını Deneyimleyin"
|
||
description="Her fincanın tutku, hijyen ve olağanüstü lezzet hikayeleri anlattığı yer. Yeni favori karışımınızı ve tatlınızı keşfedin."
|
||
testimonials={[
|
||
{
|
||
name: "Sarah J.", handle: "@SarahReviews", testimonial: "Kahve ve tatlı seviyorsanız ve hijyene önem veriyorsanız burası tam size göre diyebilirim. Çilekli tartı ve kurabiyeleri enfes!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-hair-holds-paper-cup-delicious-coffee-smartphone-wears-casual-orange-sweater-isolated-vivid-green-wall-sends-messages_273609-47986.jpg", imageAlt: "young woman smiling coffee shop"},
|
||
{
|
||
name: "Yiğit Yürükakar", handle: "@YigitY", testimonial: "Kavacık'ta ne zaman alışverişe çıksak, Türk kahvesi içmek için her zaman buraya geliriz. Gerçekten çok lezzetli.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/hansome-man-enjoying-coffee_23-2147775885.jpg", imageAlt: "man enjoying turkish coffee"},
|
||
{
|
||
name: "Sudenaz Yumuş", handle: "@SudenazY", testimonial: "Kahve çok güzeldi ve mekanın harika bir atmosferi var. Hizmetten her zaman memnun kalırım.", rating: 4.5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10422.jpg", imageAlt: "woman looking thoughtfully cafe"},
|
||
{
|
||
name: "Burak A.", handle: "@CoffeeLoverB", testimonial: "Moz Kahve, rahatlamak için vazgeçilmez yerim. Espresso'ları mükemmel dengeli ve personel her zaman dost canlısı.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-woman-holding-plastic-coffee-cup-stretching-it-isolated-green-wall-with-copy-space_141793-26059.jpg", imageAlt: "Smiling young beautiful woman holding plastic coffee cup and stretching it on isolated green wall with copy space"},
|
||
{
|
||
name: "Elif S.", handle: "@DessertQueen", testimonial: "Ev yapımı kurabiyelerine kesinlikle bayılıyorum! Bu kafe, kalite ve lezzet için yeni bir standart belirliyor. Mutlaka ziyaret edilmeli!", rating: 4.8,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-woman-wearing-hat-holding-plastic-coffee-cup-looking-it-isolated-green-wall-with-copy-space_141793-25890.jpg", imageAlt: "Pleased young beautiful woman wearing hat holding plastic coffee cup and looking at it on isolated green wall with copy space"},
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwuPDEpVeZ5gsPhruNSIgl4cpQ/uploaded-1781102237780-lgm3e6sa.png"
|
||
mediaAnimation="slide-up"
|
||
imageAlt="User provided image"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-woman-holding-plastic-coffee-cup-isolated-green-wall-with-copy-space_141793-26060.jpg", alt: "Smiling young beautiful woman holding plastic coffee cup on isolated green wall with copy space"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-smiling-beautiful-happy-woman-with-long-hair-enjoying-cappuccino-white-background-beauty-woman-enjoying-coffee-cup-hot-beverage_158595-7572.jpg", alt: "Young smiling beautiful happy woman with long hair enjoying cappuccino on white background. Beauty Woman enjoying Coffee. Cup of Hot Beverage."},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/man-having-iced-coffee-break-while-using-smartphone_23-2149567215.jpg", alt: "Man having an iced coffee break while using smartphone"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/boy-taking-picture_23-2148011874.jpg", alt: "Boy taking a picture"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/man-drinking-coffee-talking-phone_23-2147689317.jpg", alt: "Man drinking coffee and talking on phone"},
|
||
]}
|
||
avatarText="Kahve tutkunları topluluğumuza katılın!"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Taze Kavrulmuş Çekirdekler"},
|
||
{
|
||
type: "text-icon", text: "Artizan Tatlılar", icon: Cake,
|
||
},
|
||
{
|
||
type: "text", text: "Olağanüstü Hizmet"},
|
||
{
|
||
type: "text-icon", text: "Sıcak Atmosfer", icon: Coffee,
|
||
},
|
||
{
|
||
type: "text", text: "Molalar İçin İdeal"},
|
||
]}
|
||
showMarqueeCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Kalite ve Konfora Adanmışlığımız"
|
||
description="Moz Kahve'de, harika kahvenin sadece bir içecekten fazlası olduğuna inanıyoruz; o bir deneyimdir. Fasulyelerimizi titizlikle seçiyor, her fincanı özenle hazırlıyor ve enfes tatlılarla eşleştiriyoruz, tüm bunları en yüksek hijyen standartlarını ve davetkar bir atmosferi koruyarak yapıyoruz."
|
||
bulletPoints={[
|
||
{
|
||
title: "Ustalıkla Hazırlanmış Kahve", description: "Zengin Türk kahvesinden mükemmel espressoya kadar, baristalarımız her içeceği uzmanlık ve tutkuyla hazırlıyor.", icon: Coffee,
|
||
},
|
||
{
|
||
title: "Göz Alıcı Tatlılar", description: "Lezzetli çilekli tartlarımızı, kurabiyelerimizi ve dönen nefis ikram seçeneklerimizi tadın. Kahveniz için mükemmel bir eşlikçi.", icon: Cookie,
|
||
},
|
||
{
|
||
title: "Kusursuz Hijyen", description: "Sağlığınız ve konforunuz en büyük önceliğimizdir. Huzurunuz ve keyfiniz için tertemiz bir ortam sağlıyoruz.", icon: Feather,
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116661.jpg"
|
||
mediaAnimation="slide-up"
|
||
imageAlt="premium roasted coffee beans close up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
negativeCard={{
|
||
items: [
|
||
"Sıradan kahve deneyimi", "Sınırlı tatlı seçenekleri", "Davetkar olmayan ortam", "Düşük hijyen"],
|
||
}}
|
||
positiveCard={{
|
||
items: [
|
||
"Ustalıkla hazırlanmış içecekler", "Çeşitli, lezzetli tatlılar", "Sıcak ve davetkar atmosfer", "Üstün hijyen standartları"],
|
||
}}
|
||
title="Moz Kahve'yi Ayıran Özellikler"
|
||
description="Moz Kahve farkını keşfedin – her detayın nihai memnuniyetiniz ve keyfiniz için özenle seçildiği yer."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardThree
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p-1", name: "Türk Kahvesi", price: "₺45", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-lokum_114579-20004.jpg", rating: 5,
|
||
imageAlt: "traditional turkish coffee cup"},
|
||
{
|
||
id: "p-2", name: "Espresso", price: "₺40", imageSrc: "http://img.b2bpic.net/free-photo/guy-smelling-beer-pub_23-2147897015.jpg", rating: 5,
|
||
imageAlt: "perfectly pulled espresso shot"},
|
||
{
|
||
id: "p-3", name: "Çilekli Tart", price: "₺60", imageSrc: "http://img.b2bpic.net/free-photo/fresh-red-strawberries-mellow-delicious-berries-inside-plate-with-cakes-light-desk_140725-32185.jpg", rating: 5,
|
||
imageAlt: "fresh strawberry tart dessert"},
|
||
{
|
||
id: "p-4", name: "Çikolatalı Kurabiye", price: "₺35", imageSrc: "http://img.b2bpic.net/free-photo/plate-sweeties-two-cakes-biscuits-with-cinnamon_114579-5775.jpg", rating: 5,
|
||
imageAlt: "homemade chocolate chip cookies stack"},
|
||
{
|
||
id: "p-5", name: "Latte Art", price: "₺50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-pour-creates-liquid-crown-white-mug_91128-4689.jpg", rating: 4.5,
|
||
imageAlt: "beautiful latte art heart foam"},
|
||
{
|
||
id: "p-6", name: "Özel Demleme", price: "₺55", imageSrc: "http://img.b2bpic.net/free-photo/steam-espresso-caffeine-hot-black_1323-4.jpg", rating: 4.5,
|
||
imageAlt: "specialty coffee brew method"},
|
||
]}
|
||
title="Lezzetli İkramlarımız"
|
||
description="Keyfiniz için mükemmel bir şekilde hazırlanmış enfes kahve ve ev yapımı tatlı seçeneklerimizi keşfedin. Her zaman taze, her zaman nefis."
|
||
animationType="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardTwelve
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t-1", name: "Ayşe Yılmaz", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5358.jpg", imageAlt: "smiling diverse young woman portrait"},
|
||
{
|
||
id: "t-2", name: "Emre Can", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2149069167.jpg", imageAlt: "happy young man portrait"},
|
||
{
|
||
id: "t-3", name: "Zeynep Demir", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hispanic-woman-wearing-business-jacket-looking-confident-camera-smiling-with-crossed-arms-hand-raised-chin-thinking-positive_839833-8974.jpg", imageAlt: "diverse woman smiling headshot"},
|
||
{
|
||
id: "t-4", name: "Cem Kılıç", imageSrc: "http://img.b2bpic.net/free-photo/friendly-lovely-girl-with-bright-make-up-dark-collected-hair-dressed-white-tshirt-is-smiling-camera-spend-time-outdoor-city-center-warm-sunny-day_291650-2385.jpg", imageAlt: "young man headshot smiling"},
|
||
{
|
||
id: "t-5", name: "Elif Özcan", imageSrc: "http://img.b2bpic.net/free-photo/waistup-shot-charming-selfassured-authentic-woman-feeling-great-accepting-own-imperfections_1258-228327.jpg", imageAlt: "happy young woman headshot"},
|
||
]}
|
||
cardTitle="Değerli Müşterilerimiz Ne Diyor?"
|
||
cardTag="Birçok kişi tarafından sevildi, herkes tarafından güvenildi"
|
||
cardAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "Açılış saatleriniz nelerdir?", content: "Her gün sabah 8'den akşam 8'e kadar açık olup, taze kahve ve tatlılar sunuyoruz. Haftanın her günü bizi ziyaret edebilirsiniz!"},
|
||
{
|
||
id: "faq-2", title: "Vegan seçenekleriniz var mı?", content: "Evet, vegan dostu kahve seçeneklerimiz ve değişen bir tatlı seçeneğimiz bulunmaktadır. Lütfen bugünün özel ürünleri için personelimize danışın, size yardımcı olmaktan mutluluk duyarız."},
|
||
{
|
||
id: "faq-3", title: "Rezervasyon yapabilir miyim?", content: "İlk gelen ilk hizmet alır esasına göre çalışıyoruz, bu yüzden genellikle rezervasyon gerekmemektedir. Büyük gruplar veya özel etkinlikler için, lütfen düzenlemeleri görüşmek üzere önceden bizimle iletişime geçin."},
|
||
{
|
||
id: "faq-4", title: "Açık havada oturma yeriniz var mı?", content: "Evet, kahvesini temiz havada keyifle içmek isteyenler için rahat bir açık hava terasımız mevcuttur. Güneşli bir günde havanın tadını çıkarmak için idealdir."},
|
||
{
|
||
id: "faq-5", title: "Moz Kahve çocuk dostu mu?", content: "Kesinlikle! Aileleri ağırlamaktan mutluluk duyarız ve çocuk dostu ikramlar ve içecekler de dahil olmak üzere her yaşa uygun seçeneklerimiz bulunmaktadır. Rahat atmosferimiz herkes için uygundur."},
|
||
]}
|
||
title="Sıkça Sorulan Sorular"
|
||
description="Moz Kahve'nin menüsü, hizmetleri ve konumu hakkındaki sıkça sorulan sorulara hızlı cevaplar bulun."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
tag="Bize Ulaşın"
|
||
title="Bizi Ziyaret Edin veya Merhaba Deyin!"
|
||
description="Sizden haber almaktan mutluluk duyarız. Bir kahve içmek için uğrayın veya herhangi bir sorunuz, geri bildiriminiz veya özel isteğiniz için bizimle iletişime geçin. Girdileriniz size daha iyi hizmet vermemize yardımcı olur."
|
||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4403.jpg"
|
||
mediaAnimation="slide-up"
|
||
inputPlaceholder="E-posta adresiniz"
|
||
buttonText="Mesaj Gönder"
|
||
termsText="'Mesaj Gönder' düğmesine tıklayarak, Şartlar ve Koşullarımızı kabul ettiğinizi onaylamış olursunuz."
|
||
imageAlt="cozy coffee shop exterior building"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg"
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwuPDEpVeZ5gsPhruNSIgl4cpQ/uploaded-1781102237780-gepqkkre.png"
|
||
logoText="Moz Kahve"
|
||
columns={[
|
||
{
|
||
title: "Keşfet", items: [
|
||
{
|
||
label: "Anasayfa", href: "#home"},
|
||
{
|
||
label: "Hakkımızda", href: "#about"},
|
||
{
|
||
label: "Menü", href: "#menu"},
|
||
],
|
||
},
|
||
{
|
||
title: "Bağlan", items: [
|
||
{
|
||
label: "Yorumlar", href: "#reviews"},
|
||
{
|
||
label: "SSS", href: "#faq"},
|
||
{
|
||
label: "İletişim", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Yasal", items: [
|
||
{
|
||
label: "Gizlilik Politikası", href: "#"},
|
||
{
|
||
label: "Hizmet Şartları", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Moz Kahve. Tüm hakları saklıdır."
|
||
imageAlt="warm cozy cafe interior ambiance"
|
||
logoAlt="User provided image"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |