From 31369437ccadeb44bbff094087df8a26c728b07e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 9 May 2026 20:10:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 125 +++++++++++++----------------------------------
 1 file changed, 34 insertions(+), 91 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e5eae8f..a954944 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,10 +5,10 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import { CheckCircle, CheckSquare, FileText, Headphones, Info, Lock, MessageSquare, Scale, Search, Shield, Users, Zap } from "lucide-react";
+import { CheckCircle, CheckSquare, FileText, Headphones, Info, Lock, MessageSquare, Scale, Search, Shield, Users, Zap, Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -19,7 +19,7 @@ export default function LandingPage() {
         contentWidth="smallMedium"
         sizing="mediumLargeSizeLargeTitles"
         background="circleGradient"
-        cardStyle="soft-shadow"
+        cardStyle="glass-elevated"
         primaryButtonStyle="radial-glow"
         secondaryButtonStyle="radial-glow"
         headingFontWeight="semibold"
@@ -28,16 +28,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Як працюємо",          id: "workflow"},
-        {
-          name: "Напрямки",          id: "directions"},
-        {
-          name: "Контакти",          id: "contact"},
+        { name: "Як працюємо", id: "workflow" },
+        { name: "Напрямки", id: "directions" },
+        { name: "Контакти", id: "contact" },
       ]}
       brandName="Legal Bridge Service"
-      button={{
-        text: "Залишити заявку",        href: "#contact"}}
+      button={{ text: "Залишити заявку", href: "#contact" }}
     />
   </div>
 
@@ -46,10 +42,8 @@ export default function LandingPage() {
       logoText="Підберемо юриста під вашу ситуацію"
       description="Швидкий підбір профільного спеціаліста для військових, сімейних та цивільних питань по всій Україні"
       buttons={[
-        {
-          text: "Залишити заявку",          href: "#contact"},
-        {
-          text: "Отримати консультацію",          href: "#contact"},
+        { text: "Залишити заявку", href: "#contact" },
+        { text: "Отримати консультацію", href: "#contact" },
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/businessman-using-mobile-phone-coffee-break_1163-5510.jpg"
@@ -62,18 +56,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "1. Заявка",          description: "Ви заповнюєте коротку форму на сайті.",          bentoComponent: "reveal-icon",          icon: FileText
-        },
-        {
-          title: "2. Уточнення",          description: "Менеджер зв'язується з вами для деталей.",          bentoComponent: "reveal-icon",          icon: MessageSquare
-        },
-        {
-          title: "3. Підбір",          description: "Аналізуємо ситуацію та шукаємо юриста.",          bentoComponent: "reveal-icon",          icon: Search
-        },
-        {
-          title: "4. Консультація",          description: "Організовуємо вашу зустріч із експертом.",          bentoComponent: "reveal-icon",          icon: CheckCircle
-        },
+        { title: "1. Заявка", description: "Ви заповнюєте коротку форму на сайті.", bentoComponent: "reveal-icon", icon: FileText },
+        { title: "2. Уточнення", description: "Менеджер зв'язується з вами для деталей.", bentoComponent: "reveal-icon", icon: MessageSquare },
+        { title: "3. Підбір", description: "Аналізуємо ситуацію та шукаємо юриста.", bentoComponent: "reveal-icon", icon: Search },
+        { title: "4. Консультація", description: "Організовуємо вашу зустріч із експертом.", bentoComponent: "reveal-icon", icon: CheckCircle },
       ]}
       title="Як ми працюємо"
       description="Ми забезпечуємо прозорий та швидкий процес підбору експерта для вирішення вашої проблеми."
@@ -86,18 +72,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Військове право",          description: "Підтримка військовослужбовців та їхніх родин.",          bentoComponent: "reveal-icon",          icon: Shield
-        },
-        {
-          title: "Сімейні справи",          description: "Розлучення, аліменти, опіка.",          bentoComponent: "reveal-icon",          icon: Users
-        },
-        {
-          title: "Цивільні спори",          description: "Допомога у майнових та договірних питаннях.",          bentoComponent: "reveal-icon",          icon: Scale
-        },
-        {
-          title: "Консультації",          description: "Оперативні відповіді на ваші питання.",          bentoComponent: "reveal-icon",          icon: Info
-        },
+        { title: "Військове право", description: "Підтримка військовослужбовців та їхніх родин.", bentoComponent: "reveal-icon", icon: Shield },
+        { title: "Сімейні справи", description: "Розлучення, аліменти, опіка.", bentoComponent: "reveal-icon", icon: Users },
+        { title: "Цивільні спори", description: "Допомога у майнових та договірних питаннях.", bentoComponent: "reveal-icon", icon: Scale },
+        { title: "Консультації", description: "Оперативні відповіді на ваші питання.", bentoComponent: "reveal-icon", icon: Info },
       ]}
       title="Основні напрямки"
       description="Ми спеціалізуємося на підборі професіоналів у найбільш затребуваних галузях права."
@@ -110,18 +88,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Швидкість",          description: "Підбір спеціаліста за лічені години.",          bentoComponent: "reveal-icon",          icon: Zap
-        },
-        {
-          title: "Перевірка",          description: "Лише надійні та досвідчені партнери.",          bentoComponent: "reveal-icon",          icon: CheckSquare
-        },
-        {
-          title: "Конфіденційність",          description: "Ваші дані захищені на всіх етапах.",          bentoComponent: "reveal-icon",          icon: Lock
-        },
-        {
-          title: "Супровід",          description: "Менеджер веде вас до результату.",          bentoComponent: "reveal-icon",          icon: Headphones
-        },
+        { title: "Швидкість", description: "Підбір спеціаліста за лічені години.", bentoComponent: "reveal-icon", icon: Zap },
+        { title: "Перевірка", description: "Лише надійні та досвідчені партнери.", bentoComponent: "reveal-icon", icon: CheckSquare },
+        { title: "Конфіденційність", description: "Ваші дані захищені на всіх етапах.", bentoComponent: "reveal-icon", icon: Lock },
+        { title: "Супровід", description: "Менеджер веде вас до результату.", bentoComponent: "reveal-icon", icon: Headphones },
       ]}
       title="Чому нам довіряють"
       description="Ми гарантуємо якість підбору, економлячи ваш час та зусилля."
@@ -132,12 +102,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",          title: "Скільки чекати відповіді?",          content: "Зазвичай ми обробляємо запит протягом 5–15 хвилин у робочий час."},
-        {
-          id: "2",          title: "Чи це безкоштовно?",          content: "Первинний підбір юриста для вас — безкоштовний."},
-        {
-          id: "3",          title: "Хто надає послугу?",          content: "Послугу надає наш партнер — кваліфікований адвокат або юрист."},
+        { id: "1", title: "Скільки чекати відповіді?", content: "Зазвичай ми обробляємо запит протягом 5–15 хвилин у робочий час." },
+        { id: "2", title: "Чи це безкоштовно?", content: "Первинний підбір юриста для вас — безкоштовний." },
+        { id: "3", title: "Хто надає послугу?", content: "Послугу надає наш партнер — кваліфікований адвокат або юрист." },
       ]}
       sideTitle="Є питання?"
       sideDescription="Знайдіть відповіді на найпопулярніші запитання про сервіс."
@@ -147,46 +114,22 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      useInvertedBackground={false}
-      title="Залишити заявку"
-      description="Заповніть форму, і ми підберемо фахівця вже сьогодні."
+      useInvertedBackground={true}
+      title="Зв’яжіться з нашими експертами"
+      description="Ми готові допомогти вам у будь-яких правових питаннях. Заповніть форму, і ми підберемо фахівця відповідно до вашої ситуації."
       inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Ваше ім'я",          required: true,
-        },
-        {
-          name: "phone",          type: "tel",          placeholder: "Ваш номер телефону",          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Ваше повне ім'я", required: true },
+        { name: "phone", type: "tel", placeholder: "Ваш номер телефону", required: true },
       ]}
-      textarea={{
-        name: "description",        placeholder: "Короткий опис вашої ситуації",        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/interior-designer-studying-architectural-blueprints-office_482257-87389.jpg"
+      textarea={{ name: "description", placeholder: "Детальний опис вашої справи", rows: 5, required: true }}
+      imageSrc="http://img.b2bpic.net/free-photo/gavel-law-books-wooden-table_23-2148286088.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Legal Bridge Service",          items: [
-            {
-              label: "Політика конфіденційності",              href: "#"},
-            {
-              label: "Публічна оферта",              href: "#"},
-          ],
-        },
-        {
-          title: "Контакти",          items: [
-            {
-              label: "Telegram: @legalbridge",              href: "https://t.me/"},
-            {
-              label: "Пн-Нд 09:00–21:00",              href: "#"},
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Legal Bridge Service. Всі права захищені."
-      bottomRightText="Ми допомагаємо знайти профільного юриста. Компанія не здійснює адвокатську діяльність."
+      <FooterCard
+      logoText="Legal Bridge Service"
+      copyrightText="© 2025 Legal Bridge Service. Усі права захищено. Попередження про відмову від відповідальності: Наш сервіс є інформаційно-консультаційним порталом з підбору кваліфікованих адвокатів та юристів. Ми не здійснюємо адвокатську діяльність безпосередньо. Всі послуги надаються нашими партнерами на підставі окремих договорів про надання правової допомоги. Будь-яка інформація, надана на сайті, не є публічною офертою."
     />
   </div>
       </ReactLenis>