Files
69af1aa4-8784-4f43-8343-842…/src/app/page.tsx
2026-06-10 14:39:43 +00:00

288 lines
16 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"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>
);
}