271 lines
20 KiB
TypeScript
271 lines
20 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
||
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
|
||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="small"
|
||
sizing="large"
|
||
background="floatingGradient"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
brandName="Пром.Альп"
|
||
navItems={[
|
||
{ name: "О компании", id: "about" },
|
||
{ name: "Услуги", id: "services" },
|
||
{ name: "Опыт", id: "experience" },
|
||
{ name: "Клиенты", id: "clients" },
|
||
{ name: "Контакты", id: "contact" }
|
||
]}
|
||
button={{
|
||
text: "Получить консультацию", href: "tel:+77014783490"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardCarousel
|
||
title="Промышленный альпинизм и строительно-монтажные работы в Казахстане"
|
||
description="Профессиональные высотные и промышленные работы с 2008 года"
|
||
tag="Пром.Альп"
|
||
background={{ variant: "plain" }}
|
||
buttons={[
|
||
{
|
||
text: "Получить консультацию", href: "tel:+77014783490"
|
||
}
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-safety-helmet_1122-1467.jpg", imageAlt: "Промышленный альпинист на высоте"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/worker-hard-hat-conducts-system-inspections-offshore-drilling-rig-from-industrial-platform_482257-135940.jpg", imageAlt: "Работы на металлических конструкциях"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-adult-climbing-mountains_23-2150382967.jpg", imageAlt: "Высотные строительные работы"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-biggest-crane-holding-iron-construction-where-sitting-builder-eating-man-resting-looking-down-cityscape-background-extreme-building-high_7502-8703.jpg", imageAlt: "Промышленные работы на высоте"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-umbrella-standing-street_107420-12277.jpg", imageAlt: "Профессиональный альпинизм"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
title="О компании Пром.Альп"
|
||
description="Компания Пром.Альп основана в 2008 году в городе Шымкент. Компания имеет государственную лицензию на строительно-монтажные работы и выполняет сложные промышленные проекты по всей территории Казахстана. Наш опыт позволяет выполнять работы на промышленных предприятиях, заводах, нефтеперерабатывающих комплексах и крупных объектах инфраструктуры."
|
||
metrics={[
|
||
{ value: "15+", title: "лет опыта в промышленности" },
|
||
{ value: "22+", title: "крупных клиентов" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/car-dealership-salesman-asking-customers-questions_482257-118237.jpg"
|
||
imageAlt="Офис компании Пром.Альп"
|
||
useInvertedBackground={false}
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<ProductCardTwo
|
||
title="Наши услуги"
|
||
description="Полный спектр высотных и промышленных работ для предприятий Казахстана"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
products={[
|
||
{
|
||
id: "1", brand: "Пром.Альп", name: "Антикоррозийная защита металлоконструкций", price: "Консультация", rating: 5,
|
||
reviewCount: "Проф.", imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-hazmat-suit-working-nuclear-power-plant_23-2150805486.jpg", imageAlt: "Антикоррозийная защита"
|
||
},
|
||
{
|
||
id: "2", brand: "Пром.Альп", name: "Теплоизоляция газоходов, оборудования и резервуаров", price: "Консультация", rating: 5,
|
||
reviewCount: "Проф.", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-feeling-unwell-coughing-while-working-factory-coronavirus-pandemic_637285-12055.jpg", imageAlt: "Теплоизоляция оборудования"
|
||
},
|
||
{
|
||
id: "3", brand: "Пром.Альп", name: "Гидроизоляция и химическая защита промышленных объектов", price: "Консультация", rating: 5,
|
||
reviewCount: "Проф.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15325.jpg", imageAlt: "Гидроизоляция объектов"
|
||
},
|
||
{
|
||
id: "4", brand: "Пром.Альп", name: "Огнезащитная обработка металлоконструкций", price: "Консультация", rating: 5,
|
||
reviewCount: "Проф.", imageSrc: "http://img.b2bpic.net/free-photo/metallic-texture_23-2152024246.jpg", imageAlt: "Огнезащитная обработка"
|
||
},
|
||
{
|
||
id: "5", brand: "Пром.Альп", name: "Ремонт аварийных зданий методом торкретирования", price: "Консультация", rating: 5,
|
||
reviewCount: "Проф.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53936.jpg", imageAlt: "Ремонт аварийных зданий"
|
||
},
|
||
{
|
||
id: "6", brand: "Пром.Альп", name: "Монтаж металлоконструкций и стальных резервуаров", price: "Консультация", rating: 5,
|
||
reviewCount: "Проф.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-bicycle-bridge_23-2147764153.jpg", imageAlt: "Монтаж металлоконструкций"
|
||
},
|
||
{
|
||
id: "7", brand: "Пром.Альп", name: "Монтаж профлистов и сэндвич-панелей", price: "Консультация", rating: 5,
|
||
reviewCount: "Проф.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-building-roof-house_23-2148748843.jpg", imageAlt: "Монтаж кровли"
|
||
},
|
||
{
|
||
id: "8", brand: "Пром.Альп", name: "Обследование, капитальный ремонт и демонтаж дымовых труб и башен", price: "Консультация", rating: 5,
|
||
reviewCount: "Проф.", imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-industry-exterior-daylight_23-2149057692.jpg", imageAlt: "Ремонт дымовых труб"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="experience" data-section="experience">
|
||
<FeatureCardNineteen
|
||
title="Наш опыт и достижения"
|
||
description="Более 15 лет успешной работы в промышленном строительстве и альпинизме"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
tag: "Опыт", title: "15+ лет в индустрии", subtitle: "Успешные проекты по всему Казахстану", description: "Компания успешно реализовала проекты для крупных предприятий Казахстана, включая нефтеперерабатывающие комплексы, заводы и промышленные объекты инфраструктуры.", imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-30162.jpg", imageAlt: "Промышленный объект"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="company-features" data-section="company-features">
|
||
<FeatureCardEight
|
||
title="Почему выбирают нас"
|
||
description="Ключевые преимущества компании Пром.Альп"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Профессиональный опыт", description: "Более 15 лет успешной работы в промышленном альпинизме и строительно-монтажных работах", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfzF2f4UzmTZy4U9OIkdzfGRMZ/uploaded-1773000520874-ypygyn4n.jpg", imageAlt: "Профессиональный опыт"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="clients" data-section="clients">
|
||
<TeamCardTwo
|
||
title="Наши клиенты"
|
||
description="Среди наших клиентов более 22 крупных промышленных предприятий, включая лидеров отрасли"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
gridVariant="two-columns-alternating-heights"
|
||
animationType="slide-up"
|
||
members={[
|
||
{
|
||
id: "1", name: "Газпром нефть-Казахстан", role: "Нефтяная компания", description: "Один из главных стратегических партнеров компании Пром.Альп. Выполняем высотные работы и промышленное обслуживание.", imageSrc: "http://img.b2bpic.net/free-vector/flat-g-letter-logo-collection_23-2148949336.jpg", imageAlt: "Газпром нефть логотип"
|
||
},
|
||
{
|
||
id: "2", name: "Атырауский НПЗ", role: "Нефтеперерабатывающий завод", description: "Крупный промышленный комплекс. Регулярно выполняем услуги антикоррозийной защиты и ремонта.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-biofuel-logo_23-2149391632.jpg", imageAlt: "Атырауский НПЗ логотип"
|
||
},
|
||
{
|
||
id: "3", name: "Шымкентцемент", role: "Производство цемента", description: "Ведущий производитель цемента. Выполняем работы по изоляции и защите промышленных конструкций.", imageSrc: "http://img.b2bpic.net/free-vector/labour-day-label-collection_23-2148099646.jpg", imageAlt: "Шымкентцемент логотип"
|
||
},
|
||
{
|
||
id: "4", name: "RIXOS Khadisha Shymkent", role: "Гостинично-курортный комплекс", description: "Премиальный туристический объект. Выполняем работы по обслуживанию и ремонту высотных конструкций.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-oasis-logo-template_52683-85009.jpg", imageAlt: "RIXOS логотип"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
title="Часто задаваемые вопросы"
|
||
description="Ответы на вопросы о наших услугах и возможностях сотрудничества"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/employer-evaluating-if-applicant-aligns-with-diverse-workplace-company_482257-123225.jpg"
|
||
imageAlt="Консультация по проектам"
|
||
mediaPosition="left"
|
||
mediaAnimation="slide-up"
|
||
faqsAnimation="slide-up"
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Какие виды высотных работ вы выполняете?", content: "Мы выполняем полный спектр высотных и промышленных работ: антикоррозийная защита, теплоизоляция, гидроизоляция, огнезащитная обработка, ремонт зданий методом торкретирования, монтаж металлоконструкций, резервуаров, профлистов и сэндвич-панелей, а также обследование и ремонт дымовых труб и башен."
|
||
},
|
||
{
|
||
id: "2", title: "Какой опыт работает компания?", content: "Компания Пром.Альп работает с 2008 года, имеет государственную лицензию на строительно-монтажные работы и более 15 лет успешного опыта выполнения сложных промышленных проектов по всей территории Казахстана."
|
||
},
|
||
{
|
||
id: "3", title: "На каких объектах вы работаете?", content: "Мы работаем на промышленных предприятиях, заводах, нефтеперерабатывающих комплексах, крупных объектах инфраструктуры и многих других промышленных объектах. Нашими клиентами являются более 22 крупных компаний Казахстана."
|
||
},
|
||
{
|
||
id: "4", title: "Как вы обеспечиваете безопасность на объектах?", content: "Безопасность - наш приоритет. Все работы выполняются в соответствии с требованиями техники безопасности и используется профессиональное оборудование и сертифицированные специалисты с необходимым опытом и подготовкой."
|
||
},
|
||
{
|
||
id: "5", title: "Как получить консультацию?", content: "Вы можете связаться с нами по телефону +7 (701) 478-34-90 или написать на электронную почту prom_alp3@mail.ru. Мы также готовы провести консультацию на вашем объекте и разработать детальное предложение для вашего проекта."
|
||
},
|
||
{
|
||
id: "6", title: "Какова стоимость работ?", content: "Стоимость наших услуг зависит от сложности работ, объема и условий выполнения на конкретном объекте. Для получения точной сметы рекомендуем связаться с нами для проведения консультации и обследования объекта."
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
tag="Контакты"
|
||
title="Свяжитесь с нами"
|
||
description="Получите профессиональную консультацию по вашему проекту. Наши специалисты готовы помочь вам с любыми вопросами."
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
inputPlaceholder="Ваша электронная почта"
|
||
buttonText="Подписаться"
|
||
termsText="Мы защищаем вашу конфиденциальность. Условия использования и политика конфиденциальности."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
logoText="Пром.Альп"
|
||
copyrightText="© 2024 Пром.Альп | Промышленный альпинизм и строительно-монтажные работы"
|
||
columns={[
|
||
{
|
||
title: "Компания", items: [
|
||
{ label: "О нас", href: "#about" },
|
||
{ label: "Услуги", href: "#services" },
|
||
{ label: "Опыт", href: "#experience" }
|
||
]
|
||
},
|
||
{
|
||
title: "Контакты", items: [
|
||
{ label: "Телефон: +7 (701) 478-34-90", href: "tel:+77014783490" },
|
||
{ label: "Email: prom_alp3@mail.ru", href: "mailto:prom_alp3@mail.ru" },
|
||
{ label: "г. Шымкент, ул. Сайрамская 190", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Информация", items: [
|
||
{ label: "Политика конфиденциальности", href: "#" },
|
||
{ label: "Условия использования", href: "#" },
|
||
{ label: "Сайт", href: "https://www.promalpstory.kz" }
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|