Update src/app/page.tsx
This commit is contained in:
269
src/app/page.tsx
269
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
@@ -31,47 +31,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Начало",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Проекти",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Контакти",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Начало", id: "hero" },
|
||||
{ name: "Услуги", id: "services" },
|
||||
{ name: "Проекти", id: "projects" },
|
||||
{ name: "Контакти", id: "contact" },
|
||||
]}
|
||||
brandName="Трета Индустриална"
|
||||
button={{
|
||||
text: "Заяви консултация",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Заяви консултация", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Професионални индустриални решения за вашия бизнес"
|
||||
description="Надежден партньор с над 15 години опит в индустриалния сектор. Качество, сигурност и бърза реакция за вашия успех."
|
||||
buttons={[
|
||||
{
|
||||
text: "Заяви консултация",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Обадете се сега",
|
||||
href: "tel:+359888123456",
|
||||
},
|
||||
{ text: "Заяви консултация", href: "#contact" },
|
||||
{ text: "Обадете се сега", href: "tel:+359888123456" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-worker-monitors-system-performance-green-screen-pc_482257-119751.jpg"
|
||||
imageAlt="industrial automation facility"
|
||||
@@ -82,12 +60,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Защо да изберете Трета Индустриална?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Научете повече",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Научете повече", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -97,21 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Settings,
|
||||
title: "Индустриална автоматизация",
|
||||
description: "Оптимизация на процесите чрез най-модерните технологии.",
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Монтаж и поддръжка",
|
||||
description: "Превантивен и спешен ремонт за минимални престои.",
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Инженерни консултации",
|
||||
description: "Специализирана експертиза за оптимизация на производството.",
|
||||
},
|
||||
{ icon: Settings, title: "Индустриална автоматизация", description: "Оптимизация на процесите чрез най-модерните технологии." },
|
||||
{ icon: Wrench, title: "Монтаж и поддръжка", description: "Превантивен и спешен ремонт за минимални престои." },
|
||||
{ icon: Building2, title: "Инженерни консултации", description: "Специализирана експертиза за оптимизация на производството." },
|
||||
]}
|
||||
title="Нашите индустриални услуги"
|
||||
description="Пълна гама от специализирани решения за вашата производствена база."
|
||||
@@ -124,26 +85,10 @@ export default function LandingPage() {
|
||||
title="Постижения"
|
||||
tag="Нашите резултати"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
description: "Години опит",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "200+",
|
||||
description: "Завършени проекти",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Доволни клиенти",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7",
|
||||
description: "Поддръжка",
|
||||
},
|
||||
{ id: "1", value: "15+", description: "Години опит" },
|
||||
{ id: "2", value: "200+", description: "Завършени проекти" },
|
||||
{ id: "3", value: "98%", description: "Доволни клиенти" },
|
||||
{ id: "4", value: "24/7", description: "Поддръжка" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -156,42 +101,9 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Автоматизирана линия за производство",
|
||||
price: "Виж проекта",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-with-some-bags-chemicals-heavy-industry-machinery-metalworking-workshop-concept_645730-450.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Инфраструктурен upgrade на завод",
|
||||
price: "Виж проекта",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-steel-fatory-equipment-steel-production_1303-22928.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Индустриален контролен център",
|
||||
price: "Виж проекта",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125964.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Специализирано оборудване за складове",
|
||||
price: "Виж проекта",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacture-steel-machine-with-control-computer-clear-room_645730-186.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Оптимизация на енергийни системи",
|
||||
price: "Виж проекта",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction_1122-1179.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Технически одит и сертифициране",
|
||||
price: "Виж проекта",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-worker-uses-tracking-software-tablet-diagnose-system_482257-119776.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Автоматизирана линия за производство", price: "Виж проекта", imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-with-some-bags-chemicals-heavy-industry-machinery-metalworking-workshop-concept_645730-450.jpg" },
|
||||
{ id: "p2", name: "Инфраструктурен upgrade на завод", price: "Виж проекта", imageSrc: "http://img.b2bpic.net/free-photo/man-working-steel-fatory-equipment-steel-production_1303-22928.jpg" },
|
||||
{ id: "p3", name: "Индустриален контролен център", price: "Виж проекта", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125964.jpg" },
|
||||
]}
|
||||
title="Завършени индустриални проекти"
|
||||
description="Разгледайте част от нашите реализирани обекти с висока сложност."
|
||||
@@ -204,28 +116,7 @@ export default function LandingPage() {
|
||||
testimonial="Изключителен професионализъм и прецизност при изпълнението на сложни индустриални системи."
|
||||
rating={5}
|
||||
author="Георги Иванов, Заводски директор"
|
||||
avatars={[
|
||||
{
|
||||
src: "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",
|
||||
alt: "Георги Иванов",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
|
||||
alt: "Мария Петрова",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg",
|
||||
alt: "Иван Стойков",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18996.jpg",
|
||||
alt: "Елена Димитрова",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg",
|
||||
alt: "Стефан Николов",
|
||||
},
|
||||
]}
|
||||
avatars={[{ src: "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", alt: "Георги Иванов" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -237,104 +128,50 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Phone,
|
||||
title: "Запитване",
|
||||
description: "Свържете се с нас за безплатна консултация.",
|
||||
},
|
||||
{
|
||||
icon: ListChecks,
|
||||
title: "Анализ",
|
||||
description: "Проучваме специфичните нужди на вашия бизнес.",
|
||||
},
|
||||
{
|
||||
icon: Layout,
|
||||
title: "Планиране",
|
||||
description: "Предлагаме оптимизиран инженерен проект.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Изпълнение",
|
||||
description: "Прецизен монтаж от нашите сертифицирани техници.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Поддръжка",
|
||||
description: "Продължаващо техническо обслужване и мониторинг.",
|
||||
},
|
||||
{ icon: Phone, title: "Запитване", description: "Свържете се с нас за безплатна консултация." },
|
||||
{ icon: ListChecks, title: "Анализ", description: "Проучваме специфичните нужди на вашия бизнес." },
|
||||
{ icon: Layout, title: "Планиране", description: "Предлагаме оптимизиран инженерен проект." },
|
||||
]}
|
||||
title="Нашият работен процес"
|
||||
description="5 лесни стъпки до успешно партньорство."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Безплатна консултация"
|
||||
title="Готови ли сте за проект?"
|
||||
description="Обадете се сега или изпратете запитване за безплатна консултация."
|
||||
description="Лесни стъпки до успешно партньорство."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Свържете се с нас"
|
||||
title="Контакти"
|
||||
description="Намерете ни на нашия адрес или ни пишете за въпроси."
|
||||
/>
|
||||
<ContactSplitForm
|
||||
title="Свържете се с нас"
|
||||
description="Разполагаме с екип на разположение за вашите въпроси и консултации. Обадете ни се или изпратете запитване чрез формата."
|
||||
useInvertedBackground={true}
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Вашето име", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Вашият имейл", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Вашето съобщение", rows: 4 }}
|
||||
onSubmit={(data) => console.log(data)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Трета Индустриална",
|
||||
items: [
|
||||
<FooterBase
|
||||
logoText="Трета Индустриална"
|
||||
copyrightText="© 2025 Трета Индустриална. Всички права запазени."
|
||||
columns={[
|
||||
{
|
||||
label: "Относно нас",
|
||||
href: "#about",
|
||||
title: "Компания", items: [
|
||||
{ label: "За нас", href: "#about" },
|
||||
{ label: "Услуги", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "Услуги",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Проекти",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакти",
|
||||
items: [
|
||||
{
|
||||
label: "София, България",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "+359 888 123 456",
|
||||
href: "tel:+359888123456",
|
||||
},
|
||||
{
|
||||
label: "office@treta.bg",
|
||||
href: "mailto:office@treta.bg",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Трета Индустриална"
|
||||
bottomRightText="Всички права запазени"
|
||||
/>
|
||||
title: "Контакти", items: [
|
||||
{ label: "Телефон: +359 888 123 456", href: "tel:+359888123456" },
|
||||
{ label: "Имейл: office@treta.bg", href: "mailto:office@treta.bg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user