Update src/app/page.tsx
This commit is contained in:
357
src/app/page.tsx
357
src/app/page.tsx
@@ -9,184 +9,199 @@ import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { MessageCircle } from "lucide-react";
|
||||
|
||||
export default function ArchitectureStudioPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="GRN GROUP"
|
||||
navItems={[
|
||||
{ name: "Проекты", id: "projects" },
|
||||
{ name: "О нас", id: "philosophy" },
|
||||
{ name: "Контакты", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Запрос", href: "contact"
|
||||
}}
|
||||
className="text-xs tracking-widest uppercase"
|
||||
navItemClassName="text-sm font-light tracking-wide"
|
||||
buttonClassName="px-6 py-2 text-sm tracking-widest uppercase"
|
||||
/>
|
||||
</div>
|
||||
<>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="GRN GROUP"
|
||||
navItems={[
|
||||
{ name: "Главная", href: "/" },
|
||||
{ name: "Услуги", href: "/#projects" },
|
||||
{ name: "Портфолио", href: "/#projects" },
|
||||
{ name: "Контакты", href: "/contacts" }
|
||||
]}
|
||||
button={{
|
||||
text: "Оставить заявку", href: "/contacts"
|
||||
}}
|
||||
className="text-xs tracking-widest uppercase"
|
||||
brandNameClassName="font-bold text-gold-accent"
|
||||
navItemClassName="text-sm font-light tracking-wide"
|
||||
buttonClassName="px-6 py-2 text-sm tracking-widest uppercase"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Строительство и Ремонт любой Сложности от GRN GROUP"
|
||||
description="Специализируемся на высококачественном ремонте домов, квартир и офисов. От косметического обновления до комплексной перестройки под ключ, мы воплощаем ваши идеи в жизнь с точностью и профессионализмом."
|
||||
imagePosition="right"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068669729-9hqicbda.png"
|
||||
imageAlt="modern renovated room with wooden floor"
|
||||
buttons={[
|
||||
{ text: "Смотреть проекты", href: "projects" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
className="py-24 md:py-32"
|
||||
containerClassName="max-w-7xl"
|
||||
titleClassName="text-5xl md:text-7xl font-light tracking-tight leading-tight"
|
||||
descriptionClassName="text-sm md:text-xl font-light leading-relaxed"
|
||||
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase mt-2"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Строительство и Ремонт любой Сложности от GRN GROUP"
|
||||
description="Специализируемся на высококачественном ремонте домов, квартир и офисов. От косметического обновления до комплексной перестройки под ключ, мы воплощаем ваши идеи в жизнь с точностью и профессионализмом."
|
||||
imagePosition="right"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068669729-9hqicbda.png"
|
||||
imageAlt="modern renovated room with wooden floor"
|
||||
buttons={[
|
||||
{ text: "Смотреть проекты", href: "/#projects" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
className="py-24 md:py-32"
|
||||
containerClassName="max-w-7xl"
|
||||
titleClassName="text-5xl md:text-7xl font-light tracking-tight leading-tight"
|
||||
descriptionClassName="text-sm md:text-xl font-light leading-relaxed"
|
||||
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase mt-2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<TextAbout
|
||||
title="GRN GROUP: Ваш Надежный Партнер в Ремонте и Реновации. Мы преобразуем пространства, чтобы они не только эстетично выглядели, но и были максимально функциональны и комфортны. От детального планирования до безупречной реализации наша команда обеспечивает высочайшее качество и внимание к каждой детали."
|
||||
useInvertedBackground={false}
|
||||
className="py-32 md:py-48"
|
||||
containerClassName="max-w-4xl"
|
||||
titleClassName="text-3xl md:text-5xl font-light leading-relaxed text-center"
|
||||
/>
|
||||
</div>
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<TextAbout
|
||||
title="GRN GROUP: Ваш Надежный Партнер в Ремонте и Реновации. Мы преобразуем пространства, чтобы они не только эстетично выглядели, но и были максимально функциональны и комфортны. От детального планирования до безупречной реализации наша команда обеспечивает высочайшее качество и внимание к каждой детали."
|
||||
useInvertedBackground={false}
|
||||
className="py-32 md:py-48"
|
||||
containerClassName="max-w-4xl"
|
||||
titleClassName="text-3xl md:text-5xl font-light leading-relaxed text-center"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardSix
|
||||
title="Наши Проекты"
|
||||
description="Ознакомьтесь с нашими недавними работами по преображению жилых и коммерческих пространств."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Реновация Жилых Помещений", description: "Комплексный ремонт квартир и домов, включающий перепланировку, замену коммуникаций, отделку и дизайн-решения для создания идеального жилого пространства.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068888555-bktfgsxl.png"
|
||||
},
|
||||
{
|
||||
title: "Ремонт Коммерческих Объектов", description: "Модернизация офисов, магазинов и других коммерческих пространств для повышения функциональности, эстетики и комфорта клиентов и сотрудников.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg?id=11111843"
|
||||
},
|
||||
{
|
||||
title: "Косметический Ремонт", description: "Быстрое и эффективное обновление интерьера: покраска, поклейка обоев, замена напольных покрытий. Идеально для быстрого преображения вашего пространства.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068815588-ebev6112.png"
|
||||
},
|
||||
{
|
||||
title: "Ремонт Под Ключ", description: "Полный цикл работ от дизайн-проекта до финальной уборки. Мы берем на себя все заботы, обеспечивая безупречный результат точно в срок.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068769896-p5h50dhu.png"
|
||||
}
|
||||
]}
|
||||
className="py-32 md:py-48"
|
||||
textBoxTitleClassName="text-4xl md:text-6xl font-light tracking-tight"
|
||||
textBoxDescriptionClassName="text-base md:text-lg font-light"
|
||||
cardTitleClassName="text-4xl md:text-5xl font-light tracking-tight mb-4"
|
||||
cardDescriptionClassName="text-lg md:text-xl font-light leading-relaxed"
|
||||
stepNumberClassName="mb-4"
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardSix
|
||||
title="Наши Проекты"
|
||||
description="Ознакомьтесь с нашими недавними работами по преображению жилых и коммерческих пространств."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Реновация Жилых Помещений", description: "Комплексный ремонт квартир и домов, включающий перепланировку, замену коммуникаций, отделку и дизайн-решения для создания идеального жилого пространства.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068888555-bktfgsxl.png"
|
||||
},
|
||||
{
|
||||
title: "Ремонт Коммерческих Объектов", description: "Модернизация офисов, магазинов и других коммерческих пространств для повышения функциональности, эстетики и комфорта клиентов и сотрудников.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg?id=11111843"
|
||||
},
|
||||
{
|
||||
title: "Косметический Ремонт", description: "Быстрое и эффективное обновление интерьера: покраска, поклейка обоев, замена напольных покрытий. Идеально для быстрого преображения вашего пространства.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068815588-ebev6112.png"
|
||||
},
|
||||
{
|
||||
title: "Ремонт Под Ключ", description: "Полный цикл работ от дизайн-проекта до финальной уборки. Мы берем на себя все заботы, обеспечивая безупречный результат точно в срок.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068769896-p5h50dhu.png"
|
||||
}
|
||||
]}
|
||||
className="py-32 md:py-48"
|
||||
textBoxTitleClassName="text-4xl md:text-6xl font-light tracking-tight"
|
||||
textBoxDescriptionClassName="text-base md:text-lg font-light"
|
||||
cardTitleClassName="text-4xl md:text-5xl font-light tracking-tight mb-4"
|
||||
cardDescriptionClassName="text-lg md:text-xl font-light leading-relaxed"
|
||||
stepNumberClassName="mb-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Наши Ключевые Показатели"
|
||||
description="Более 20 лет успешной работы и тысячи довольных клиентов."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "20+", description: "Лет на рынке"
|
||||
},
|
||||
{
|
||||
id: "2", value: "120+", description: "Завершенных проектов"
|
||||
},
|
||||
{
|
||||
id: "3", value: "4", description: "Ведущих специалистов"
|
||||
},
|
||||
{
|
||||
id: "4", value: "42", description: "Членов команды"
|
||||
}
|
||||
]}
|
||||
className="py-24 md:py-32"
|
||||
textBoxTitleClassName="text-4xl md:text-6xl font-light tracking-tight"
|
||||
textBoxDescriptionClassName="text-base md:text-lg font-light"
|
||||
valueClassName="text-9xl md:text-7xl font-light"
|
||||
metricDescriptionClassName="text-sm md:text-base font-light uppercase tracking-wide"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Наши Ключевые Показатели"
|
||||
description="Более 20 лет успешной работы и тысячи довольных клиентов."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "20+", description: "Лет на рынке"
|
||||
},
|
||||
{
|
||||
id: "2", value: "120+", description: "Завершенных проектов"
|
||||
},
|
||||
{
|
||||
id: "3", value: "4", description: "Ведущих специалистов"
|
||||
},
|
||||
{
|
||||
id: "4", value: "42", description: "Членов команды"
|
||||
}
|
||||
]}
|
||||
className="py-24 md:py-32"
|
||||
textBoxTitleClassName="text-4xl md:text-6xl font-light tracking-tight"
|
||||
textBoxDescriptionClassName="text-base md:text-lg font-light"
|
||||
valueClassName="text-9xl md:text-7xl font-light"
|
||||
metricDescriptionClassName="text-sm md:text-base font-light uppercase tracking-wide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
background={{ variant: "plain" }}
|
||||
tag="Свяжитесь с нами"
|
||||
title="Начните Свой Проект Реновации"
|
||||
description="Обсудите свои идеи и потребности с нашими экспертами. Мы поможем вам спланировать и реализовать ремонт вашей мечты."
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-714.jpg?id=1239498"
|
||||
imageAlt="meeting discussion renovation plans interior design"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="ваш@email.com"
|
||||
buttonText="Отправить запрос"
|
||||
termsText="Мы ценим ваше обращение. Мы свяжемся с вами в течение 48 часов для обсуждения вашего проекта."
|
||||
className="py-32 md:py-48"
|
||||
tagClassName="text-sm uppercase tracking-widest"
|
||||
titleClassName="text-4xl md:text-5xl font-light tracking-tight leading-tight mt-4"
|
||||
descriptionClassName="text-base md:text-lg font-light leading-relaxed mt-3"
|
||||
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase"
|
||||
termsClassName="text-sm font-light mt-4"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
background={{ variant: "plain" }}
|
||||
tag="Свяжитесь с нами"
|
||||
title="Начните Свой Проект Реновации"
|
||||
description="Обсудите свои идеи и потребности с нашими экспертами. Мы поможем вам спланировать и реализовать ремонт вашей мечты."
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-714.jpg?id=1239498"
|
||||
imageAlt="meeting discussion renovation plans interior design"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="ваш@email.com"
|
||||
buttonText="Отправить запрос"
|
||||
termsText="Мы ценим ваше обращение. Мы свяжемся с вами в течение 48 часов для обсуждения вашего проекта."
|
||||
className="py-32 md:py-48"
|
||||
tagClassName="text-sm uppercase tracking-widest"
|
||||
titleClassName="text-4xl md:text-5xl font-light tracking-tight leading-tight mt-4"
|
||||
descriptionClassName="text-base md:text-lg font-light leading-relaxed mt-3"
|
||||
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase"
|
||||
termsClassName="text-sm font-light mt-4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="GRN GROUP"
|
||||
columns={[
|
||||
{
|
||||
title: "Компания", items: [
|
||||
{ label: "О нас", href: "philosophy" },
|
||||
{ label: "Проекты", href: "projects" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Связь", items: [
|
||||
{ label: "hello@grngroup.com", href: "mailto:hello@grngroup.com" },
|
||||
{ label: "Контакты", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Услуги", items: [
|
||||
{ label: "Жилые объекты", href: "#" },
|
||||
{ label: "Коммерческие объекты", href: "#" },
|
||||
{ label: "Реконструкция", href: "#" },
|
||||
{ label: "Ремонт под ключ", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 GRN GROUP. Эксперты в ремонте и реновации."
|
||||
className="mt-0"
|
||||
columnTitleClassName="text-base uppercase tracking-widest font-light mb-0"
|
||||
columnItemClassName="text-base font-light"
|
||||
copyrightTextClassName="text-sm font-light"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="GRN GROUP"
|
||||
columns={[
|
||||
{
|
||||
title: "Компания", items: [
|
||||
{ label: "О нас", href: "/#philosophy" },
|
||||
{ label: "Проекты", href: "/#projects" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Связь", items: [
|
||||
{ label: "hello@grngroup.com", href: "mailto:hello@grngroup.com" },
|
||||
{ label: "Контакты", href: "/contacts" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Услуги", items: [
|
||||
{ label: "Жилые объекты", href: "/#projects" },
|
||||
{ label: "Коммерческие объекты", href: "/#projects" },
|
||||
{ label: "Реконструкция", href: "/#projects" },
|
||||
{ label: "Ремонт под ключ", href: "/#projects" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 GRN GROUP. Эксперты в ремонте и реновации."
|
||||
className="mt-0"
|
||||
logoTextClassName="font-bold text-gold-accent"
|
||||
columnTitleClassName="text-base uppercase tracking-widest font-light mb-0"
|
||||
columnItemClassName="text-base font-light"
|
||||
copyrightTextClassName="text-sm font-light"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
<a
|
||||
href="https://wa.me/77011234567"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="fixed bottom-6 right-6 bg-[#25D366] text-white p-4 rounded-full shadow-lg z-50 hover:scale-105 transition-transform"
|
||||
aria-label="WhatsApp"
|
||||
>
|
||||
<MessageCircle className="w-6 h-6" />
|
||||
</a>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user