Update theme fonts

Update src/app/page.tsx
2026-05-09 20:15:19 +00:00 · 2026-05-09 20:15:19 +00:00 · 2026-05-09 20:13:09 +00:00 · 2026-05-09 20:10:58 +00:00 · 2026-05-09 20:10:55 +00:00 · 2026-05-09 20:10:55 +00:00
4 changed files with 48 additions and 103 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Public_Sans } from "next/font/google";
+import { Montserrat } from "next/font/google";



@@ -22,8 +23,9 @@ export const metadata: Metadata = {
 };


-const publicSans = Public_Sans({
-  variable: "--font-public-sans",
+
+const montserrat = Montserrat({
+  variable: "--font-montserrat",
  subsets: ["latin"],
 });

@@ -35,7 +37,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${publicSans.variable} antialiased`}>
+        <body className={`${montserrat.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ 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";
@@ -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"
-      button={{
-        text: "Залишити заявку",        href: "#contact"}}
+      brandName="Legal Bridge Service"
+      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,49 +114,25 @@ 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: "Ваше повне ім'я (Обов'язково)", className: "border-2 border-white/20 bg-black/40 text-white placeholder:text-gray-400 py-3 px-4" },
+        { name: "phone", type: "tel", placeholder: "Ваш номер телефону (Обов'язково)", className: "border-2 border-white/20 bg-black/40 text-white placeholder:text-gray-400 py-3 px-4" },
      ]}
-      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, className: "border-2 border-white/20 bg-black/40 text-white placeholder:text-gray-400 py-3 px-4" }}
+      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",          items: [
-            {
-              label: "Політика конфіденційності",              href: "#"},
-            {
-              label: "Публічна оферта",              href: "#"},
-          ],
-        },
-        {
-          title: "Контакти",          items: [
-            {
-              label: "Telegram: @legalbridge",              href: "https://t.me/"},
-            {
-              label: "Пн-Нд 09:00–21:00",              href: "#"},
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Legal Bridge. Всі права захищені."
-      bottomRightText="Ми допомагаємо знайти профільного юриста. Компанія не здійснює адвокатську діяльність."
+      <FooterCard
+      logoText="Legal Bridge Service"
+      copyrightText="© 2025 Legal Bridge Service. Усі права захищено. Попередження про відмову від відповідальності: Наш сервіс є інформаційно-консультаційним порталом з підбору кваліфікованих адвокатів та юристів. Ми не здійснюємо адвокатську діяльність безпосередньо. Всі послуги надаються нашими партнерами на підставі окремих договорів про надання правової допомоги. Будь-яка інформація, надана на сайті, не є публічною офертою."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #d4af37;
  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a1a1a;
  --secondary-cta-text: #000612e6;
  --accent: #d4af37;
-  --background-accent: #c4c4c4;
+  --background-accent: #001a33;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	227866f506	Update theme fonts	2026-05-09 20:15:19 +00:00
bender	bf9d6743db	Update theme fonts	2026-05-09 20:15:19 +00:00
bender	5ffa6ab52c	Update src/app/page.tsx	2026-05-09 20:13:09 +00:00
bender	bbee41e4b3	Merge version_3 into main Merge version_3 into main	2026-05-09 20:10:58 +00:00
bender	866f647ebb	Update src/app/styles/variables.css	2026-05-09 20:10:55 +00:00
bender	31369437cc	Update src/app/page.tsx	2026-05-09 20:10:55 +00:00
bender	e629530ff6	Merge version_2 into main Merge version_2 into main	2026-05-09 19:42:10 +00:00
bender	2c8d2605cb	Update src/app/page.tsx	2026-05-09 19:42:07 +00:00
bender	5a3e1ea2a4	Merge version_1 into main Merge version_1 into main	2026-05-09 19:39:43 +00:00
bender	bd9a6a993b	Merge version_1 into main Merge version_1 into main	2026-05-09 19:33:41 +00:00
bender	bb7aa1c4d5	Merge version_1 into main Merge version_1 into main	2026-05-09 19:33:13 +00:00