Update src/app/page.tsx
This commit is contained in:
309
src/app/page.tsx
309
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Главная", id: "#hero"},
|
||||
{
|
||||
name: "О нас",
|
||||
id: "#about",
|
||||
},
|
||||
name: "О нас", id: "#about"},
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Услуги", id: "#features"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Контакты", id: "#contact"},
|
||||
]}
|
||||
brandName="Root by Sailau"
|
||||
/>
|
||||
@@ -56,111 +48,25 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Root by Sailau — Ваше качество в Кокшетау"
|
||||
description="Мы создаем безупречный опыт, сочетая мастерство, современные технологии и индивидуальный подход к каждому заказу в самом сердце Кокшетау."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-ski-resort-used-winter-sports_482257-76560.jpg",
|
||||
imageAlt: "luxury boutique interior design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801575.jpg",
|
||||
imageAlt: "handcrafted materials workshop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797641.jpg",
|
||||
imageAlt: "modern luxury workspace interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150217996.jpg",
|
||||
imageAlt: "high end product display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-room-workplace-office-supplies-concept_53876-147673.jpg",
|
||||
imageAlt: "professional studio equipment",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-ski-resort-used-winter-sports_482257-76560.jpg", imageAlt: "luxury boutique interior design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801575.jpg", imageAlt: "handcrafted materials workshop" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797641.jpg", imageAlt: "modern luxury workspace interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150217996.jpg", imageAlt: "high end product display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/contemporary-room-workplace-office-supplies-concept_53876-147673.jpg", imageAlt: "professional studio equipment" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-luxe-dining-room-interior-design_114579-2223.jpg",
|
||||
imageAlt: "elegant waiting area design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-workspace-white-color-with-ladder-desk-lamp_23-2147878414.jpg",
|
||||
imageAlt: "professional studio equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candles-sale-interior-decorating-store-close-up_169016-20587.jpg",
|
||||
imageAlt: "high end product display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-domestic-room-with-elegant-wood-design-generated-by-ai_188544-33481.jpg",
|
||||
imageAlt: "modern luxury workspace interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-straws-cup_23-2148289760.jpg",
|
||||
imageAlt: "handcrafted materials workshop",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Узнать больше",
|
||||
href: "#about",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/big-luxe-dining-room-interior-design_114579-2223.jpg", imageAlt: "elegant waiting area design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-workspace-white-color-with-ladder-desk-lamp_23-2147878414.jpg", imageAlt: "professional studio equipment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/candles-sale-interior-decorating-store-close-up_169016-20587.jpg", imageAlt: "high end product display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-domestic-room-with-elegant-wood-design-generated-by-ai_188544-33481.jpg", imageAlt: "modern luxury workspace interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-straws-cup_23-2148289760.jpg", imageAlt: "handcrafted materials workshop" }
|
||||
]}
|
||||
buttons={[{ text: "Узнать больше", href: "#about" }]}
|
||||
carouselPosition="right"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "Smiling African American man posing at library",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
||||
alt: "Close-up smiley man talking on the phone",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
|
||||
alt: "Middle age latin businesswoman smiling happy standing with arms crossed gesture at the city",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
alt: "Side view smiley drag queen indoors",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Front view of cute girl looking away",
|
||||
},
|
||||
]}
|
||||
avatarText="Присоединяйтесь к нашим довольным клиентам"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862182.jpg",
|
||||
alt: "Abstract store",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-clothing-store-filled-casual-formal-wear-items-hanging-fashion-store-racks-hangers-full-with-fashionable-clothes-accessories-discount-small-business-commercial-activity_482257-65075.jpg",
|
||||
alt: "Clothing store",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg",
|
||||
alt: "Fashion boutique",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-antique-store_23-2149640704.jpg",
|
||||
alt: "Antique store",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg",
|
||||
alt: "Restaurant hall",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,14 +75,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Наша история и ценности"
|
||||
description={[
|
||||
"Root by Sailau — это отражение стремления к совершенству. В Кокшетау мы стали символом качества, предлагая решения, которые превосходят ожидания.",
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Связаться с нами",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
"Root by Sailau — это отражение стремления к совершенству. В Кокшетау мы стали символом качества, предлагая решения, которые превосходят ожидания."]}
|
||||
buttons={[{ text: "Связаться с нами", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,21 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Качество",
|
||||
description: "Использование только проверенных материалов и передовых методик.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Индивидуальный подход",
|
||||
description: "Каждый проект уникален и разрабатывается с учетом ваших пожеланий.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Локальное присутствие",
|
||||
description: "Мы находимся в Кокшетау и всегда рядом, чтобы помочь.",
|
||||
icon: MapPin,
|
||||
},
|
||||
{ title: "Качество", description: "Использование только проверенных материалов и передовых методик.", icon: CheckCircle },
|
||||
{ title: "Индивидуальный подход", description: "Каждый проект уникален и разрабатывается с учетом ваших пожеланий.", icon: Users },
|
||||
{ title: "Локальное присутствие", description: "Мы находимся в Кокшетау и всегда рядом, чтобы помочь.", icon: MapPin },
|
||||
]}
|
||||
title="Преимущества"
|
||||
description="Почему выбирают Root by Sailau"
|
||||
@@ -211,50 +99,15 @@ export default function LandingPage() {
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Премиум Решение А",
|
||||
price: "от 10,000 ₸",
|
||||
variant: "Стандарт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pink-cream-jar-with-gold-lid-white-background_187299-47537.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Эксперт Решение Б",
|
||||
price: "от 25,000 ₸",
|
||||
variant: "Про",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-logs-pile-gray-surface-dark-background_181624-11566.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Мастер Набор",
|
||||
price: "от 15,000 ₸",
|
||||
variant: "Мастер",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/style-trendy-design-creative-concept_53876-124195.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Индивидуальный Заказ",
|
||||
price: "по запросу",
|
||||
variant: "VIP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diligent-pensive-man-glasses-his-pottery-workshop-is-workig-new-project_613910-20858.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Комплекс",
|
||||
price: "от 30,000 ₸",
|
||||
variant: "Комплект",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/international-coffee-day-template-design_23-2150854764.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Мини-Набор",
|
||||
price: "от 5,000 ₸",
|
||||
variant: "Базовый",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-sharpening-knife_171337-12262.jpg",
|
||||
},
|
||||
{ id: "1", name: "Премиум Решение А", price: "от 10,000 ₸", variant: "Стандарт", imageSrc: "http://img.b2bpic.net/free-photo/closeup-pink-cream-jar-with-gold-lid-white-background_187299-47537.jpg" },
|
||||
{ id: "2", name: "Эксперт Решение Б", price: "от 25,000 ₸", variant: "Про", imageSrc: "http://img.b2bpic.net/free-photo/wood-logs-pile-gray-surface-dark-background_181624-11566.jpg" },
|
||||
{ id: "3", name: "Мастер Набор", price: "от 15,000 ₸", variant: "Мастер", imageSrc: "http://img.b2bpic.net/free-photo/style-trendy-design-creative-concept_53876-124195.jpg" },
|
||||
{ id: "4", name: "Индивидуальный Заказ", price: "по запросу", variant: "VIP", imageSrc: "http://img.b2bpic.net/free-photo/diligent-pensive-man-glasses-his-pottery-workshop-is-workig-new-project_613910-20858.jpg" },
|
||||
{ id: "5", name: "Комплекс", price: "от 30,000 ₸", variant: "Комплект", imageSrc: "http://img.b2bpic.net/free-psd/international-coffee-day-template-design_23-2150854764.jpg" },
|
||||
{ id: "6", name: "Мини-Набор", price: "от 5,000 ₸", variant: "Базовый", imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-sharpening-knife_171337-12262.jpg" }
|
||||
]}
|
||||
title="Наши продукты"
|
||||
description="Ознакомьтесь с нашим ассортиментом"
|
||||
@@ -267,21 +120,9 @@ export default function LandingPage() {
|
||||
title="Наши достижения"
|
||||
tag="Цифры говорят сами за себя"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Довольных клиентов",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10 лет",
|
||||
description: "Опыта в Кокшетау",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Качественных проектов",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Довольных клиентов" },
|
||||
{ id: "m2", value: "10 лет", description: "Опыта в Кокшетау" },
|
||||
{ id: "m3", value: "99%", description: "Качественных проектов" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -293,41 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Айгерим",
|
||||
role: "Клиент",
|
||||
testimonial: "Root by Sailau — это знак качества. Очень довольна результатом!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60838.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Руслан",
|
||||
role: "Предприниматель",
|
||||
testimonial: "Профессиональный подход и внимание к деталям впечатлили.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Динара",
|
||||
role: "Клиент",
|
||||
testimonial: "Все сделали быстро и очень красиво. Рекомендую всем в Кокшетау.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ерлан",
|
||||
role: "Партнер",
|
||||
testimonial: "Лучший сервис, который я встречал в нашем городе.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Мадина",
|
||||
role: "Клиент",
|
||||
testimonial: "Результат превзошел все ожидания. Огромное спасибо команде!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
||||
},
|
||||
{ id: "1", name: "Айгерим", role: "Клиент", testimonial: "Root by Sailau — это знак качества. Очень довольна результатом!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60838.jpg" },
|
||||
{ id: "2", name: "Руслан", role: "Предприниматель", testimonial: "Профессиональный подход и внимание к деталям впечатлили.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg" },
|
||||
{ id: "3", name: "Динара", role: "Клиент", testimonial: "Все сделали быстро и очень красиво. Рекомендую всем в Кокшетау.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg" },
|
||||
{ id: "4", name: "Ерлан", role: "Партнер", testimonial: "Лучший сервис, который я встречал в нашем городе.", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg" },
|
||||
{ id: "5", name: "Мадина", role: "Клиент", testimonial: "Результат превзошел все ожидания. Огромное спасибо команде!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg" },
|
||||
]}
|
||||
title="Отзывы клиентов"
|
||||
description="Что говорят о нас наши заказчики"
|
||||
@@ -339,21 +150,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Как заказать услугу?",
|
||||
content: "Просто свяжитесь с нами через форму ниже или позвоните по телефону.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Где вы находитесь?",
|
||||
content: "Мы находимся в Кокшетау и работаем по всему региону.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Есть ли гарантия?",
|
||||
content: "Да, мы предоставляем официальную гарантию на все выполненные работы.",
|
||||
},
|
||||
{ id: "q1", title: "Как заказать услугу?", content: "Просто свяжитесь с нами через форму ниже или позвоните по телефону." },
|
||||
{ id: "q2", title: "Где вы находитесь?", content: "Мы находимся в Кокшетау и работаем по всему региону." },
|
||||
{ id: "q3", title: "Есть ли гарантия?", content: "Да, мы предоставляем официальную гарантию на все выполненные работы." },
|
||||
]}
|
||||
title="Часто задаваемые вопросы"
|
||||
description="Мы ответили на самые популярные вопросы для вашего удобства"
|
||||
@@ -364,9 +163,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Связаться с Root by Sailau"
|
||||
title="Начнем сотрудничество"
|
||||
description="Заполните форму, и мы перезвоним вам в ближайшее время."
|
||||
@@ -377,29 +174,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Компания",
|
||||
items: [
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Услуги",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Компания", items: [
|
||||
{ label: "О нас", href: "#about" },
|
||||
{ label: "Услуги", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Поддержка",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Контакты",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Поддержка", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Контакты", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user