188 lines
9.5 KiB
TypeScript
188 lines
9.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="The Flavorful Cafe"
|
|
button={{
|
|
text: "Order Now", href: "#hero"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Taste the Authentic Flavors of Pakistan"
|
|
description="Experience exquisite Pakistani and local cuisine, crafted with passion and traditional recipes. Order your favorites for pickup or delivery!"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Menu", href: "#hero"},
|
|
{
|
|
text: "Order Online", href: "#hero"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-dish-assortment_23-2148821520.jpg", imageAlt: "Delicious Chicken Biryani"},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-pastry-with-meat-delicious-dough-meal-sliced-white-light-desk_140725-41217.jpg", imageAlt: "Crispy Samosa Platter"},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-nutritious-roti_23-2149033975.jpg", imageAlt: "Freshly Baked Naan"},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-vegetable-meal-with-sliced-bell-pepper-salad-brown-surface_140725-61561.jpg", imageAlt: "Spicy Chicken Karahi"},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/small-cake-bowl-assorted-nuts-marble-surface_114579-25599.jpg", imageAlt: "Sweet Gulab Jamun"},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beef-meat-doner-bread-served-with-pckles-soup-table_140725-11845.jpg", imageAlt: "Traditional Halwa Puri"},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={5000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="About The Flavorful Cafe"
|
|
description={[
|
|
"At The Flavorful Cafe, we bring the true essence of Pakistani culinary traditions to your table. Our journey began with a passion for authentic flavors and a desire to share the warmth of Pakistani hospitality.", "Every dish is a celebration of our heritage, prepared with hand-picked spices and locally sourced ingredients. From the bustling streets of Lahore to the vibrant markets of Karachi, we've carefully curated a menu that reflects the diversity and richness of our food culture.", "Join us for an unforgettable dining experience where every bite tells a story. We're more than just a cafe; we're a community hub where food, culture, and friendship intertwine."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Cozy Ambiance", description: "Enjoy your meal in a warm, inviting setting that blends traditional Pakistani decor with modern comfort, perfect for family dinners or casual meetups.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg", imageAlt: "Cozy cafe interior with traditional Pakistani decor"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-fresh-cheese_23-2150267639.jpg", imageAlt: "Chef preparing Pakistani dishes in a clean kitchen"}
|
|
},
|
|
{
|
|
title: "Effortless Online Ordering", description: "Browse our full menu and place your order with ease through our user-friendly online platform. Choose between convenient pickup or reliable delivery straight to your door.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-delivery-woman-holding-pizza-coffee-cups-gray-wall_114579-30995.jpg", imageAlt: "Food delivery person on a scooter"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-food-world-tourism-day_23-2149114018.jpg", imageAlt: "Mobile phone displaying online food ordering app"}
|
|
},
|
|
{
|
|
title: "Catering for Every Occasion", description: "Let us bring the taste of Pakistan to your special events. We offer customizable catering menus for gatherings of all sizes, ensuring a memorable culinary experience for your guests.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2150215553.jpg", imageAlt: "Group of friends dining together at the cafe"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-people-serving-themselves-buffet_1262-1698.jpg", imageAlt: "A vibrant catering spread for an event"}
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Why Choose The Flavorful Cafe?"
|
|
description="Discover what makes us the preferred destination for authentic Pakistani and local cuisine, from our delightful ambiance to our convenient services."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Do you offer vegetarian options?", content: "Yes, we have a wide range of delicious vegetarian dishes, including Aloo Gobi, Daal Fry, and various vegetable curries. Please check our menu for more details."},
|
|
{
|
|
id: "faq-2", title: "What are your operating hours?", content: "We are open from 11:00 AM to 10:00 PM, seven days a week. Holiday hours may vary, so please check our website or call us for special occasions."},
|
|
{
|
|
id: "faq-3", title: "Do you provide catering services?", content: "Absolutely! We offer catering for all types of events, from small family gatherings to large corporate functions. Please contact us to discuss your specific needs and customize a menu."},
|
|
{
|
|
id: "faq-4", title: "Is online ordering available for delivery?", content: "Yes, you can conveniently place your order online for both pickup and delivery through our website or preferred food delivery partners. Delivery charges may apply."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our menu, services, and cafe."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in Touch"
|
|
title="Contact The Flavorful Cafe"
|
|
description="Have questions, special requests, or want to book catering? Reach out to us!"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Send Message"
|
|
termsText="By sending a message, you're confirming that you agree with our Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Catering", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
{
|
|
label: "Twitter", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="The Flavorful Cafe"
|
|
copyrightText="© 2024 The Flavorful Cafe | All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |