264 lines
14 KiB
TypeScript
264 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Award, Sparkles, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Dishes", id: "#dishes"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Reviews", id: "#reviews"},
|
|
{
|
|
name: "FAQs", id: "#faqs"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Asian Chulo"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Experience Authentic Nepali Cuisine"
|
|
description="Savor the rich flavors and vibrant traditions of Nepal, right here in Kuwait. Located at Al Salam Mall, Asian Chulo brings you a culinary journey from the Himalayas to your plate."
|
|
buttons={[
|
|
{
|
|
text: "Discover Our Menu", href: "#menu"},
|
|
{
|
|
text: "Order Now", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/tomato-soup-brown-bowl-pepper-garlic-lemon-beans-mixed-color-table_140725-86404.jpg"
|
|
imageAlt="Delicious Nepali food spread"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Our Story: A Taste of Nepal in Kuwait"
|
|
description="Asian Chulo is more than just a restaurant; it's a culinary bridge to the Himalayas. We pride ourselves on authentic recipes passed down through generations, prepared with fresh, locally sourced ingredients whenever possible. Experience the warmth of Nepali hospitality with every dish, crafted with passion and traditional spices."
|
|
bulletPoints={[
|
|
{
|
|
title: "Authentic Recipes", description: "Taste traditional Nepali dishes prepared with age-old recipes from the heart of Nepal."},
|
|
{
|
|
title: "Fresh Ingredients", description: "We use only the freshest ingredients, sourced locally when possible, to ensure quality and flavor."},
|
|
{
|
|
title: "Warm Hospitality", description: "Experience the renowned warmth and welcoming spirit of Nepali culture with every visit."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741221.jpg"
|
|
imageAlt="Chef preparing Nepali food in a traditional kitchen"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="dishes" data-section="dishes">
|
|
<FeatureCardTwentyFive
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Delicious Momos", description: "Our signature dumplings, handcrafted and filled with your choice of savory meats or fresh vegetables, steamed to perfection.", icon: Sparkles,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stuffed-beans-with-pork-salted-eggs-asian-cuisine_1150-23690.jpg", imageAlt: "Steaming chicken momos"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/georgian-khinkali-glass-red-wine_140725-9550.jpg", imageAlt: "Variety of momo dumplings"},
|
|
]
|
|
},
|
|
{
|
|
title: "Traditional Thali Sets", description: "A complete and balanced meal featuring rice, lentil soup, curries, and pickles, offering a true taste of Nepal.", icon: Award,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-vegetables-with-egg-meal-seasonings-dark-desk_140725-79691.jpg", imageAlt: "Authentic Nepali Thali set"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-with-herbs-dark-grey-background_140725-80577.jpg", imageAlt: "Close up of Thali components"},
|
|
]
|
|
},
|
|
{
|
|
title: "Flavorful Chowmein", description: "Wok-fried noodles mixed with tender chicken or fresh vegetables and tossed in our special blend of spices.", icon: Zap,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-stir-fried-noodles-with-vegetables-shrimps-plate-wooden-table_141793-8520.jpg", imageAlt: "Hot chicken chowmein noodles"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-noodle-soup-with-chicken-brown-bowl-spoon-dark-background_140725-140953.jpg", imageAlt: "Chowmein with various toppings"},
|
|
]
|
|
},
|
|
]}
|
|
title="Our Signature Nepali Dishes"
|
|
description="Explore the authentic flavors that define Nepali cuisine, from comforting momos to aromatic thalis and unique chef's specials, each telling a story of culinary heritage."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "momo", name: "Chicken Momos (10pcs)", price: "3.50 KWD", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EzguAGdFvWVMg8bJGWdkLMSH3J/uploaded-1781187497850-ynoz54io.jpg", imageAlt: "Plate of chicken momos"},
|
|
{
|
|
id: "dalbhat", name: "Dal Bhat Tarkari", price: "4.75 KWD", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EzguAGdFvWVMg8bJGWdkLMSH3J/uploaded-1781187497850-mfkq2xp7.jpg", imageAlt: "Nepali Dal Bhat Tarkari meal"},
|
|
{
|
|
id: "chowmein", name: "Chicken Chowmein", price: "3.25 KWD", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EzguAGdFvWVMg8bJGWdkLMSH3J/uploaded-1781187497850-qvj3189u.jpg", imageAlt: "Bowl of chicken chowmein"},
|
|
{
|
|
id: "thukpa", name: "Vegetable Thukpa", price: "3.00 KWD", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EzguAGdFvWVMg8bJGWdkLMSH3J/uploaded-1781187497850-6cbmr8ze.jpg", imageAlt: "Bowl of vegetable thukpa"},
|
|
{
|
|
id: "biryani", name: "Chicken Biryani", price: "4.00 KWD", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-meal-composition_23-2148821518.jpg", imageAlt: "Plate of chicken biryani"},
|
|
{
|
|
id: "curry", name: "Goat Curry", price: "5.50 KWD", imageSrc: "http://img.b2bpic.net/free-photo/two-bowl-lentil-soup-marble-background_114579-63858.jpg", imageAlt: "Bowl of goat curry"},
|
|
]}
|
|
title="Taste the Himalayas: Our Full Menu"
|
|
description="From traditional appetizers to hearty main courses and delightful desserts, our menu offers a complete Nepali dining experience. Each dish is crafted with passion and authentic spices to transport you to Nepal."
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Al Salam Mall", "Kuwait Foodie Blog", "Local Bites Magazine", "Taste of Kuwait", "Gourmet Guide Kuwait", "DineOut Kuwait", "Food & Travel Arabia"]}
|
|
title="Proudly Serving Al Salam Mall"
|
|
description="We are delighted to be a part of the vibrant culinary scene at Al Salam Mall, bringing authentic Nepali flavors and exceptional dining experiences to our cherished community in Kuwait. Our commitment to quality extends to every aspect of our restaurant, ensuring a memorable visit for all."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5512.jpg", imageAlt: "Sarah J. photo"},
|
|
{
|
|
id: "2", name: "Ahmed K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg", imageAlt: "Ahmed K. photo"},
|
|
{
|
|
id: "3", name: "Fatima A.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-girl-colorful-cape-showing-signs-black-background-cleaning-housewife_140725-16158.jpg", imageAlt: "Fatima A. photo"},
|
|
{
|
|
id: "4", name: "Mohammad S.", imageSrc: "http://img.b2bpic.net/free-photo/two-male-friends-having-fun-restaurant_23-2147861898.jpg", imageAlt: "Mohammad S. photo"},
|
|
{
|
|
id: "5", name: "Layla R.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-attractive-teenage-girl-has-positive-smile-face_273609-28724.jpg", imageAlt: "Layla R. photo"},
|
|
]}
|
|
cardTitle="What Our Guests Say"
|
|
cardTag="Customer Stories"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faqs" data-section="faqs">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What are your opening hours?", content: "Asian Chulo is open every day from 10:00 AM to 11:59 PM, ready to serve you authentic Nepali cuisine."},
|
|
{
|
|
id: "q2", title: "Where is Asian Chulo located?", content: "We are conveniently located in Al Salam Mall, Kuwait. You can find us on the [mention specific floor/area, e.g., 'ground floor food court']."},
|
|
{
|
|
id: "q3", title: "Do you offer vegetarian or vegan options?", content: "Yes, our menu includes a variety of delicious vegetarian and vegan dishes. Please inform our staff about your dietary preferences, and we'll be happy to guide you."},
|
|
{
|
|
id: "q4", title: "Do you accept reservations?", content: "While we welcome walk-ins, reservations are recommended for larger groups or during peak hours. Please contact us directly to make a booking."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about Asian Chulo, our menu, and your dining experience with us."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Visit Us"
|
|
title="Find Us at Al Salam Mall"
|
|
description="Come and experience Asian Chulo's authentic Nepali cuisine. We are open from 10 AM to 11:59 PM every day. For reservations or inquiries, please reach out to us using the form below or visit us directly."
|
|
imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-3168.jpg"
|
|
imageAlt="Exterior view of Asian Chulo at Al Salam Mall"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Your Email for Updates"
|
|
buttonText="Subscribe"
|
|
termsText="Receive updates on special offers, new menu items, and events."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EzguAGdFvWVMg8bJGWdkLMSH3J/uploaded-1781187223873-9aqk9rkc.png"
|
|
logoAlt="Asian Chulo Logo"
|
|
logoText="Asian Chulo"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Menu", href: "#menu"},
|
|
{
|
|
label: "Reviews", href: "#reviews"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQs", href: "#faqs"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Asian Chulo. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|