246 lines
14 KiB
TypeScript
246 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Reviews", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Lily House Cafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Lily House Cafe"
|
|
description="Your Cozy Corner in West Walk, Doha. Experience exceptional coffee, delightful pastries, and a warm ambiance that feels just like home."
|
|
tag="Est. 2023"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-coffee-shop_74190-2676.jpg", imageAlt: "Cozy cafe interior with comfortable seating"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg", imageAlt: "Perfectly crafted latte with foam art"}
|
|
]}
|
|
mediaAnimation="opacity"
|
|
rating={4.4}
|
|
ratingText="Based on 160 reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="More Than Just a Cafe, It's an Experience"
|
|
description="Lily House Cafe in West Walk is a cherished haven for coffee lovers and food enthusiasts alike. With a passion for quality ingredients, freshly brewed beverages, and a commitment to creating a welcoming atmosphere, we invite you to discover your new favorite spot for relaxation, work, or delightful conversations."
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726816.jpg"
|
|
imageAlt="Modern and bright cafe interior with large windows and comfortable seating"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Inviting Outdoor Seating", tags: [
|
|
"Relax", "Al Fresco"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-daughter-porch_23-2147663772.jpg", imageAlt: "People enjoying coffee in an outdoor seating area"},
|
|
{
|
|
id: "f2", title: "Artisan Pastries & Sweets", tags: [
|
|
"Freshly Baked", "Daily"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-croissants-with-fruits_23-2148354688.jpg", imageAlt: "Assortment of freshly baked croissants and pastries"},
|
|
{
|
|
id: "f3", title: "Premium Coffee Selection", tags: [
|
|
"Specialty", "Ethically Sourced"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ground-powder_114579-65435.jpg", imageAlt: "Barista preparing coffee with a high-end espresso machine"},
|
|
]}
|
|
title="Our Signature Experiences"
|
|
description="Discover what makes Lily House Cafe a cherished destination for locals and visitors seeking quality, comfort, and delicious moments."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Signature Latte", price: "QAR 25", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4900.jpg", imageAlt: "A beautifully poured latte with foam art"},
|
|
{
|
|
id: "p2", name: "Gourmet Club Sandwich", price: "QAR 45", variant: "Chicken & Avocado", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-with-salad-beside_23-2148454729.jpg", imageAlt: "A fresh and hearty gourmet club sandwich"},
|
|
{
|
|
id: "p3", name: "Mediterranean Salad", price: "QAR 40", variant: "Fresh Greens", imageSrc: "http://img.b2bpic.net/free-photo/meal-one-woman-gourmet-restaurant_1301-3243.jpg", imageAlt: "A vibrant Mediterranean salad in a bowl"},
|
|
{
|
|
id: "p4", name: "Chocolate Croissant", price: "QAR 20", variant: "Warm & Flaky", imageSrc: "http://img.b2bpic.net/free-photo/half-top-view-little-round-cake-with-fresh-raspberries-inside-plate-with-tea-dark-blue-surface_140725-43971.jpg", imageAlt: "A delicious chocolate croissant"},
|
|
{
|
|
id: "p5", name: "Caramel Cheesecake", price: "QAR 35", variant: "Rich & Creamy", imageSrc: "http://img.b2bpic.net/free-photo/homemade-summer-berry-tar-pie-different-berries-golden-raspberry-blackberry-red-currant-raspberry-black-currant-top-view_114579-1574.jpg", imageAlt: "A slice of decadent caramel cheesecake"},
|
|
{
|
|
id: "p6", name: "Fresh Berry Smoothie", price: "QAR 30", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-fresh-orange-juice-breakfast-kitchen_169016-50226.jpg", imageAlt: "A glass of vibrant fresh berry smoothie"},
|
|
]}
|
|
title="Savor Our Diverse Menu"
|
|
description="Explore a selection of our most popular dishes and beverages, crafted with care and the freshest, locally-sourced ingredients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", title: "A True Gem in West Walk!", quote: "Lily House Cafe is my go-to spot for an amazing coffee and a peaceful ambiance. The staff are always friendly, and their pastries are to die for!", name: "Sarah J.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", imageAlt: "Portrait of Sarah J."},
|
|
{
|
|
id: "t2", title: "Best Coffee in Doha", quote: "I've tried many cafes, but Lily House Cafe truly stands out. The coffee is consistently excellent, and their outdoor seating is perfect for a relaxed afternoon.", name: "Omar K.", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/young-man-drinking-coffee-caf_23-2147955434.jpg", imageAlt: "Portrait of Omar K."},
|
|
{
|
|
id: "t3", title: "Delightful Experience Every Time", quote: "From their delicious breakfast options to their cozy interior, everything about Lily House Cafe is wonderful. Highly recommend their avocado toast!", name: "Fatima A.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-two-women-laugh-happily-while-share-opininos-about-planning-project-communicate-coffee-break-write-records-organizer-eat-delicious-dessert-wear-casual-clothes-spectacles_273609-29065.jpg", imageAlt: "Portrait of Fatima A."},
|
|
{
|
|
id: "t4", title: "My Favorite Work Spot", quote: "The serene atmosphere and reliable Wi-Fi make Lily House Cafe the ideal place to get work done. Plus, their specialty teas are fantastic.", name: "Ahmed S.", role: "Freelancer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-online-tutor-businessman-working-cafe-remotely-waving-hand_1258-245358.jpg", imageAlt: "Portrait of Ahmed S."},
|
|
{
|
|
id: "t5", title: "Exceptional Service and Quality", quote: "The team at Lily House Cafe goes above and beyond. The food is fresh, the coffee is perfect, and the overall experience always leaves me smiling.", name: "Hana R.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-3998.jpg", imageAlt: "Portrait of Hana R."},
|
|
]}
|
|
title="What Our Valued Guests Say"
|
|
description="Our commitment to quality, comfort, and exceptional service shines through in every glowing review we receive from our community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Local Favorite", "Community Hub", "Quality Focused", "Relaxed Ambiance", "Fresh Ingredients", "Customer Approved", "Exceptional Service"]}
|
|
title="Loved by Our Community"
|
|
description="We are proud to be a local favorite, built on principles of quality, comfort, and a genuine passion for hospitality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What are your opening hours?", content: "Lily House Cafe is open daily from 7 AM to 12 AM, offering a perfect spot for early birds and late-night gatherings."},
|
|
{
|
|
id: "q2", title: "Do you offer outdoor seating?", content: "Yes, we have a lovely outdoor seating area perfect for enjoying the Doha weather while sipping your favorite coffee or having a meal."},
|
|
{
|
|
id: "q3", title: "Can I make a reservation?", content: "We primarily operate on a walk-in basis, but for larger groups or special events, please contact us directly to discuss reservation options."},
|
|
{
|
|
id: "q4", title: "Do you have vegan or gluten-free options?", content: "Yes, our menu includes a variety of vegan and gluten-free options. Please ask our staff for today's specials and recommendations."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common inquiries about Lily House Cafe, from opening hours to menu options and services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Visit Us or Make an Inquiry"
|
|
description="We'd love to hear from you! Whether you're looking to book a table, have a question about our menu, or simply want to say hello, our team is ready to assist."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Your Phone (Optional)"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your Message", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-friends-front-bar_23-2147680611.jpg"
|
|
imageAlt="Exterior of Lily House Cafe at West Walk"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Lily House Cafe"
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Reviews", href: "#testimonials"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Visit Us", items: [
|
|
{
|
|
label: "West Walk, Al Sidr Street", href: "https://www.google.com/maps/search/Lily+House+Cafe+West+Walk"},
|
|
{
|
|
label: "Doha, Qatar", href: "https://www.google.com/maps/search/Lily+House+Cafe+West+Walk"},
|
|
{
|
|
label: "+974 7722 0797", href: "tel:+97477220797"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2023 Lily House Cafe. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|