Files
ffa977f7-d3c7-42a5-aee4-d74…/src/app/page.tsx
2026-05-12 16:02:49 +00:00

196 lines
13 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="floatingGradient"
cardStyle="layered-gradient"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Меню", id: "products" },
{ name: "Акции", id: "pricing" },
{ name: "Контакты", id: "contact" },
]}
brandName="MPoints.Kz"
button={{ text: "Заказать", href: "https://wa.me/77008152020", className: "px-8 py-4 text-lg" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="MPoints.Kz Точка, где много мяса"
description="Свежие ингредиенты, быстрая доставка и доступные цены. Мы работаем круглосуточно!"
leftCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dd6t6JBSXhdgbjuyfk33c6PfZ0/uploaded-1778599837533-8jiyeqi1.png", imageAlt: "Doner on coals" },
{ imageSrc: "http://img.b2bpic.net/free-photo/tasty-hamburger-olive-oil_23-2147680668.jpg", imageAlt: "Fresh burger" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-wooden-board-with-baked-chicken-meat-sackcloth_114579-66239.jpg", imageAlt: "Chicken wings" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-fantasy-surreal-street-food_23-2151569017.jpg", imageAlt: "Pizza" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-spaghetti-pasta-jar_141793-10190.jpg", imageAlt: "Potato fries" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-plate-with-tomato-sauce_1150-20208.jpg", imageAlt: "Wings" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dd6t6JBSXhdgbjuyfk33c6PfZ0/uploaded-1778599837533-c86gpvi0.png", imageAlt: "Family combo" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-doner-kebab-wrapped-lavash-with-fresh-salad-wooden-board_140725-11924.jpg", imageAlt: "Doner" },
{ imageSrc: "http://img.b2bpic.net/free-view-burger-with-fried-egg-cutting-board_23-2148784523.jpg", imageAlt: "Burger" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-burger-along-with-olives-cheese-tomatoes-green-salad-inside-round-plate_140725-11661.jpg", imageAlt: "Food set" }
]}
buttons={[{ text: "Заказать в WhatsApp", href: "https://wa.me/77008152020" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/close-up-person-holding-up-burger-bun_23-2148314194.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/front-view-burger-table_23-2148678799.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/close-up-cheeseburger-tray_23-2148678818.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/attractive-young-woman-eating-french-fries-burger-restaurant_169016-22612.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/meat-burger-wooden-board-tomato-onion-beans-walnuts-side-view_141793-2390.jpg", alt: "Client 5" }
]}
avatarText="Более 10,000 довольных клиентов"
marqueeItems={[{ type: "text", text: "КРУГЛОСУТОЧНО" }, { type: "text", text: "СВЕЖЕЕ МЯСО" }, { type: "text", text: "БЫСТРАЯ ДОСТАВКА" }, { type: "text", text: "ТОП В ШЫМКЕНТЕ" }, { type: "text", text: "ВКУСНО КАК ДОМА" }]}
buttonClassName="px-10 py-5 text-xl font-bold"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Наше качество"
description={[
"Мы готовим только из свежих и отборных ингредиентов.", "Наши донеры на углях и сочные бургеры завоевали сердца жителей Шымкента.", "Работаем круглосуточно, чтобы вы могли насладиться вкусом в любое время."]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{ title: "Чикен", description: "Сочные крылышки и наггетсы", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-parts-with-sauce-copy-space_23-2148646655.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/crispy-golden-indian-pakora-fritters-dark-background_84443-81954.jpg", buttonText: "Выбрать" },
{ title: "Пицца", description: "Итальянская классика и миксы", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-concept-with-copy-space_23-2148643455.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27031.jpg", buttonText: "Выбрать" },
{ title: "Гарниры", description: "Хрустящий картофель и закуски", imageSrc: "http://img.b2bpic.net/free-photo/french-fires-with-delicious-hamburger_23-2148374853.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-french-fries-with-ketchup_23-2148374886.jpg", buttonText: "Выбрать" }
]}
title="Наши хиты"
description="Попробуйте лучшие блюда в Шымкенте."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Шаурма BEEF", price: "1390 тг", imageSrc: "http://img.b2bpic.net/free-photo/lamb-doner-kebab-flatbread-served-with-tomato-cucumber-pickles-herbs_140725-6687.jpg" },
{ id: "p2", name: "Фирменный бургер", price: "2090 тг", imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-french-fries_140725-6072.jpg" },
{ id: "p3", name: "Куриные наггетсы", price: "990 тг", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fried-chicken-with-nuggets-variety-sauces_23-2148646581.jpg" },
{ id: "p4", name: "Хот-дог", price: "1490 тг", imageSrc: "http://img.b2bpic.net/free-photo/sonoran-hot-dog-traditional-mexican-hot-dog-wooden-table_123827-35712.jpg" },
{ id: "p5", name: "Картофельные шарики", price: "890 тг", imageSrc: "http://img.b2bpic.net/free-photo/fried-dushbara-served-with-sauce_141793-98.jpg" },
{ id: "p6", name: "Луковые кольца", price: "990 тг", imageSrc: "http://img.b2bpic.net/free-photo/close-up-appetizing-onion-rings_23-2147684648.jpg" }
]}
title="Меню"
description="Выберите свой любимый перекус."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "c1", badge: "Выгодно", price: "7590 тг", subtitle: "Семейное комбо 1", buttons: [{ text: "Заказать", href: "https://wa.me/77008152020" }],
features: ["Донер говяжий - 2шт", "Бургер детский - 2шт", "Фри - 2шт", "Чай фруктовый - 1шт"]
},
{
id: "c2", badge: "Выгодно", price: "7590 тг", subtitle: "Семейное комбо 2", buttons: [{ text: "Заказать", href: "https://wa.me/77008152020" }],
features: ["Пицца пепперони - 1шт", "Бургер детский - 2шт", "Наггетсы - 1шт", "Фри - 1шт", "Чай фруктовый - 1шт"]
}
]}
title="Спецпредложения"
description="Выгодные семейные комбо наборы."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Айгерим", handle: "@aigerim", testimonial: "Очень вкусные донеры! Всегда свежее мясо.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-food-bag-delivered_23-2148964027.jpg" },
{ id: "t2", name: "Нурлан", handle: "@nurlan", testimonial: "Быстрая доставка и доступные цены.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-curly-haired-woman-enjoys-eating-junk-food-licks-lips-smeared-with-ketchup-holds-big-hamburger-has-fast-food-menu-female-student-has-cheat-meal-day-feels-hungry-after-lectures_273609-62438.jpg" },
{ id: "t3", name: "Динара", handle: "@dinara", testimonial: "Пицца просто супер, дети в восторге!", imageSrc: "http://img.b2bpic.net/free-photo/friends-sharing-pizza_23-2147644229.jpg" },
{ id: "t4", name: "Арман", handle: "@arman", testimonial: "Лучший фастфуд в 18 микрорайоне.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-teenagers-eating-burgers-outdoors-with-drink_23-2148666618.jpg" },
{ id: "t5", name: "Мадина", handle: "@madina", testimonial: "Работают 24/7, это очень удобно.", imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" }
]}
title="Отзывы клиентов"
description="Нам доверяют тысячи жителей Шымкента."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "Вы работаете круглосуточно?", content: "Да, мы принимаем заказы 24/7." },
{ id: "f2", title: "Есть ли доставка?", content: "Да, доставляем быстро по всему городу." },
{ id: "f3", title: "Где вы находитесь?", content: "Мы находимся в 18-м микрорайоне, 4/5." }
]}
imageSrc="https://img.freepik.com/free-photo/delicious-doner-kebab-with-fresh-vegetables_23-2148679644.jpg"
mediaAnimation="slide-up"
title="Часто задаваемые вопросы"
description="Что нужно знать о MPoints."
faqsAnimation="blur-reveal"
mediaPosition="left"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "rotated-rays-animated" }}
text="Мы всегда на связи! Пишите нам в WhatsApp."
buttons={[{ text: "Написать в WhatsApp", href: "https://wa.me/77008152020" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Контакты", items: [{ label: "+7-700-815-20-20", href: "tel:+77008152020" }, { label: "Instagram", href: "https://www.instagram.com/mpoints.kz" }, { label: "TikTok", href: "https://www.tiktok.com/@meat_points.kz" }] },
{ title: "Адрес", items: [{ label: "18-й микрорайон, 4/5", href: "#" }] }
]}
logoText="MPoints.Kz"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}