203 lines
10 KiB
TypeScript
203 lines
10 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
{
|
||
name: "Reservation", id: "reservation"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="LOLA kafe "
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlay
|
||
title="Haqiqiy o'zbek lazzatlari yuqori darajadagi atmosferada "
|
||
description="Lola kafeda an'ana, ta'm va mehmondo'stlikni his eting "
|
||
buttons={[
|
||
{
|
||
text: "Menu", href: "#menu"},
|
||
{
|
||
text: "Book a Table", href: "#reservation"},
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvWgR82VZNMwRJZ6Ff0vMRfeG9/uploaded-1775837468018-fgz2fq5c.webp"
|
||
imageAlt="Traditional Uzbek plov and dishes"
|
||
showDimOverlay={true}
|
||
showBlur={false}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg", alt: "Customer 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg", alt: "Customer 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg", alt: "Customer 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg", alt: "Customer 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg", alt: "Customer 5"},
|
||
]}
|
||
avatarText="Join 1000+ satisfied guests"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={true}
|
||
title="O'zbek mehmondo'stligi merosi "
|
||
description="“Lola”da biz O‘zbekiston qalbini dasturxoningizga tortamiz. An’anaviy tandem pechlarimizning qizg‘in isishidan tortib qozon pishirishning nozik mahoratigacha, har bir taom meros, tazelik va o‘ziga xos lazzat haqida hikoya qiladi. "
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvWgR82VZNMwRJZ6Ff0vMRfeG9/uploaded-1775837730602-j61oa74s.jpg"
|
||
imageAlt="Authentic Uzbek culinary tradition"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1", brand: "Main", name: "Traditional Plov", price: "$18", rating: 5,
|
||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=2"},
|
||
{
|
||
id: "p2", brand: "Main", name: "Lagman Soup", price: "$15", rating: 5,
|
||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=3"},
|
||
{
|
||
id: "p3", brand: "Main", name: "Shashlik Set", price: "$22", rating: 4,
|
||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=4"},
|
||
{
|
||
id: "p4", brand: "Bakery", name: "Fresh Samsa", price: "$6", rating: 5,
|
||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=5"},
|
||
{
|
||
id: "p5", brand: "Bakery", name: "Uzbek Non", price: "$4", rating: 5,
|
||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=6"},
|
||
{
|
||
id: "p6", brand: "Drink", name: "Ayran Yogurt", price: "$5", rating: 4,
|
||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=7"},
|
||
]}
|
||
title="Our National Treasures"
|
||
description="Exquisite dishes prepared using ancestral recipes passed down through generations."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={true}
|
||
testimonial="An absolute revelation. The Plov is the most authentic I have ever tasted outside of Tashkent. Truly premium service!"
|
||
rating={5}
|
||
author="Elena V."
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg", alt: "Customer 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg", alt: "Customer 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg", alt: "Customer 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg", alt: "Customer 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg", alt: "Customer 5"},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="reservation" data-section="reservation">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Reserve Your Table"
|
||
description="Secure your place at our table and enjoy an evening of authentic culture and fine dining. For inquiries: +1 (555) 123-4567 | Location: 123 Silk Road St, Central City"
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||
},
|
||
{
|
||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||
},
|
||
{
|
||
name: "date", type: "date", placeholder: "Date", required: true,
|
||
},
|
||
{
|
||
name: "time", type: "time", placeholder: "Time", required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "notes", placeholder: "Special requests or allergy information", rows: 3,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg"
|
||
imageAlt="Dining experience at Sarchashma"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "Instagram", href: "https://instagram.com/sarchashma"},
|
||
{
|
||
label: "WhatsApp", href: "https://wa.me/15551234567"},
|
||
{
|
||
label: "Telegram", href: "https://t.me/sarchashma"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Call: +1 (555) 123-4567", href: "tel:+15551234567"},
|
||
{
|
||
label: "123 Silk Road St, Central City", href: "https://maps.google.com"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Legal", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Sarchashma"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |