230 lines
11 KiB
TypeScript
230 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Reviews", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="BURGER & Co."
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="BURGER & Co. — вкус, проверенный временем"
|
|
description="Лучшие бургеры и шаурма в самом центре Ташкента. Ждем вас на Шота Руставели, 28."
|
|
testimonials={[
|
|
{
|
|
name: "Aliyev", handle: "@ali_tash", testimonial: "Eng mazali burgerlar! Har doim yangi.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-burger-funny-way_23-2150269602.jpg"},
|
|
{
|
|
name: "Madina", handle: "@madina_q", testimonial: "Xizmat ko'rsatish darajasi a'lo, muhit ham juda yoqimli.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-eating-donut_23-2149003969.jpg"},
|
|
{
|
|
name: "Rustam", handle: "@rustam_dev", testimonial: "Shota Rustavelidagi eng yaxshi joy.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-dinner-together_23-2148454081.jpg"},
|
|
{
|
|
name: "Dilshod", handle: "@dil_sh", testimonial: "Burgerlar juda shiralik va to'yimli.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg"},
|
|
{
|
|
name: "Kamola", handle: "@kamola_t", testimonial: "Oila bilan kelish uchun ajoyib maskan.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-eating-fast-food_23-2150347937.jpg"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/melted-cheese-burger-patty_23-2149342903.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-asian-woman-eating-burger-outdoors_23-2148952932.jpg", alt: "Happy asian woman eating a burger outdoors"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16395.jpg", alt: "Attractive hipster dressed in leather jacket eating a vegan burger."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/appetizing-chicken-burger-female-hands-fast-food-restaurant_169016-49195.jpg", alt: "An appetizing chicken burger in female hands in a fast food restaurant"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-508.jpg", alt: "Attractive hipster dressed in leather jacket eating a vegan burger."},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/amazed-girl-with-wavy-hair-holding-delicious-bun-green-eyed-woman-yellow-outfit-wants-eat-croissant_197531-14348.jpg", alt: "Amazed girl with wavy hair holding delicious bun. Green-eyed woman in yellow outfit wants to eat croissant."},
|
|
]}
|
|
avatarText="Присоединяйтесь к нашим 1000+ довольным клиентам"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Свежие ингредиенты"},
|
|
{
|
|
type: "text", text: "Доставка 24/7"},
|
|
{
|
|
type: "text", text: "Уютная атмосфера"},
|
|
{
|
|
type: "text", text: "Авторские соусы"},
|
|
{
|
|
type: "text", text: "Лучшая цена"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Biz haqimizda"
|
|
title="BURGER & Co. — ta'm va sifat uyg'unligi"
|
|
description="Biz ertalab 7:30 dan yarim tungacha sizning xizmatingizdamiz. Har bir burger bizning oshxonamizda sevgi va ehtiyotkorlik bilan tayyorlanadi."
|
|
subdescription="Shota Rustaveli ko'chasi, 28 manzilida joylashgan restoranimizda o'zingizni uydagidek his eting."
|
|
icon={Utensils}
|
|
imageSrc="http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Burger", price: "55 000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-burger_23-2152021198.jpg"},
|
|
{
|
|
id: "2", name: "Double Beef", price: "75 000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-preparing-food-plate_23-2148934660.jpg"},
|
|
{
|
|
id: "3", name: "Crispy Chicken", price: "60 000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/tasty-healthy-burgers-with-chicken-breast_1220-7107.jpg"},
|
|
{
|
|
id: "4", name: "Veggie Delight", price: "50 000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/home-made-delicious-big-hamburger_23-2148374920.jpg"},
|
|
{
|
|
id: "5", name: "Spicy Jalapeno", price: "65 000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/burger-closeup-fast-food-cheat-meal-concept-junk-food_169016-67569.jpg"},
|
|
{
|
|
id: "6", name: "BBQ Special", price: "80 000 so'm", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-bacon-cheeseburger-with-arugula-tomato_84443-82005.jpg"},
|
|
]}
|
|
title="Bizning menyu"
|
|
description="Siz uchun eng yaxshi variantlar"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Aziz", handle: "@aziz_b", testimonial: "Eng yaxshi burgerlar!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food-outdoors_23-2149009689.jpg"},
|
|
{
|
|
id: "t2", name: "Dilnoza", handle: "@dilnoza_m", testimonial: "Ajoyib xizmat.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blonde-female-model-sport-wear-eating-free-potato_176420-7750.jpg"},
|
|
{
|
|
id: "t3", name: "Bahodir", handle: "@bahodir_k", testimonial: "Sifatli taomlar.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-burgers-outdoors_23-2148718882.jpg"},
|
|
{
|
|
id: "t4", name: "Malika", handle: "@malika_r", testimonial: "Doim bu yerga kelamiz.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-burger-funny-way_23-2150269608.jpg"},
|
|
{
|
|
id: "t5", name: "Sardor", handle: "@sardor_a", testimonial: "Tez va mazali.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-delicious-taco_23-2151048002.jpg"},
|
|
]}
|
|
showRating={true}
|
|
title="Mijozlarimiz fikri"
|
|
description="Sizning sharhlaringiz biz uchun muhim"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Ish vaqti qanday?", content: "Biz 07:30 dan 03:00 gacha ochiqmiz."},
|
|
{
|
|
id: "q2", title: "Buyurtma bersa bo'ladimi?", content: "Ha, +998 55 702 99 99 raqami orqali."},
|
|
{
|
|
id: "q3", title: "Manzil qayerda?", content: "Shota Rustaveli ko'chasi, 28."},
|
|
]}
|
|
sideTitle="Tez-tez so'raladigan savollar"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Microsoft", "Google", "Apple", "Amazon", "Netflix", "Tesla", "Nike"]}
|
|
title="Biz bilan hamkorlar"
|
|
description="Eng yaxshi ta'minotchilar bilan ishlaymiz"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Biz bilan bog'laning: [Instagram](https://instagram.com) и [Telegram](https://t.me)."
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Sahifalar", items: [
|
|
{
|
|
label: "Bosh sahifa", href: "#hero"},
|
|
{
|
|
label: "Menyu", href: "#menu"},
|
|
],
|
|
},
|
|
{
|
|
title: "Aloqa", items: [
|
|
{
|
|
label: "Instagram", href: "https://instagram.com"},
|
|
{
|
|
label: "Telegram", href: "https://t.me"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="BURGER & Co."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |