316 lines
18 KiB
TypeScript
316 lines
18 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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Lochagou Kapota 6"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Welcome to Lochagou Kapota 6"
|
|
description="Experience the authentic taste of Cyprus with our exquisite coffee and freshly baked delights. Your neighborhood's favorite spot for warmth, aroma, and community."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/interior-stylish-restaurant_1098-14471.jpg", imageAlt: "Cozy coffee shop interior"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-steamy-cup-coffee-with-wooden-table-coffee-shop-wooden-card-sculpture_1268-20256.jpg", imageAlt: "Freshly baked croissants"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1517.jpg", imageAlt: "Barista making latte art"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/slices-chocolate-cake-wooden-board-piece-sack-with-cinnamon-sticks-forks-high-angle-view-white-background_176474-4640.jpg", imageAlt: "Delicious chocolate cake"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/homemade-pumpkin-bread-slice-rustic-still-life-generated-by-ai_188544-22007.jpg", imageAlt: "Artisanal bread display"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-fresh-juice-glass-breakfast-kitchen-woman-drinking-healthy-natural-orange-juice-housewife-drinking-healthy-natural-homemade-orange-juice-refreshing-sunday-morning_482257-14200.jpg", imageAlt: "Outdoor cafe seating"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/croissant-filled-with-meat-vegetables_141793-1158.jpg", imageAlt: "Outdoor cafe seating"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-bread-with-coffee_23-2148695042.jpg", imageAlt: "Artisanal bread display"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-with-sweet-biscuits-plate-tray-dark-surface-ceremony-glass-sweet-breakfast-color-cake-dessert_179666-24468.jpg", imageAlt: "Delicious chocolate cake"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4660.jpg", imageAlt: "Barista making latte art"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/caffeine-working-coffee-cup-table_1122-2430.jpg", imageAlt: "Freshly baked croissants"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg", imageAlt: "Cozy coffee shop interior"},
|
|
]}
|
|
tag="Since 2020"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "View Our Menu", href: "#menu"},
|
|
{
|
|
text: "Visit Us", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064697.jpg", alt: "Person in a cafe enjoying a book"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg", alt: "Woman works at a cafe in the evening"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg", alt: "Tanned lady is sitting in cafe with wooden furniture and watching video on phone"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg", alt: "Young attractive woman... talking on cellphone"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31307.jpg", alt: "Aerial view of hot coffee"},
|
|
]}
|
|
avatarText="Join our growing family of satisfied customers!"
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/chocolate-cake-table-with-green-garden-relax-with-bakery-nature-concept_1150-13523.jpg", alt: "Chocolate cake on table with green garden"},
|
|
{
|
|
type: "text", text: "Freshly Baked Daily"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/chocolate-ice-cream-cake_1339-1131.jpg", alt: "chocolate ice-cream cake"},
|
|
{
|
|
type: "text", text: "Premium Coffee Beans"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30722.jpg", alt: "Assortment of pieces of cake."},
|
|
{
|
|
type: "text", text: "Traditional Cypriot Treats"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/chocolate-cocoa-cake-slice-served-with-mint-leaves_114579-904.jpg", alt: "Chocolate cocoa cake slice served with mint leaves"},
|
|
{
|
|
type: "text", text: "Warm & Inviting Atmosphere"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/sweet-round-french-buns-with-raisins_114579-12610.jpg", alt: "Sweet round french buns with raisins."},
|
|
{
|
|
type: "text", text: "Community Favorite Since 2020"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Our Passion for Perfection"
|
|
description="At Lochagou Kapota 6, we believe in crafting experiences. From the rich aroma of our specialty coffee beans, meticulously sourced and brewed, to the heartwarming taste of our pastries baked fresh daily using traditional Cypriot recipes and the finest local ingredients. We're more than just a cafe; we're a gathering place for friends, family, and community."
|
|
tag="Our Story"
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "Learn More"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/hipsters-sitting-with-laptop-cafe_171337-16593.jpg"
|
|
imageAlt="Hands kneading dough at a traditional Cypriot bakery"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Artisan Coffee Blends", description: "Sourced from the finest growers, our beans are expertly roasted and brewed to perfection, offering a rich and nuanced flavor profile.", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-table-filtered-image-processed-vintage_1232-2210.jpg", imageAlt: "Specialty coffee beans and brewing equipment"},
|
|
{
|
|
title: "Freshly Baked Daily", description: "From flaky croissants to traditional Cypriot sweets, everything is baked in-house each morning, guaranteeing ultimate freshness and taste.", imageSrc: "http://img.b2bpic.net/free-photo/slices-brown-bread-wooden-board-marble_114579-23952.jpg", imageAlt: "Assortment of freshly baked artisan bread"},
|
|
{
|
|
title: "Cozy Community Hub", description: "Our warm and inviting ambiance, coupled with friendly service, makes us the perfect spot for quiet reflection or lively conversation.", imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-couch-medium-shot_23-2149141854.jpg", imageAlt: "Cozy cafe interior with comfortable seating"},
|
|
]}
|
|
title="What Makes Us Special"
|
|
description="Discover the unique qualities that set Lochagou Kapota 6 apart, ensuring every visit is memorable."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Espresso", price: "€2.50", imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-1482.jpg", imageAlt: "A cup of rich espresso"},
|
|
{
|
|
id: "p2", name: "Cappuccino", price: "€3.50", imageSrc: "http://img.b2bpic.net/free-photo/steamy-black-coffee-rustic-wooden-mug-generated-by-ai_188544-13429.jpg", imageAlt: "A creamy cappuccino with latte art"},
|
|
{
|
|
id: "p3", name: "Butter Croissant", price: "€2.80", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-with-dried-orange-slices-black-board-high-quality-photo_114579-69078.jpg", imageAlt: "A golden, flaky butter croissant"},
|
|
{
|
|
id: "p4", name: "Chocolate Lava Cake", price: "€5.00", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-lava-cake-white-plate_1150-6317.jpg", imageAlt: "Decadent chocolate lava cake"},
|
|
{
|
|
id: "p5", name: "Strawberry Cheesecake", price: "€5.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fruit-tart-with-variety-fresh-berries-top-creamy-custard-filling_9975-124441.jpg", imageAlt: "A slice of delicious strawberry cheesecake"},
|
|
{
|
|
id: "p6", name: "Spanakopita", price: "€4.00", imageSrc: "http://img.b2bpic.net/free-photo/view-vegan-pizza-done-with-vegetables-by-bakery_23-2150195157.jpg", imageAlt: "Traditional Greek spinach and feta pastry"},
|
|
]}
|
|
title="Our Delicious Menu"
|
|
description="Discover Lochagou Kapota 6's delightful selection of handcrafted coffee, freshly baked pastries, and light bites. Each item reflects our passion for quality and authentic Cypriot flavors, made with the finest local ingredients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Local Favorite Award", "Organic Produce Partner", "Cypriot Culinary Guild", "Healthy Living Advocates", "Kokkinotrimithia Chamber", "Artisan Bakers Network", "Fair Trade Coffee Alliance"]}
|
|
title="Trusted by Our Community"
|
|
description="We are proud to be recognized and supported by local organizations and our loyal customers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Eleni P.", role: "Local Resident", testimonial: "The best coffee in town, hands down! And their croissants are simply divine. It's my little slice of heaven every morning.", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215054.jpg", imageAlt: "Happy woman drinking coffee"},
|
|
{
|
|
id: "2", name: "Andreas G.", role: "Regular Patron", testimonial: "Lochagou Kapota 6 is more than a cafe; it's a community hub. The staff are always friendly, and the quality is consistently excellent.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-woman-holding-speech-bubble-with-various-type-emoticons_23-2147849477.jpg", imageAlt: "Man enjoying coffee and newspaper"},
|
|
{
|
|
id: "3", name: "Sofia K.", role: "Student", testimonial: "A perfect spot to study or meet friends. Great ambiance, reliable Wi-Fi, and truly delicious cakes. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-using-smartphone-cafe_613910-11650.jpg", imageAlt: "Young woman smiling in cafe"},
|
|
{
|
|
id: "4", name: "Nikos V.", role: "Business Owner", testimonial: "I always grab my morning coffee here. The quality never disappoints, and it's a fantastic way to start my day.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-sincere-africanamerican-girl-making-promise-holding-hand-raised-anothe_1258-138566.jpg", imageAlt: "Senior man enjoying coffee"},
|
|
{
|
|
id: "5", name: "Maria C.", role: "Visitor", testimonial: "Visiting from abroad, this cafe captured the true essence of Cypriot hospitality. The pastries were authentic and delightful!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-multiracial-coworkers-giving-high-five-eating-pizza-together-office_1163-5140.jpg", imageAlt: "College student studying"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Hear from the wonderful people who make Lochagou Kapota 6 their daily stop."
|
|
/>
|
|
</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 Monday to Saturday from 7:00 AM to 7:00 PM, and Sundays from 8:00 AM to 5:00 PM."},
|
|
{
|
|
id: "faq2", title: "Do you offer catering services?", content: "Yes, we offer catering for events of all sizes. Please contact us directly for more details and custom menu options."},
|
|
{
|
|
id: "faq3", title: "Are there vegetarian or vegan options?", content: "We have a selection of vegetarian and vegan pastries and sandwiches. Please ask our staff for today's specials."},
|
|
{
|
|
id: "faq4", title: "Is there Wi-Fi available?", content: "Absolutely! Free high-speed Wi-Fi is available for all our customers to enjoy."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-waiter-holding-open-sign-coffee-shop_23-2148581199.jpg"
|
|
imageAlt="Question marks over coffee beans"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our cafe and services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Visit Us or Get in Touch"
|
|
description="We'd love to hear from you! Stop by for a coffee or send us a message."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your Message", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiley-man-offering-cup-coffee_23-2148326706.jpg"
|
|
imageAlt="Cafe exterior with street view and address"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Lochagou Kapota 6"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Follow Us", items: [
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
{
|
|
label: "Twitter", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Address", items: [
|
|
{
|
|
label: "Lochagou Kapota 6", href: "#"},
|
|
{
|
|
label: "Kokkinotrimithia 2660", href: "#"},
|
|
{
|
|
label: "Cyprus", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Lochagou Kapota 6. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|