Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -9,9 +9,11 @@ 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"
@@ -29,16 +31,15 @@ export default function ArchitectureStudioPage() {
                         <NavbarLayoutFloatingInline
                             brandName="GRN GROUP"
                             navItems={[
-                            { name: "Проекты", id: "projects" },
-                            { name: "О нас", id: "philosophy" },
-                            { name: "Контакты", id: "contact" }
+                                { name: "Главная", id: "/" },
+                                { name: "Услуги", id: "/#projects" },
+                                { name: "Портфолио", id: "/#projects" },
+                                { name: "Контакты", id: "/contacts" }
                             ]}
                             button={{
-                            text: "Запрос",                            href: "contact"
+                                text: "Оставить заявку",                                href: "/contacts"
                             }}
                             className="text-xs tracking-widest uppercase"
-                        navItemClassName="text-sm font-light tracking-wide"
-                        buttonClassName="px-6 py-2 text-sm tracking-widest uppercase"
                         />
                     </div>
 
@@ -51,7 +52,7 @@ export default function ArchitectureStudioPage() {
                             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" }
+                                { text: "Смотреть проекты", href: "/#projects" }
                             ]}
                             mediaAnimation="slide-up"
                             className="py-24 md:py-32"
@@ -160,27 +161,28 @@ export default function ArchitectureStudioPage() {
                             columns={[
                                 {
                                     title: "Компания",                                    items: [
-                                    { label: "О нас", href: "philosophy" },
-                                    { label: "Проекты", href: "projects" }
+                                        { label: "О нас", href: "/#philosophy" },
+                                        { label: "Проекты", href: "/#projects" }
                                     ]
                                 },
                                 {
                                     title: "Связь",                                    items: [
                                         { label: "hello@grngroup.com", href: "mailto:hello@grngroup.com" },
-                                    { label: "Контакты", href: "contact" }
+                                        { label: "Контакты", href: "/contacts" }
                                     ]
                                 },
                                 {
                                     title: "Услуги",                                    items: [
-                                    { label: "Жилые объекты", href: "#" },
-                                    { label: "Коммерческие объекты", href: "#" },
-                                    { label: "Реконструкция", href: "#" },
-                                    { label: "Ремонт под ключ", href: "#" }
+                                        { 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"
@@ -188,5 +190,15 @@ export default function ArchitectureStudioPage() {
                     </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>
+        </>
     );
 }

src/app/services/page.tsx

@@ -0,0 +1,120 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import { Home, Building, Key, PenTool, Paintbrush } from "lucide-react";
+
+export default function ServicesPage() {
+    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: "/services" },
+                            { 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>
+
+                <div id="services" data-section="services">
+                    <MetricCardOne
+                        title="Наши Услуги"
+                        description="Мы предлагаем полный спектр услуг по ремонту и реновации для жилых и коммерческих объектов."
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        gridVariant="uniform-all-items-equal"
+                        animationType="slide-up"
+                        metrics={[
+                            {
+                                id: "1",                                icon: Home,
+                                title: "Ремонт квартир",                                description: "Качественный ремонт жилых помещений, от косметического до капитального.",                                value: "от 1000 руб/м²"
+                            },
+                            {
+                                id: "2",                                icon: Building,
+                                title: "Ремонт коммерческих помещений",                                description: "Профессиональный ремонт офисов, магазинов и других коммерческих объектов.",                                value: "от 1500 руб/м²"
+                            },
+                            {
+                                id: "3",                                icon: Key,
+                                title: "Ремонт под ключ",                                description: "Полный цикл работ от дизайн-проекта до финишной уборки.",                                value: "Индивидуально"
+                            },
+                            {
+                                id: "4",                                icon: PenTool,
+                                title: "Дизайн-проект",                                description: "Разработка уникальных дизайн-проектов, соответствующих вашим требованиям и бюджету.",                                value: "от 500 руб/м²"
+                            },
+                            {
+                                id: "5",                                icon: Paintbrush,
+                                title: "Отделочные работы",                                description: "Все виды отделочных работ, включая покраску, обои, укладку напольных покрытий.",                                value: "от 300 руб/м²"
+                            }
+                        ]}
+                        className="py-24 md:py-32"
+                        textBoxTitleClassName="text-4xl md:text-6xl font-light tracking-tight"
+                        textBoxDescriptionClassName="text-base md:text-lg font-light"
+                        cardClassName="p-6 md:p-8"
+                        valueClassName="text-3xl md:text-4xl font-semibold mt-4"
+                        titleClassName="text-xl md:text-2xl font-medium mt-2"
+                        descriptionClassName="text-base font-light leading-relaxed mt-2"
+                        iconContainerClassName="p-3 rounded-full bg-primary-cta text-white"
+                        iconClassName="w-6 h-6"
+                    />
+                </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: "/services" },
+                                    { label: "Коммерческие объекты", href: "/services" },
+                                    { label: "Реконструкция", href: "/services" },
+                                    { label: "Ремонт под ключ", href: "/services" }
+                                ]
+                            }
+                        ]}
+                        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>
+    );
+}