Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #5.
This commit is contained in:
@@ -9,6 +9,7 @@ import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import { Montserrat } from "next/font/google";
|
||||
import { Public_Sans } from "next/font/google";
|
||||
|
||||
|
||||
|
||||
@@ -23,8 +24,12 @@ export const metadata: Metadata = {
|
||||
};
|
||||
|
||||
|
||||
const montserrat = Montserrat({
|
||||
variable: "--font-montserrat", subsets: ["latin"],
|
||||
|
||||
const publicSans = Public_Sans({
|
||||
variable: "--font-public-sans", subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -35,7 +40,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${montserrat.variable} antialiased`}>
|
||||
<body className={`${publicSans.variable} ${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
180
src/app/page.tsx
180
src/app/page.tsx
@@ -4,28 +4,29 @@ 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 FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
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';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import { Flame, Star, Zap, Truck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -41,151 +42,120 @@ export default function LandingPage() {
|
||||
</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"
|
||||
<HeroBillboardDashboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="MPoints.Kz – Вкус в каждой точке"
|
||||
description="Премиальное качество, доставка за считанные минуты и авторские рецепты."
|
||||
dashboard={{
|
||||
title: "Статус кухни", stats: [
|
||||
{ title: "Заказов", values: [850, 1200, 1500], description: "Выполнено сегодня" },
|
||||
{ title: "Время", values: [15, 20, 25], description: "Средняя доставка (мин)" }
|
||||
],
|
||||
logoIcon: Flame,
|
||||
sidebarItems: [{ icon: Zap }, { icon: Truck }],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dd6t6JBSXhdgbjuyfk33c6PfZ0/uploaded-1778599837533-8jiyeqi1.png"
|
||||
}}
|
||||
buttons={[{ text: "Оформить заказ", href: "https://wa.me/77008152020" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Наше качество"
|
||||
description={[
|
||||
"Мы готовим только из свежих и отборных ингредиентов.", "Наши донеры на углях и сочные бургеры завоевали сердца жителей Шымкента.", "Работаем круглосуточно, чтобы вы могли насладиться вкусом в любое время."]}
|
||||
title="Мы меняем стандарты"
|
||||
description="Сочетание традиций и инноваций в каждом блюде."
|
||||
metrics={[
|
||||
{ value: "10k+", title: "Клиентов" },
|
||||
{ value: "24/7", title: "Сервис" },
|
||||
{ value: "15м", title: "Доставка" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-wooden-board-with-baked-chicken-meat-sackcloth_114579-66239.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Почему выбирают нас"
|
||||
description="Уникальные преимущества, делающие нас лидерами."
|
||||
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: "Только отборные сорта", buttonIcon: Flame },
|
||||
{ title: "Скорость", description: "Доставим горячим", buttonIcon: Zap },
|
||||
{ title: "Качество", description: "Контроль на каждом этапе", buttonIcon: Star },
|
||||
{ title: "Сервис", description: "Клиент всегда первый", buttonIcon: Truck }
|
||||
]}
|
||||
title="Наши хиты"
|
||||
description="Попробуйте лучшие блюда в Шымкенте."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
<ProductCardTwo
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="blur-reveal"
|
||||
title="Наше меню"
|
||||
description="Откройте для себя новые вкусы."
|
||||
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" }
|
||||
{ id: "p1", brand: "Classic", name: "Шаурма BEEF", price: "1390 тг", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/lamb-doner-kebab-flatbread-served-with-tomato-cucumber-pickles-herbs_140725-6687.jpg" },
|
||||
{ id: "p2", brand: "Premium", name: "Фирменный бургер", price: "2090 тг", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-french-fries_140725-6072.jpg" }
|
||||
]}
|
||||
title="Меню"
|
||||
description="Выберите свой любимый перекус."
|
||||
buttons={[{ text: "В меню", href: "#" }]}
|
||||
textboxLayout="split-actions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Комбо-наборы"
|
||||
description="Выгодные предложения для всей семьи."
|
||||
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шт"]
|
||||
id: "c1", tag: "Популярно", price: "7590 тг", period: "набор", description: "Идеально для компании", button: { text: "Выбрать", href: "https://wa.me/77008152020" },
|
||||
featuresTitle: "В состав входит:", features: ["2x Донер Beef", "2x Бургер", "Фри", "Напиток"]
|
||||
}
|
||||
]}
|
||||
title="Спецпредложения"
|
||||
description="Выгодные семейные комбо наборы."
|
||||
textboxLayout="split-description"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardOne
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="depth-3d"
|
||||
title="Мнение клиентов"
|
||||
description="Ваше доверие – наша главная награда."
|
||||
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" }
|
||||
{ id: "t1", name: "Айгерим", role: "Гурман", company: "Шымкент", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-food-bag-delivered_23-2148964027.jpg" }
|
||||
]}
|
||||
title="Отзывы клиентов"
|
||||
description="Нам доверяют тысячи жителей Шымкента."
|
||||
textboxLayout="split-actions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
textboxLayout="split-description"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Вы работаете круглосуточно?", content: "Да, мы принимаем заказы 24/7." },
|
||||
{ id: "f2", title: "Есть ли доставка?", content: "Да, доставляем быстро по всему городу." },
|
||||
{ id: "f3", title: "Где вы находитесь?", content: "Мы находимся в 18-м микрорайоне, 4/5." }
|
||||
{ id: "f1", title: "Круглосуточно?", content: "Да, 24/7 без выходных." }
|
||||
]}
|
||||
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"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://img.freepik.com/free-photo/delicious-doner-kebab-with-fresh-vegetables_23-2148679644.jpg"
|
||||
/>
|
||||
</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" }]}
|
||||
text="Готовы сделать заказ?"
|
||||
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: "#" }] }
|
||||
{ title: "Контакты", items: [{ label: "+7-700-815-20-20", href: "tel:+77008152020" }] }
|
||||
]}
|
||||
logoText="MPoints.Kz"
|
||||
/>
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
font-family: var(--font-public-sans), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user