Add src/app/services/page.tsx

2026-06-10 06:03:34 +00:00
parent 794a677652
commit 4cafbee85b
1 changed files with 120 additions and 0 deletions
--- a/src/app/services/page.tsx
+++ b/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: "Услуги", href: "/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>
+    );
+}