bender/1a517887-089f-49d4-9e1e-2f36fb451811
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-24 13:20:55 +00:00
Conversation 0 Commits 1 Files Changed 1 +65 -223
1 changed files with 65 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

288
src/app/page.tsx
View File

@@ -32,130 +32,73 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Головна",
id: "hero",
},
name: "Головна", id: "hero"},
{
name: "Про нас",
id: "about",
},
name: "Про нас", id: "about"},
{
name: "Послуги",
id: "features",
},
name: "Послуги", id: "features"},
{
name: "Продукти",
id: "products",
},
name: "Продукти", id: "products"},
{
name: "Контакти",
id: "contact",
},
name: "Контакти", id: "contact"},
]}
brandName="КАТТО"
button={{ text: "Зв'язок" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="КАТТО — Надійна покрівля вашого дому"
description="Ми пропонуємо преміальні покрівельні рішення: від композитної черепиці до професійних водостічних систем."
testimonials={[
{
name: "Олександр",
handle: "@olex",
testimonial: "Чудова компанія, швидко виконали монтаж!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg",
imageAlt: "Young and smiley man looking at camera",
},
name: "Олександр", handle: "@olex", testimonial: "Чудова компанія, швидко виконали монтаж!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg", imageAlt: "Young and smiley man looking at camera"},
{
name: "Марія",
handle: "@maria",
testimonial: "Якість матеріалів на найвищому рівні.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg",
imageAlt: "Expressive senior female posing indoor",
},
name: "Марія", handle: "@maria", testimonial: "Якість матеріалів на найвищому рівні.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg", imageAlt: "Expressive senior female posing indoor"},
{
name: "Ігор",
handle: "@igor",
testimonial: "Професійний підхід та приємні ціни.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg",
imageAlt: "Smiley father posing with arms crossed",
},
name: "Ігор", handle: "@igor", testimonial: "Професійний підхід та приємні ціни.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg", imageAlt: "Smiley father posing with arms crossed"},
{
name: "Оксана",
handle: "@oksana",
testimonial: "Все зроблено чітко за планом.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571924.jpg",
imageAlt: "Financial independent woman buying new house",
},
name: "Оксана", handle: "@oksana", testimonial: "Все зроблено чітко за планом.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571924.jpg", imageAlt: "Financial independent woman buying new house"},
{
name: "Віктор",
handle: "@viktor",
testimonial: "Найкращий вибір для приватного будинку.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg",
imageAlt: "Medium shot smiley construction workers posing",
},
name: "Віктор", handle: "@viktor", testimonial: "Найкращий вибір для приватного будинку.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg", imageAlt: "Medium shot smiley construction workers posing"},
]}
buttons={[
{
text: "Замовити консультацію",
href: "#contact",
},
text: "Замовити консультацію", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-design-stone-building_23-2148252734.jpg"
imageAlt="professional roofing worker construction"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-man-playing-guitar_23-2149223663.jpg",
alt: "Portrait 1",
},
src: "http://img.b2bpic.net/free-photo/full-shot-man-playing-guitar_23-2149223663.jpg", alt: "Portrait 1"},
{
src: "http://img.b2bpic.net/free-photo/low-angle-woman-dancing-city_23-2149643025.jpg",
alt: "Portrait 2",
},
src: "http://img.b2bpic.net/free-photo/low-angle-woman-dancing-city_23-2149643025.jpg", alt: "Portrait 2"},
{
src: "http://img.b2bpic.net/free-photo/two-young-happy-women-using-smartphone-by-table_171337-14879.jpg",
alt: "Portrait 3",
},
src: "http://img.b2bpic.net/free-photo/two-young-happy-women-using-smartphone-by-table_171337-14879.jpg", alt: "Portrait 3"},
{
src: "http://img.b2bpic.net/free-photo/young-man-woman-looking-camera_23-2148309034.jpg",
alt: "Portrait 4",
},
src: "http://img.b2bpic.net/free-photo/young-man-woman-looking-camera_23-2148309034.jpg", alt: "Portrait 4"},
{
src: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg",
alt: "Portrait 5",
},
src: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg", alt: "Portrait 5"},
]}
marqueeItems={[
{
type: "text",
text: "Гарантія якості",
},
type: "text", text: "Гарантія якості"},
{
type: "text",
text: "Швидкий монтаж",
},
type: "text", text: "Швидкий монтаж"},
{
type: "text",
text: "Сертифіковані матеріали",
},
type: "text", text: "Сертифіковані матеріали"},
{
type: "text",
text: "Досвід 10 років",
},
type: "text", text: "Досвід 10 років"},
{
type: "text",
text: "Професійний сервіс",
},
type: "text", text: "Професійний сервіс"},
]}
/>
</div>
@@ -167,17 +110,11 @@ export default function LandingPage() {
description="КАТТО забезпечує повний цикл покрівельних робіт, використовуючи лише сертифіковані матеріали від світових брендів."
metrics={[
{
value: "1500+",
title: "Виконаних об'єктів",
},
value: "1500+", title: "Виконаних об'єктів"},
{
value: "10",
title: "Років на ринку",
},
value: "10", title: "Років на ринку"},
{
value: "25+",
title: "Сертифікованих майстрів",
},
value: "25+", title: "Сертифікованих майстрів"},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"
mediaAnimation="slide-up"
@@ -192,23 +129,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Композитна черепиця",
description: "Стійка до погодних умов, виглядає стильно та сучасно.",
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432949.jpg",
imageAlt: "composite roofing tiles high quality",
},
title: "Композитна черепиця", description: "Стійка до погодних умов, виглядає стильно та сучасно.", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432949.jpg", imageAlt: "composite roofing tiles high quality"},
{
title: "Модульна черепиця",
description: "Легкість у монтажі та бездоганний зовнішній вигляд.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
imageAlt: "tile roof system detailed view",
},
title: "Модульна черепиця", description: "Легкість у монтажі та бездоганний зовнішній вигляд.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg", imageAlt: "tile roof system detailed view"},
{
title: "Бітумна черепиця",
description: "Чудова звукоізоляція та гнучкість для складних дахів.",
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg",
imageAlt: "bituminous roof shingles pattern",
},
title: "Бітумна черепиця", description: "Чудова звукоізоляція та гнучкість для складних дахів.", imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg", imageAlt: "bituminous roof shingles pattern"},
]}
title="Чому обирають нас"
description="Ми гарантуємо довговічність, естетику та захист вашого даху."
@@ -223,65 +148,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Katto",
name: "Композитна черепиця",
price: "от 450 ₴",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13093.jpg",
imageAlt: "composite roofing tiles high quality",
},
id: "1", brand: "Katto", name: "Композитна черепиця", price: "от 450 ₴", rating: 5,
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13093.jpg", imageAlt: "composite roofing tiles high quality"},
{
id: "2",
brand: "Katto",
name: "Бітумна плитка",
price: "от 320 ₴",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/striped-texture-background_23-2147960298.jpg",
imageAlt: "bituminous roof shingles pattern",
},
id: "2", brand: "Katto", name: "Бітумна плитка", price: "от 320 ₴", rating: 5,
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/striped-texture-background_23-2147960298.jpg", imageAlt: "bituminous roof shingles pattern"},
{
id: "3",
brand: "Katto",
name: "Водостічна система",
price: "от 200 ₴",
rating: 5,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
imageAlt: "roof gutter system installation",
},
id: "3", brand: "Katto", name: "Водостічна система", price: "от 200 ₴", rating: 5,
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg", imageAlt: "roof gutter system installation"},
{
id: "4",
brand: "Katto",
name: "Модульна черепиця",
price: "от 550 ₴",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
imageAlt: "tile roof system detailed view",
},
id: "4", brand: "Katto", name: "Модульна черепиця", price: "от 550 ₴", rating: 5,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", imageAlt: "tile roof system detailed view"},
{
id: "5",
brand: "Katto",
name: "Аксесуари покрівлі",
price: "от 150 ₴",
rating: 5,
reviewCount: "5",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg",
imageAlt: "high quality roofing modular tiles",
},
id: "5", brand: "Katto", name: "Аксесуари покрівлі", price: "от 150 ₴", rating: 5,
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", imageAlt: "high quality roofing modular tiles"},
{
id: "6",
brand: "Katto",
name: "Гідроізоляція",
price: "от 80 ₴",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756549.jpg",
imageAlt: "premium composite roof material set",
},
id: "6", brand: "Katto", name: "Гідроізоляція", price: "от 80 ₴", rating: 5,
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756549.jpg", imageAlt: "premium composite roof material set"},
]}
title="Наш асортимент"
description="Широкий вибір матеріалів для вашого даху."
@@ -296,20 +179,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15 років",
description: "Гарантії на матеріали",
},
id: "m1", value: "15 років", description: "Гарантії на матеріали"},
{
id: "m2",
value: "24/7",
description: "Підтримка клієнтів",
},
id: "m2", value: "24/7", description: "Підтримка клієнтів"},
{
id: "m3",
value: "100%",
description: "Безпека монтажу",
},
id: "m3", value: "100%", description: "Безпека монтажу"},
]}
title="Ми гарантуємо якість"
description="Наші переваги, що роблять нас лідерами ринку."
@@ -324,25 +198,15 @@ export default function LandingPage() {
author="Андрій, власник приватного будинку"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
alt: "A",
},
src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", alt: "A"},
{
src: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg",
alt: "B",
},
src: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg", alt: "B"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg",
alt: "C",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg", alt: "C"},
{
src: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
alt: "D",
},
src: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg", alt: "D"},
{
src: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg",
alt: "E",
},
src: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg", alt: "E"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -355,20 +219,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Який термін експлуатації даху?",
content: "Наші покрівлі служать від 30 років і більше.",
},
id: "f1", title: "Який термін експлуатації даху?", content: "Наші покрівлі служать від 30 років і більше."},
{
id: "f2",
title: "Скільки часу триває монтаж?",
content: "Зазвичай від 3 до 7 днів залежно від складності.",
},
id: "f2", title: "Скільки часу триває монтаж?", content: "Зазвичай від 3 до 7 днів залежно від складності."},
{
id: "f3",
title: "Ви надаєте гарантію?",
content: "Так, ми надаємо офіційну письмову гарантію на всі роботи.",
},
id: "f3", title: "Ви надаєте гарантію?", content: "Так, ми надаємо офіційну письмову гарантію на всі роботи."},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-plus-size-people-working-construction_23-2150772854.jpg"
title="Часті питання"
@@ -383,14 +238,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Готові до початку покрівельних робіт?"
buttons={[
{
text: "Написати нам у Telegram",
href: "https://t.me/katto_roofing",
},
text: "Написати нам у Telegram", href: "https://t.me/katto_roofing"},
]}
/>
</div>
@@ -399,29 +251,19 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Послуги",
items: [
title: "Послуги", items: [
{
label: "Монтаж черепиці",
href: "#",
},
label: "Монтаж черепиці", href: "#"},
{
label: "Водостоки",
href: "#",
},
label: "Водостоки", href: "#"},
],
},
{
title: "Компанія",
items: [
title: "Компанія", items: [
{
label: "Про нас",
href: "#",
},
label: "Про нас", href: "#"},
{
label: "Контакти",
href: "#contact",
},
label: "Контакти", href: "#contact"},
],
},
]}