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 { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
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 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 HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
@@ -31,47 +31,25 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Начало", id: "hero" },
|
||||||
name: "Начало",
|
{ name: "Услуги", id: "services" },
|
||||||
id: "hero",
|
{ name: "Проекти", id: "projects" },
|
||||||
},
|
{ name: "Контакти", id: "contact" },
|
||||||
{
|
|
||||||
name: "Услуги",
|
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Проекти",
|
|
||||||
id: "projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Контакти",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Трета Индустриална"
|
brandName="Трета Индустриална"
|
||||||
button={{
|
button={{
|
||||||
text: "Заяви консултация",
|
text: "Заяви консултация", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Професионални индустриални решения за вашия бизнес"
|
title="Професионални индустриални решения за вашия бизнес"
|
||||||
description="Надежден партньор с над 15 години опит в индустриалния сектор. Качество, сигурност и бърза реакция за вашия успех."
|
description="Надежден партньор с над 15 години опит в индустриалния сектор. Качество, сигурност и бърза реакция за вашия успех."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Заяви консултация", href: "#contact" },
|
||||||
text: "Заяви консултация",
|
{ text: "Обадете се сега", href: "tel:+359888123456" },
|
||||||
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"
|
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-worker-monitors-system-performance-green-screen-pc_482257-119751.jpg"
|
||||||
imageAlt="industrial automation facility"
|
imageAlt="industrial automation facility"
|
||||||
@@ -82,12 +60,7 @@ export default function LandingPage() {
|
|||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Защо да изберете Трета Индустриална?"
|
title="Защо да изберете Трета Индустриална?"
|
||||||
buttons={[
|
buttons={[{ text: "Научете повече", href: "#services" }]}
|
||||||
{
|
|
||||||
text: "Научете повече",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -97,21 +70,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ icon: Settings, title: "Индустриална автоматизация", description: "Оптимизация на процесите чрез най-модерните технологии." },
|
||||||
icon: Settings,
|
{ icon: Wrench, title: "Монтаж и поддръжка", description: "Превантивен и спешен ремонт за минимални престои." },
|
||||||
title: "Индустриална автоматизация",
|
{ icon: Building2, title: "Инженерни консултации", description: "Специализирана експертиза за оптимизация на производството." },
|
||||||
description: "Оптимизация на процесите чрез най-модерните технологии.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Wrench,
|
|
||||||
title: "Монтаж и поддръжка",
|
|
||||||
description: "Превантивен и спешен ремонт за минимални престои.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Building2,
|
|
||||||
title: "Инженерни консултации",
|
|
||||||
description: "Специализирана експертиза за оптимизация на производството.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Нашите индустриални услуги"
|
title="Нашите индустриални услуги"
|
||||||
description="Пълна гама от специализирани решения за вашата производствена база."
|
description="Пълна гама от специализирани решения за вашата производствена база."
|
||||||
@@ -124,26 +85,10 @@ export default function LandingPage() {
|
|||||||
title="Постижения"
|
title="Постижения"
|
||||||
tag="Нашите резултати"
|
tag="Нашите резултати"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "15+", description: "Години опит" },
|
||||||
id: "1",
|
{ id: "2", value: "200+", description: "Завършени проекти" },
|
||||||
value: "15+",
|
{ id: "3", value: "98%", description: "Доволни клиенти" },
|
||||||
description: "Години опит",
|
{ id: "4", value: "24/7", description: "Поддръжка" },
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
value: "200+",
|
|
||||||
description: "Завършени проекти",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
value: "98%",
|
|
||||||
description: "Доволни клиенти",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
value: "24/7",
|
|
||||||
description: "Поддръжка",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -156,42 +101,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="two-columns-alternating-heights"
|
gridVariant="two-columns-alternating-heights"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
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: "p1",
|
{ id: "p2", name: "Инфраструктурен upgrade на завод", price: "Виж проекта", imageSrc: "http://img.b2bpic.net/free-photo/man-working-steel-fatory-equipment-steel-production_1303-22928.jpg" },
|
||||||
name: "Автоматизирана линия за производство",
|
{ id: "p3", name: "Индустриален контролен център", price: "Виж проекта", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125964.jpg" },
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Завършени индустриални проекти"
|
title="Завършени индустриални проекти"
|
||||||
description="Разгледайте част от нашите реализирани обекти с висока сложност."
|
description="Разгледайте част от нашите реализирани обекти с висока сложност."
|
||||||
@@ -204,28 +116,7 @@ export default function LandingPage() {
|
|||||||
testimonial="Изключителен професионализъм и прецизност при изпълнението на сложни индустриални системи."
|
testimonial="Изключителен професионализъм и прецизност при изпълнението на сложни индустриални системи."
|
||||||
rating={5}
|
rating={5}
|
||||||
author="Георги Иванов, Заводски директор"
|
author="Георги Иванов, Заводски директор"
|
||||||
avatars={[
|
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/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: "Стефан Николов",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -237,104 +128,50 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ icon: Phone, title: "Запитване", description: "Свържете се с нас за безплатна консултация." },
|
||||||
icon: Phone,
|
{ icon: ListChecks, title: "Анализ", description: "Проучваме специфичните нужди на вашия бизнес." },
|
||||||
title: "Запитване",
|
{ icon: Layout, title: "Планиране", description: "Предлагаме оптимизиран инженерен проект." },
|
||||||
description: "Свържете се с нас за безплатна консултация.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: ListChecks,
|
|
||||||
title: "Анализ",
|
|
||||||
description: "Проучваме специфичните нужди на вашия бизнес.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Layout,
|
|
||||||
title: "Планиране",
|
|
||||||
description: "Предлагаме оптимизиран инженерен проект.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Zap,
|
|
||||||
title: "Изпълнение",
|
|
||||||
description: "Прецизен монтаж от нашите сертифицирани техници.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Award,
|
|
||||||
title: "Поддръжка",
|
|
||||||
description: "Продължаващо техническо обслужване и мониторинг.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Нашият работен процес"
|
title="Нашият работен процес"
|
||||||
description="5 лесни стъпки до успешно партньорство."
|
description="Лесни стъпки до успешно партньорство."
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="cta" data-section="cta">
|
|
||||||
<ContactCenter
|
|
||||||
useInvertedBackground={false}
|
|
||||||
background={{
|
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
tag="Безплатна консултация"
|
|
||||||
title="Готови ли сте за проект?"
|
|
||||||
description="Обадете се сега или изпратете запитване за безплатна консултация."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactSplitForm
|
||||||
useInvertedBackground={true}
|
title="Свържете се с нас"
|
||||||
background={{
|
description="Разполагаме с екип на разположение за вашите въпроси и консултации. Обадете ни се или изпратете запитване чрез формата."
|
||||||
variant: "plain",
|
useInvertedBackground={true}
|
||||||
}}
|
inputs={[
|
||||||
tag="Свържете се с нас"
|
{ name: "name", type: "text", placeholder: "Вашето име", required: true },
|
||||||
title="Контакти"
|
{ name: "email", type: "email", placeholder: "Вашият имейл", required: true }
|
||||||
description="Намерете ни на нашия адрес или ни пишете за въпроси."
|
]}
|
||||||
/>
|
textarea={{ name: "message", placeholder: "Вашето съобщение", rows: 4 }}
|
||||||
|
onSubmit={(data) => console.log(data)}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterBase
|
||||||
columns={[
|
logoText="Трета Индустриална"
|
||||||
{
|
copyrightText="© 2025 Трета Индустриална. Всички права запазени."
|
||||||
title: "Трета Индустриална",
|
columns={[
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Относно нас",
|
title: "Компания", items: [
|
||||||
href: "#about",
|
{ label: "За нас", href: "#about" },
|
||||||
|
{ label: "Услуги", href: "#services" }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Услуги",
|
title: "Контакти", items: [
|
||||||
href: "#services",
|
{ label: "Телефон: +359 888 123 456", href: "tel:+359888123456" },
|
||||||
},
|
{ label: "Имейл: office@treta.bg", href: "mailto:office@treta.bg" }
|
||||||
{
|
]
|
||||||
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="Всички права запазени"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user