Merge version_1_1782064633757 into main #2
@@ -11,263 +11,129 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitMediaGrid
|
||||
tag="Цифрова трансформація"
|
||||
title="Точні кампанії для вашого бізнесу"
|
||||
description="Ми поєднуємо дані, креатив та стратегію для результатів, які змінюють метрики. Від запуску до оптимізації—ваш партнер в цифровому зростанні."
|
||||
primaryButton={{
|
||||
text: "Почнемо проект",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Наші кейси",
|
||||
href: "#case-studies",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211335.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Цифрова трансформація"
|
||||
title="Точні кампанії для вашого бізнесу"
|
||||
description="Ми поєднуємо дані, креатив та стратегію для результатів, які змінюють метрики. Від запуску до оптимізації—ваш партнер в цифровому зростанні."
|
||||
primaryButton={{ text: "Почнемо проект", href: "#contact" }}
|
||||
secondaryButton={{ text: "Наші кейси", href: "#case-studies" }}
|
||||
items={[{ imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211335.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg" }]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesArrowCards
|
||||
tag="Наші послуги"
|
||||
title="Ефективний маркетинг під ключ"
|
||||
description="Повний цикл рекламної підтримки для досягнення ваших цілей."
|
||||
items={[
|
||||
{
|
||||
title: "Таргетована реклама",
|
||||
tags: [
|
||||
"Facebook",
|
||||
"Instagram",
|
||||
"ROI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg",
|
||||
},
|
||||
{
|
||||
title: "Google Ads",
|
||||
tags: [
|
||||
"PPC",
|
||||
"SEM",
|
||||
"Growth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg",
|
||||
},
|
||||
{
|
||||
title: "Стратегічне планування",
|
||||
tags: [
|
||||
"Analytics",
|
||||
"Strategy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-121371.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Наші послуги"
|
||||
title="Ефективний маркетинг під ключ"
|
||||
description="Повний цикл рекламної підтримки для досягнення ваших цілей."
|
||||
items={[
|
||||
{ title: "Таргетована реклама", tags: ["Facebook", "Instagram", "ROI"], imageSrc: "http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg" },
|
||||
{ title: "Google Ads", tags: ["PPC", "SEM", "Growth"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg" },
|
||||
{ title: "Стратегічне планування", tags: ["Analytics", "Strategy"], imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-121371.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="case-studies" data-section="case-studies">
|
||||
<SectionErrorBoundary name="case-studies">
|
||||
<div id="case-studies" data-section="case-studies">
|
||||
<SectionErrorBoundary name="case-studies">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Наші кейси"
|
||||
title="Результати, що вражають"
|
||||
description="Реальні історії зростання наших клієнтів через точний таргетинг."
|
||||
items={[
|
||||
{
|
||||
title: "E-commerce Ріст",
|
||||
description: "Збільшили конверсію на 45% для рітейлера",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brand-branding-project-goals-word-concept_53876-120034.jpg",
|
||||
},
|
||||
{
|
||||
title: "SaaS Просування",
|
||||
description: "Оптимізували CPA на 30% за 3 місяці",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-use-technology-office_482257-120242.jpg",
|
||||
},
|
||||
{
|
||||
title: "Food & Tech",
|
||||
description: "Залучили 10k нових клієнтів",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904321.jpg",
|
||||
},
|
||||
{
|
||||
title: "Брендинг",
|
||||
description: "Підвищили впізнаваність на 200%",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-with-annual-evolution_1098-3503.jpg",
|
||||
},
|
||||
{
|
||||
title: "Локальний бізнес",
|
||||
description: "Збільшили потік клієнтів на 60%",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
},
|
||||
{
|
||||
title: "Фінанси",
|
||||
description: "Знизили витрати на ліди на 25%",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
},
|
||||
{
|
||||
title: "Стартап",
|
||||
description: "Масштабували продажі у 3 рази",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Наші кейси"
|
||||
title="Результати, що вражають"
|
||||
description="Реальні історії зростання наших клієнтів через точний таргетинг."
|
||||
items={[
|
||||
{ title: "E-commerce Ріст", description: "Збільшили конверсію на 45% для рітейлера", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/brand-branding-project-goals-word-concept_53876-120034.jpg" },
|
||||
{ title: "SaaS Просування", description: "Оптимізували CPA на 30% за 3 місяці", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-use-technology-office_482257-120242.jpg" },
|
||||
{ title: "Food & Tech", description: "Залучили 10k нових клієнтів", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904321.jpg" },
|
||||
{ title: "Брендинг", description: "Підвищили впізнаваність на 200%", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-with-annual-evolution_1098-3503.jpg" },
|
||||
{ title: "Локальний бізнес", description: "Збільшили потік клієнтів на 60%", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" },
|
||||
{ title: "Фінанси", description: "Знизили витрати на ліди на 25%", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg" },
|
||||
{ title: "Стартап", description: "Масштабували продажі у 3 рази", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Цифри"
|
||||
title="Довіра в метриках"
|
||||
description="Прозорі показники ефективності для кожного клієнта."
|
||||
metrics={[
|
||||
{
|
||||
value: "120+",
|
||||
title: "Клієнтів",
|
||||
description: "Успішних проектів",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-diagram-graphic-icon-finance-concept_53876-122983.jpg",
|
||||
},
|
||||
{
|
||||
value: "$2M+",
|
||||
title: "Витрачено",
|
||||
description: "Рекламного бюджету",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
},
|
||||
{
|
||||
value: "4.8",
|
||||
title: "ROI",
|
||||
description: "Середній коефіцієнт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Цифри"
|
||||
title="Довіра в метриках"
|
||||
description="Прозорі показники ефективності для кожного клієнта."
|
||||
metrics={[
|
||||
{ value: "120+", title: "Клієнтів", description: "Успішних проектів", imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-diagram-graphic-icon-finance-concept_53876-122983.jpg" },
|
||||
{ value: "$2M+", title: "Витрачено", description: "Рекламного бюджету", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
|
||||
{ value: "4.8", title: "ROI", description: "Середній коефіцієнт", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamListCards
|
||||
tag="Команда"
|
||||
title="Експерти вашого зростання"
|
||||
description="Професіонали з досвідом у performance-маркетингу."
|
||||
groups={[
|
||||
{
|
||||
title: "Management",
|
||||
members: [
|
||||
{
|
||||
name: "Андрій Коваль",
|
||||
role: "CEO",
|
||||
detail: "10+ років досвіду",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
|
||||
},
|
||||
{
|
||||
name: "Олена Марченко",
|
||||
role: "Lead Strategist",
|
||||
detail: "Data-driven експерт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lawyer-doing-her-job_23-2148172253.jpg",
|
||||
},
|
||||
{
|
||||
name: "Дмитро Іванов",
|
||||
role: "Head of Ads",
|
||||
detail: "Google Ads Certified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-using-digital-tablet-home-office_329181-4278.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211335.jpg?_wi=2",
|
||||
imageAlt: "professional business owner headshot",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Команда"
|
||||
title="Експерти вашого зростання"
|
||||
description="Професіонали з досвідом у performance-маркетингу."
|
||||
groups={[
|
||||
{
|
||||
title: "Management", members: [
|
||||
{ name: "Андрій Коваль", role: "CEO", detail: "10+ років досвіду", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg" },
|
||||
{ name: "Олена Марченко", role: "Lead Strategist", detail: "Data-driven експерт", imageSrc: "http://img.b2bpic.net/free-photo/lawyer-doing-her-job_23-2148172253.jpg" },
|
||||
{ name: "Дмитро Іванов", role: "Head of Ads", detail: "Google Ads Certified", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-using-digital-tablet-home-office_329181-4278.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="Ця агенція змінила наш погляд на маркетинг. Результати видно з першого тижня роботи."
|
||||
rating={5}
|
||||
author="Сергій Мельник, Власник бізнесу"
|
||||
avatars={[
|
||||
{
|
||||
name: "Client 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="Ця агенція змінила наш погляд на маркетинг. Результати видно з першого тижня роботи."
|
||||
rating={5}
|
||||
author="Сергій Мельник, Власник бізнесу"
|
||||
avatars={[
|
||||
{ name: "Client 1", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg" },
|
||||
{ name: "Client 2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg" },
|
||||
{ name: "Client 3", imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg" },
|
||||
{ name: "Client 4", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
|
||||
{ name: "Client 5", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Підтримка"
|
||||
title="Часті запитання"
|
||||
description="Відповіді на основні моменти співпраці."
|
||||
items={[
|
||||
{
|
||||
question: "Який мінімальний бюджет?",
|
||||
answer: "Ми працюємо з проектами від $500/міс.",
|
||||
},
|
||||
{
|
||||
question: "Коли будуть результати?",
|
||||
answer: "Перші метрики ви побачите вже через 7-10 днів.",
|
||||
},
|
||||
{
|
||||
question: "Як ви звітуєте?",
|
||||
answer: "Щотижневі звіти в Data Studio.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Підтримка"
|
||||
title="Часті запитання"
|
||||
description="Відповіді на основні моменти співпраці."
|
||||
items={[
|
||||
{ question: "Який мінімальний бюджет?", answer: "Ми працюємо з проектами від $500/міс." },
|
||||
{ question: "Коли будуть результати?", answer: "Перші метрики ви побачите вже через 7-10 днів." },
|
||||
{ question: "Як ви звітуєте?", answer: "Щотижневі звіти в Data Studio." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Зв'язок"
|
||||
text="Готові до масштабування? Напишіть нам прямо зараз."
|
||||
primaryButton={{
|
||||
text: "Надіслати заявку",
|
||||
href: "mailto:hello@uagency.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Дізнатися більше",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Зв'язок"
|
||||
text="Готові до масштабування? Напишіть нам прямо зараз."
|
||||
primaryButton={{ text: "Надіслати заявку", href: "mailto:hello@uagency.com" }}
|
||||
secondaryButton={{ text: "Дізнатися більше", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user