Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #5.
This commit is contained in:
125
src/app/page.tsx
125
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>
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user