Compare commits
14 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 469100d1c7 | |||
| 639e65a434 | |||
| fdccf2fddb | |||
| 4cafbee85b | |||
| 794a677652 | |||
| 508f508f15 | |||
| 16ffd73e1b | |||
| 8f5a1aeb79 | |||
| 0f4384cc0e | |||
| cc9aaf21e2 | |||
| 573506d981 | |||
| 44f728e57f | |||
| 9a3996a2e8 | |||
| b7add705ff |
@@ -6,23 +6,22 @@ import "@/lib/gsap-setup";
|
|||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
|
import { DM_Sans } from "next/font/google";
|
||||||
|
|
||||||
const halant = Halant({
|
|
||||||
variable: "--font-halant",
|
|
||||||
subsets: ["latin"],
|
|
||||||
weight: ["300", "400", "500", "600", "700"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const inter = Inter({
|
|
||||||
variable: "--font-inter",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: 'Aether Studio | Minimalist Architecture & Design',
|
title: 'GRN GROUP | Ремонт и Реновация',
|
||||||
description: 'Discover Aether Studio, where minimalist architecture meets innovative design. We craft elegant, functional spaces that embody modern simplicity and timeless beauty.',
|
description: 'GRN GROUP: 20 лет опыта в строительстве и ремонтных работах. Специализируемся на комплексной реновации домов, квартир и офисов любой сложности, включая услуги под ключ. Преобразуем пространства с профессионализмом и вниманием к деталям.',
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const dmSans = DM_Sans({
|
||||||
|
variable: "--font-dm-sans", subsets: ["latin"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter", subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: Readonly<{
|
||||||
@@ -31,9 +30,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
|
||||||
className={`${halant.variable} ${inter.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
373
src/app/page.tsx
373
src/app/page.tsx
@@ -9,203 +9,196 @@ import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
|||||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||||
|
import { MessageCircle } from "lucide-react";
|
||||||
|
|
||||||
export default function ArchitectureStudioPage() {
|
export default function ArchitectureStudioPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<>
|
||||||
defaultButtonVariant="expand-hover"
|
<ThemeProvider
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultButtonVariant="expand-hover"
|
||||||
borderRadius="soft"
|
defaultTextAnimation="reveal-blur"
|
||||||
contentWidth="smallMedium"
|
borderRadius="soft"
|
||||||
sizing="largeSizeMediumTitles"
|
contentWidth="smallMedium"
|
||||||
background="aurora"
|
sizing="largeSizeMediumTitles"
|
||||||
cardStyle="glass-elevated"
|
background="aurora"
|
||||||
primaryButtonStyle="double-inset"
|
cardStyle="glass-elevated"
|
||||||
secondaryButtonStyle="solid"
|
primaryButtonStyle="double-inset"
|
||||||
headingFontWeight="bold"
|
secondaryButtonStyle="solid"
|
||||||
>
|
headingFontWeight="bold"
|
||||||
<ReactLenis root>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<ReactLenis root>
|
||||||
<NavbarLayoutFloatingInline
|
<div id="nav" data-section="nav">
|
||||||
brandName="Studio"
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
brandName="GRN GROUP"
|
||||||
{ name: "Work", id: "projects" },
|
navItems={[
|
||||||
{ name: "Philosophy", id: "philosophy" },
|
{ name: "Главная", id: "/" },
|
||||||
{ name: "Contact", id: "contact" }
|
{ name: "Услуги", id: "/#projects" },
|
||||||
]}
|
{ name: "Портфолио", id: "/#projects" },
|
||||||
button={{
|
{ name: "Контакты", id: "/contacts" }
|
||||||
text: "Inquire",
|
]}
|
||||||
href: "contact"
|
button={{
|
||||||
}}
|
text: "Оставить заявку", href: "/contacts"
|
||||||
className="text-xs tracking-widest uppercase"
|
}}
|
||||||
navItemClassName="text-sm font-light tracking-wide"
|
className="text-xs tracking-widest uppercase"
|
||||||
buttonClassName="px-6 py-2 text-sm tracking-widest uppercase"
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
title="Timeless Architecture"
|
title="Строительство и Ремонт любой Сложности от GRN GROUP"
|
||||||
description="We craft spaces that transcend trend, marrying restraint with precision. Each project is a dialogue between site, material, and intention."
|
description="Специализируемся на высококачественном ремонте домов, квартир и офисов. От косметического обновления до комплексной перестройки под ключ, мы воплощаем ваши идеи в жизнь с точностью и профессионализмом."
|
||||||
imagePosition="right"
|
imagePosition="right"
|
||||||
imageSrc="https://img.b2bpic.net/free-photo/minimalist-architectural-building-details_23-2151870844.jpg"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068669729-9hqicbda.png"
|
||||||
imageAlt="modern building architecture minimalist interior concrete"
|
imageAlt="modern renovated room with wooden floor"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "View Work", href: "projects" }
|
{ text: "Смотреть проекты", href: "/#projects" }
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
className="py-24 md:py-32"
|
className="py-24 md:py-32"
|
||||||
containerClassName="max-w-7xl"
|
containerClassName="max-w-7xl"
|
||||||
titleClassName="text-5xl md:text-7xl font-light tracking-tight leading-tight"
|
titleClassName="text-5xl md:text-7xl font-light tracking-tight leading-tight"
|
||||||
descriptionClassName="text-sm md:text-xl font-light leading-relaxed"
|
descriptionClassName="text-sm md:text-xl font-light leading-relaxed"
|
||||||
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase mt-2"
|
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase mt-2"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="philosophy" data-section="philosophy">
|
<div id="philosophy" data-section="philosophy">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
title="We believe architecture should speak quietly. Good design requires no explanation—it exists with purpose and restraint, allowing inhabitants to inhabit space without distraction. Our practice centers on understanding context, respecting material honesty, and creating timeless environments."
|
title="GRN GROUP: Ваш Надежный Партнер в Ремонте и Реновации. Мы преобразуем пространства, чтобы они не только эстетично выглядели, но и были максимально функциональны и комфортны. От детального планирования до безупречной реализации наша команда обеспечивает высочайшее качество и внимание к каждой детали."
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
className="py-32 md:py-48"
|
className="py-32 md:py-48"
|
||||||
containerClassName="max-w-4xl"
|
containerClassName="max-w-4xl"
|
||||||
titleClassName="text-3xl md:text-5xl font-light leading-relaxed text-center"
|
titleClassName="text-3xl md:text-5xl font-light leading-relaxed text-center"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="projects" data-section="projects">
|
<div id="projects" data-section="projects">
|
||||||
<FeatureCardSix
|
<FeatureCardSix
|
||||||
title="Selected Projects"
|
title="Наши Проекты"
|
||||||
description="Recent work exploring materiality, form, and spatial integrity"
|
description="Ознакомьтесь с нашими недавними работами по преображению жилых и коммерческих пространств."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Riverside Residence",
|
title: "Реновация Жилых Помещений", description: "Комплексный ремонт квартир и домов, включающий перепланировку, замену коммуникаций, отделку и дизайн-решения для создания идеального жилого пространства.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068888555-bktfgsxl.png"
|
||||||
description: "A private home responding to its landscape. Concrete, glass, and timber create a dialogue between structure and nature. Site-specific design honoring the waterfront context.",
|
},
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/city-building-sky_23-2148107055.jpg"
|
{
|
||||||
},
|
title: "Ремонт Коммерческих Объектов", description: "Модернизация офисов, магазинов и других коммерческих пространств для повышения функциональности, эстетики и комфорта клиентов и сотрудников.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg?id=11111843"
|
||||||
{
|
},
|
||||||
title: "Corporate Headquarters",
|
{
|
||||||
description: "Minimal office complex emphasizing natural light and material authenticity. Steel structure with stone cladding defines a calm, focused work environment.",
|
title: "Косметический Ремонт", description: "Быстрое и эффективное обновление интерьера: покраска, поклейка обоев, замена напольных покрытий. Идеально для быстрого преображения вашего пространства.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068815588-ebev6112.png"
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/imposing-building-near-smaller-black-building_23-2148252731.jpg"
|
},
|
||||||
},
|
{
|
||||||
{
|
title: "Ремонт Под Ключ", description: "Полный цикл работ от дизайн-проекта до финальной уборки. Мы берем на себя все заботы, обеспечивая безупречный результат точно в срок.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E4r9ou3Tp6F2ybU0Rjz0eb8Tuu/uploaded-1781068769896-p5h50dhu.png"
|
||||||
title: "Urban Studio",
|
}
|
||||||
description: "Adaptive reuse of an industrial warehouse into creative workspace. Careful preservation of existing structure with restrained new interventions.",
|
]}
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/concrete-structure-blue-sky_181624-5763.jpg"
|
className="py-32 md:py-48"
|
||||||
},
|
textBoxTitleClassName="text-4xl md:text-6xl font-light tracking-tight"
|
||||||
{
|
textBoxDescriptionClassName="text-base md:text-lg font-light"
|
||||||
title: "Botanical Pavilion",
|
cardTitleClassName="text-4xl md:text-5xl font-light tracking-tight mb-4"
|
||||||
description: "Public garden structure exploring sustainable materials and transparent design. Steel framework with living walls creates a permeable space for community gathering.",
|
cardDescriptionClassName="text-lg md:text-xl font-light leading-relaxed"
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/white-facade-modern-building_181624-6180.jpg"
|
stepNumberClassName="mb-4"
|
||||||
}
|
/>
|
||||||
]}
|
</div>
|
||||||
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">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardTwo
|
<MetricCardTwo
|
||||||
title="Our Practice"
|
title="Наши Ключевые Показатели"
|
||||||
description="Metrics that matter to us"
|
description="Более 20 лет успешной работы и тысячи довольных клиентов."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", value: "20+", description: "Лет на рынке"
|
||||||
value: "18+",
|
},
|
||||||
description: "Years of Practice"
|
{
|
||||||
},
|
id: "2", value: "120+", description: "Завершенных проектов"
|
||||||
{
|
},
|
||||||
id: "2",
|
{
|
||||||
value: "120+",
|
id: "3", value: "4", description: "Ведущих специалистов"
|
||||||
description: "Completed Projects"
|
},
|
||||||
},
|
{
|
||||||
{
|
id: "4", value: "42", description: "Членов команды"
|
||||||
id: "3",
|
}
|
||||||
value: "4",
|
]}
|
||||||
description: "Principal Architects"
|
className="py-24 md:py-32"
|
||||||
},
|
textBoxTitleClassName="text-4xl md:text-6xl font-light tracking-tight"
|
||||||
{
|
textBoxDescriptionClassName="text-base md:text-lg font-light"
|
||||||
id: "4",
|
valueClassName="text-9xl md:text-7xl font-light"
|
||||||
value: "42",
|
metricDescriptionClassName="text-sm md:text-base font-light uppercase tracking-wide"
|
||||||
description: "Studio Team Members"
|
/>
|
||||||
}
|
</div>
|
||||||
]}
|
|
||||||
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">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
tag="Get in Touch"
|
tag="Свяжитесь с нами"
|
||||||
title="Let's Discuss Your Project"
|
title="Начните Свой Проект Реновации"
|
||||||
description="We explore commissions where thoughtful design and client vision align. Tell us about your space, your aspirations, your constraints."
|
description="Обсудите свои идеи и потребности с нашими экспертами. Мы поможем вам спланировать и реализовать ремонт вашей мечты."
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
imageSrc="https://img.b2bpic.net/free-photo/grey-concrete-building-blue-sky_181624-6496.jpg"
|
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="studio workspace architects design drafting collaboration"
|
imageAlt="meeting discussion renovation plans interior design"
|
||||||
mediaPosition="right"
|
mediaPosition="right"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
inputPlaceholder="your@email.com"
|
inputPlaceholder="ваш@email.com"
|
||||||
buttonText="Send"
|
buttonText="Отправить запрос"
|
||||||
termsText="We respect your inquiry. Connect with us within 48 hours."
|
termsText="Мы ценим ваше обращение. Мы свяжемся с вами в течение 48 часов для обсуждения вашего проекта."
|
||||||
className="py-32 md:py-48"
|
className="py-32 md:py-48"
|
||||||
tagClassName="text-sm uppercase tracking-widest"
|
tagClassName="text-sm uppercase tracking-widest"
|
||||||
titleClassName="text-4xl md:text-5xl font-light tracking-tight leading-tight mt-4"
|
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"
|
descriptionClassName="text-base md:text-lg font-light leading-relaxed mt-3"
|
||||||
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase"
|
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase"
|
||||||
termsClassName="text-sm font-light mt-4"
|
termsClassName="text-sm font-light mt-4"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
logoText="Studio X"
|
logoText="GRN GROUP"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Studio",
|
title: "Компания", items: [
|
||||||
items: [
|
{ label: "О нас", href: "/#philosophy" },
|
||||||
{ label: "About", href: "philosophy" },
|
{ label: "Проекты", href: "/#projects" }
|
||||||
{ label: "Work", href: "projects" }
|
]
|
||||||
]
|
},
|
||||||
},
|
{
|
||||||
{
|
title: "Связь", items: [
|
||||||
title: "Connect",
|
{ label: "hello@grngroup.com", href: "mailto:hello@grngroup.com" },
|
||||||
items: [
|
{ label: "Контакты", href: "/contacts" }
|
||||||
{ label: "hello@studiox.com", href: "#" },
|
]
|
||||||
{ label: "Contact", href: "contact" }
|
},
|
||||||
]
|
{
|
||||||
},
|
title: "Услуги", items: [
|
||||||
{
|
{ label: "Жилые объекты", href: "/#projects" },
|
||||||
title: "Practice",
|
{ label: "Коммерческие объекты", href: "/#projects" },
|
||||||
items: [
|
{ label: "Реконструкция", href: "/#projects" },
|
||||||
{ label: "Residential", href: "#" },
|
{ label: "Ремонт под ключ", href: "/#projects" }
|
||||||
{ label: "Commercial", href: "#" },
|
]
|
||||||
{ label: "Adaptive Reuse", href: "#" }
|
}
|
||||||
]
|
]}
|
||||||
}
|
copyrightText="© 2025 GRN GROUP. Эксперты в ремонте и реновации."
|
||||||
]}
|
className="mt-0"
|
||||||
copyrightText="© 2025 Studio. Timeless architecture."
|
logoTextClassName="font-bold text-gold-accent"
|
||||||
className="mt-0"
|
columnTitleClassName="text-base uppercase tracking-widest font-light mb-0"
|
||||||
columnTitleClassName="text-base uppercase tracking-widest font-light mb-0"
|
columnItemClassName="text-base font-light"
|
||||||
columnItemClassName="text-base font-light"
|
copyrightTextClassName="text-sm font-light"
|
||||||
copyrightTextClassName="text-sm font-light"
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
</ReactLenis>
|
||||||
</ReactLenis>
|
</ThemeProvider>
|
||||||
</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>
|
||||||
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
120
src/app/services/page.tsx
Normal file
120
src/app/services/page.tsx
Normal file
@@ -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>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-inter-tight), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-inter-tight), sans-serif;
|
font-family: var(--font-dm-sans), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user