288 lines
16 KiB
TypeScript
288 lines
16 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: "Home", id: "home"},
|
||
{
|
||
name: "About Us", id: "about"},
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
{
|
||
name: "Reviews", id: "reviews"},
|
||
{
|
||
name: "FAQ", id: "faq"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwuPDEpVeZ5gsPhruNSIgl4cpQ/uploaded-1781102237780-gepqkkre.png"
|
||
brandName="Moz Coffee"
|
||
animateOnLoad={true}
|
||
button={{ text: "Order Now", href: "#menu" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="Experience the Art of Coffee at Moz Coffee"
|
||
description="Where every cup tells a story of passion, hygiene, and exceptional taste. Discover your new favorite blend and dessert."
|
||
testimonials={[
|
||
{
|
||
name: "Sarah J.", handle: "@SarahReviews", testimonial: "If you like coffee and desserts and care about hygiene, I can say this is the right place. The strawberry tart and cookies are delicious!", 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: "Whenever we go shopping in Kavacık, we always come here to drink Turkish coffee. It's really delicious.", 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: "The coffee was very good, and the place has a great atmosphere. Always pleased with the service.", 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 Coffee is my go-to spot for a relaxing break. Their espresso is perfectly balanced, and the staff is always friendly.", 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: "Absolutely adore their homemade cookies! This cafe sets a new standard for quality and taste. A must-visit!", 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="Join our community of coffee enthusiasts!"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Freshly Roasted Beans"},
|
||
{
|
||
type: "text-icon", text: "Artisan Desserts", icon: Cake,
|
||
},
|
||
{
|
||
type: "text", text: "Exceptional Service"},
|
||
{
|
||
type: "text-icon", text: "Cozy Ambiance", icon: Coffee,
|
||
},
|
||
{
|
||
type: "text", text: "Perfect for a Break"},
|
||
]}
|
||
showMarqueeCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Our Commitment to Quality & Comfort"
|
||
description="At Moz Coffee, we believe that great coffee is more than just a drink; it's an experience. We meticulously select our beans, prepare each cup with care, and pair it with delectable desserts, all while maintaining the highest standards of hygiene and a welcoming atmosphere."
|
||
bulletPoints={[
|
||
{
|
||
title: "Masterfully Brewed Coffee", description: "From rich Turkish coffee to perfect espresso, our baristas craft every drink with expertise and passion.", icon: Coffee,
|
||
},
|
||
{
|
||
title: "Decadent Desserts", description: "Indulge in our delicious strawberry tarts, cookies, and a rotating selection of delightful treats. A perfect pairing for your coffee.", icon: Cookie,
|
||
},
|
||
{
|
||
title: "Impeccable Hygiene", description: "Your health and comfort are our top priority. We maintain a pristine environment for your peace of mind and enjoyment.", 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: [
|
||
"Generic coffee experience", "Limited dessert options", "Unwelcoming ambiance", "Compromised hygiene"],
|
||
}}
|
||
positiveCard={{
|
||
items: [
|
||
"Masterfully crafted beverages", "Diverse, delicious desserts", "Cozy & inviting atmosphere", "Exceptional hygiene standards"],
|
||
}}
|
||
title="What Makes Moz Coffee Stand Out"
|
||
description="Discover the Moz Coffee difference – where every detail is curated for your ultimate satisfaction and enjoyment."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardThree
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p-1", name: "Turkish Coffee", 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: "Strawberry 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: "Chocolate Chip Cookies", 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: "Specialty Brew", 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="Our Delicious Offerings"
|
||
description="Explore our exquisite selection of coffees and homemade desserts, crafted to perfection for your enjoyment. Always fresh, always delightful."
|
||
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="What Our Valued Customers Say"
|
||
cardTag="Loved by many, trusted by all"
|
||
cardAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "What are your opening hours?", content: "We are open daily from 8 AM to 8 PM, serving fresh coffee and desserts. Come visit us any day of the week!"},
|
||
{
|
||
id: "faq-2", title: "Do you offer vegan options?", content: "Yes, we have a selection of vegan-friendly coffees and a rotating dessert option. Please ask our staff for today's specials and we'd be happy to guide you."},
|
||
{
|
||
id: "faq-3", title: "Can I make a reservation?", content: "We operate on a first-come, first-served basis, so reservations are not typically required. For large groups or special events, please contact us in advance to discuss arrangements."},
|
||
{
|
||
id: "faq-4", title: "Do you have outdoor seating?", content: "Yes, we offer comfortable outdoor patio seating for those who enjoy fresh air with their coffee. It's perfect for enjoying the weather on a sunny day."},
|
||
{
|
||
id: "faq-5", title: "Is Moz Coffee kid-friendly?", content: "Absolutely! We welcome families and have options for all ages, including some child-friendly treats and beverages. Our cozy atmosphere is suitable for everyone."},
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Find quick answers to common questions about Moz Coffee's menu, services, and location."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
tag="Get in Touch"
|
||
title="Visit Us or Say Hello!"
|
||
description="We'd love to hear from you. Stop by for a coffee or reach out with any questions, feedback, or special requests. Your input helps us serve you better."
|
||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4403.jpg"
|
||
mediaAnimation="slide-up"
|
||
inputPlaceholder="Your email address"
|
||
buttonText="Send Message"
|
||
termsText="By clicking Send Message you're confirming that you agree with our Terms and Conditions."
|
||
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 Coffee"
|
||
columns={[
|
||
{
|
||
title: "Explore", items: [
|
||
{
|
||
label: "Home", href: "#home"},
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Menu", href: "#menu"},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{
|
||
label: "Reviews", href: "#reviews"},
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms of Service", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Moz Coffee. All rights reserved."
|
||
imageAlt="warm cozy cafe interior ambiance"
|
||
logoAlt="User provided image"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|