"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>
    );
}
