191 lines
11 KiB
TypeScript
191 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
import { Coffee, Croissant } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Menu", id: "products" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
brandName="Cloves Cafe"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Welcome to Cloves Cafe"
|
||
description="Experience the finest specialty coffees and artisanal pastries in the heart of Gaziantep. A cozy sanctuary for coffee lovers."
|
||
testimonials={[
|
||
{ name: "Zeynep Y.", handle: "@zeynepy", testimonial: "The best coffee in Gaziantep! Absolutely lovely atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-working-computer-drinking-coffee_1303-27376.jpg?_wi=1", imageAlt: "cozy cafe interior warm lighting" },
|
||
{ name: "Ahmet K.", handle: "@ahmetk", testimonial: "Fantastic service and delicious pastries. Highly recommend the macchiato.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waiter-giving-coffee-his-customers-while-serving-them-coffee-shop_637285-3991.jpg", imageAlt: "cozy cafe interior warm lighting" },
|
||
{ name: "Selin A.", handle: "@selina", testimonial: "Great place to work and enjoy a quiet morning coffee.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-coffee-cup-with-heart-shape-latte-art-waffle_23-2147908349.jpg?_wi=1", imageAlt: "cozy cafe interior warm lighting" },
|
||
{ name: "Mehmet D.", handle: "@mehmetd", testimonial: "Friendly baristas and truly artisanal coffee experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-press_23-2149878066.jpg?_wi=1", imageAlt: "cozy cafe interior warm lighting" },
|
||
{ name: "Ayşe E.", handle: "@aysee", testimonial: "Beautiful interior and consistent quality every single visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/muffins-served-with-coffee_23-2147693700.jpg?_wi=1", imageAlt: "cozy cafe interior warm lighting" },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-computer-drinking-coffee_1303-27376.jpg?_wi=2"
|
||
imageAlt="Cloves Cafe atmosphere"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14731.jpg", alt: "Customer profile 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/woman-working-computer-drinking-coffee_1303-27375.jpg", alt: "Customer profile 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/sandwich-cup-coffee-table_53876-63270.jpg", alt: "Customer profile 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-eating-ice-cream-together_627829-843.jpg", alt: "Customer profile 4" },
|
||
{ src: "http://img.b2bpic.net/free-photo/people-talking-hangout-with-iced-tea_53876-31516.jpg", alt: "Customer profile 5" },
|
||
]}
|
||
avatarText="Join our growing community of coffee lovers."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={false}
|
||
heading={[
|
||
{ type: "text", content: "Our Passion for " },
|
||
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-happy-waiter-giving-coffee-his-customers-while-serving-them-coffee-shop_637285-3991.jpg", alt: "Coffee craft" },
|
||
{ type: "text", content: " Coffee Craft" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureBento
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Artisanal Roasts", description: "Ethically sourced premium beans.", bentoComponent: "reveal-icon", icon: Coffee,
|
||
},
|
||
{
|
||
title: "Fresh Pastries", description: "Baked fresh every single morning.", bentoComponent: "reveal-icon", icon: Croissant,
|
||
},
|
||
{
|
||
title: "Cozy Ambience", description: "Perfect for work or relaxation.", bentoComponent: "reveal-icon", icon: Coffee,
|
||
},
|
||
]}
|
||
title="Why Cloves Cafe?"
|
||
description="More than just a coffee shop, a community space."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{ id: "p1", name: "Classic Cappuccino", price: "60₺", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-coffee-cup-with-heart-shape-latte-art-waffle_23-2147908349.jpg?_wi=2" },
|
||
{ id: "p2", name: "Signature Espresso", price: "45₺", imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-press_23-2149878066.jpg?_wi=2" },
|
||
{ id: "p3", name: "Flat White", price: "70₺", imageSrc: "http://img.b2bpic.net/free-photo/muffins-served-with-coffee_23-2147693700.jpg?_wi=2" },
|
||
{ id: "p4", name: "Specialty Pour Over", price: "85₺", imageSrc: "http://img.b2bpic.net/free-photo/view-process-making-pressed-coffee_23-2149709915.jpg" },
|
||
{ id: "p5", name: "Matcha Latte", price: "90₺", imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-latte_1339-1040.jpg" },
|
||
{ id: "p6", name: "Artisan Muffin", price: "55₺", imageSrc: "http://img.b2bpic.net/free-photo/close-up-herbal-tea-freshly-cooked-eggs-salad-bacon-toast-plate-table_23-2148067047.jpg" },
|
||
]}
|
||
title="Menu Highlights"
|
||
description="Discover our signature coffee selections and delightful treats."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "t1", name: "Sarah J.", role: "Visitor", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-talking-hangout-with-iced-tea_53876-31516.jpg" },
|
||
{ id: "t2", name: "Mark L.", role: "Coffee Enthusiast", company: "Coffee Lovers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-orange-sweater-reading-interesting-book-cafe_169016-3587.jpg" },
|
||
{ id: "t3", name: "Elena V.", role: "Local", company: "Cloves Family", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blond-woman-casual-clothes-sits-bedroom-floor-with-cup-tea-drinking_1258-281620.jpg" },
|
||
{ id: "t4", name: "David R.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg" },
|
||
{ id: "t5", name: "Maria K.", role: "Regular", company: "Cloves Regulars", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg" },
|
||
]}
|
||
title="What Our Guests Say"
|
||
description="Hear from our wonderful community in Gaziantep."
|
||
/>
|
||
</div>
|
||
|
||
<div id="socialProof" data-section="socialProof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={["FoodieGuide", "CityLife", "CoffeeGuild", "GaziantepAwards", "EcoFriendly", "CulinaryExpert", "LocalNews"]}
|
||
title="Trusted by"
|
||
description="Recognized by local communities and food guides."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{ id: "f1", title: "Are you open on weekends?", content: "Yes, we are open every day from 08:00 to 23:00." },
|
||
{ id: "f2", title: "Do you offer vegan milk?", content: "Yes, we offer oat, almond, and soy milk alternatives." },
|
||
{ id: "f3", title: "Is there free Wi-Fi?", content: "Absolutely! We have high-speed Wi-Fi available for all guests." },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039402.jpg"
|
||
mediaAnimation="slide-up"
|
||
title="Common Questions"
|
||
description="Everything you need to know about your visit."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Visit Us"
|
||
description="We are located in the heart of the city. Stop by for a coffee!"
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||
]}
|
||
textarea={{ name: "message", placeholder: "Your feedback or query...", rows: 4, required: true }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/two-cheerful-baristas-stylish-uniform-wroking-bar-counter_176420-7875.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{ title: "Location", items: [{ label: "Pancarlı, Milli Egemenlik Cd. No:84/K, Gaziantep", href: "#" }] },
|
||
{ title: "Contact", items: [{ label: "0505 876 19 01", href: "tel:05058761901" }] },
|
||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||
]}
|
||
logoText="Cloves Cafe"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |