Initial commit
This commit is contained in:
412
src/app/page.tsx
Normal file
412
src/app/page.tsx
Normal file
@@ -0,0 +1,412 @@
|
||||
"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",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg",
|
||||
imageAlt: "abstract blur in coffee shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe-hotel-decorated-with-green-plants-flowers_181624-37913.jpg",
|
||||
imageAlt: "Cozy cafe in the hotel decorated with green plants and flowers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",
|
||||
imageAlt: "Cozy cafe",
|
||||
},
|
||||
]}
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user