From 794a677652ddf3fd12882e5cb70627cafe7cbd36 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 06:03:34 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 357 ++++++++++++++++++++++++-----------------------
 1 file changed, 186 insertions(+), 171 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 61a5d97..ced095e 100644
--- a/src/app/page.tsx
+++ b/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>
+        </>
     );
-}
+}
\ No newline at end of file