import React, { useState, useEffect } from 'react'; import { Menu, X, ChevronRight, Phone, MapPin, Mail, Leaf, Droplets, Sun, Ruler, Hammer, ShieldCheck, ArrowRight, CheckCircle2, MessageCircle, AlertTriangle, Send, Camera, Trees, PenTool } from 'lucide-react'; // --- MAIN APP COMPONENT --- export default function App() { const [currentPage, setCurrentPage] = useState('home'); const [isQuizOpen, setIsQuizOpen] = useState(false); const [isMenuOpen, setIsMenuOpen] = useState(false); // Scroll to top on page change useEffect(() => { window.scrollTo(0, 0); setIsMenuOpen(false); }, [currentPage]); const navigateTo = (page) => setCurrentPage(page); const toggleQuiz = () => setIsQuizOpen(!isQuizOpen); return (
{/* HEADER */}
{/* Logo */}
navigateTo('home')} >

Сад Эдем

Ландшафтное бюро

{/* Desktop Nav */} {/* Desktop CTA */}
{/* Mobile Menu Button */}
{/* Mobile Nav */} {isMenuOpen && (
)}
{/* MAIN CONTENT AREA */}
{currentPage === 'home' && } {currentPage === 'services' && } {currentPage === 'about' && } {currentPage === 'contacts' && } {currentPage === 'portfolio' && }
{/* FOOTER */}
{/* Col 1 */}
Сад Эдем

Ландшафтное бюро полного цикла в Нижегородской области. Создаем сады в стиле New Wave.

{/* Col 2 */}

Навигация

{/* Col 3 */}

Услуги

{/* Col 4 */}

Контакты

  • +7 (999) 000-00-00
  • Нижний Новгород
    зона выезда — область

© 2026 Ландшафтное бюро «Сад Эдем».

Политика конфиденциальности
{/* QUIZ MODAL */} {isQuizOpen && }
); } // --- HOME PAGE COMPONENT --- function Home({ navigateTo, toggleQuiz }) { return (
{/* Hero Section */}
Современный сад
Работаем в Нижнем Новгороде и области

Современный малоуходный сад: от 3D-концепции до первой прогулки

Мы создаем сады, в которых природа работает на вас, а не вы на нее. Берем на себя весь цикл: от инженерных чертежей до посадки растений собственными бригадами.

{/* Quiz Prompt Section */}

Ответьте на 5 вопросов об участке и получите предварительную смету

Вместе с расчетом мы пришлем PDF-руководство «5 главных ошибок при озеленении в Нижегородской области, которые удваивают смету».

Никаких звонков без разрешения. Результат в Telegram или WhatsApp.

5 главных ошибок озеленения

{/* Why Us (Low maintenance) */}

Сад, в котором вы отдыхаете, а не работаете

Основа нашего подхода — стиль «Новая волна» (New Wave) и скрытые инженерные системы.

Растения, которые живут

Мы не сажаем экзотику. В проектах только зимостойкие виды из проверенных питомников, адаптированные к климату Нижегородской области.

Минимум прополки

Используем плотную матричную посадку и мульчирование. Сорнякам просто не остается места и света для роста.

Умные технологии

Вся забота автоматизирована. Скрытый автополив с датчиками дождя сам поддерживает газон и цветники в идеальном состоянии.

{/* Timeline / Proof */}

Один договор. Своя техника. Полная ответственность.

Вам не придется искать пять разных бригад и согласовывать их работу. Мы сдаем сады под ключ.

{[ { title: "Создаем 3D-концепцию и инженерию", desc: "Вы видите 100% точный результат до того, как на участок заедет техника." }, { title: "Готовим территорию", desc: "Используем собственную технику. Работаем чисто, не повреждая существующие постройки." }, { title: "Воплощаем проект в жизнь", desc: "На объекте работают штатные бригады «Сад Эдем» под контролем главного дизайнера." }, { title: "Даем гарантию по договору", desc: "Вы получаете 100% приживаемость растений и возможность передать нам сад на сервисный уход." } ].map((step, idx) => (
{idx + 1}
{idx !== 3 &&
}

{step.title}

{step.desc}

))}
Процесс работ
Контроль качества

Работы ведутся строго по чертежам под авторским надзором дизайнера.

{/* Portfolio Preview */}

Природа, которую мы создали

Реализованные объекты и детальные 3D-концепции.

{/* Project 1 */}
navigateTo('services')}>
Проект 1

Усадьба в Кстовском р-не

Частный сад 15 соток

New Wave
{/* Project 2 */}
navigateTo('services')}>
Проект 2

Резиденция "Зеленый берег"

Участок с уклоном 20 соток

Террасирование
{/* Project 3 */}
navigateTo('services')}>
Проект 3

Минимализм в Богородске

Малоуходный формат 10 соток

Малоуходный
{/* CTA 1 */}

Давайте обсудим ваш будущий сад

Оставьте номер — мы свяжемся с вами в течение рабочего дня. Обсудим исходные данные участка, пожелания и сориентируем по этапам работы.

e.preventDefault()}>

Нажимая кнопку, вы соглашаетесь с политикой конфиденциальности.

{/* Additional Navigation (Services) */}

Выполняем полный цикл работ

{[ { icon: PenTool, title: "3D-концепция и проектирование", desc: "С этого начинается любой красивый сад", action: () => navigateTo('services') }, { icon: Trees, title: "Благоустройство и посадка", desc: "Земляные работы, мощение, рулонные газоны", action: () => {} }, { icon: Droplets, title: "Сервисный уход и автополив", desc: "Поддержание эстетики вашего сада без вашего участия", action: () => {} }, { icon: Sun, title: "МАФы и Ниваки", desc: "Зоны отдыха, перголы и акцентные растения", action: () => {} } ].map((srv, idx) => (

{srv.title}

{srv.desc}

{idx === 0 && (
Подробнее
)}
))}
); } // --- 3D CONCEPT SERVICE PAGE --- function Design3D({ navigateTo }) { return (
{/* Hero Service */}
3D концепция

3D-концепция участка: план, который сэкономит до 30% бюджета

Мы создаем не просто красивые картинки, а пошаговую инструкцию для рабочих. Вы увидите будущий сад в деталях до того, как начнете вкладывать деньги в материалы и земляные работы.

{/* Pain Points */}

Почему начать копать без проекта — это всегда переплата?

{[ { title: "Перебитые коммуникации", desc: "Без сводного чертежа сетей рабочие при посадке крупномеров неизбежно повредят кабели освещения или трубы дренажа.", icon: AlertTriangle }, { title: "Гибель растений", desc: "Если высаживать деревья без дендроплана, не учитывая розу ветров и тип почвы, половина растений не переживет первую зиму.", icon: Leaf }, { title: "Раздутая смета", desc: "Без ведомости материалов подрядчики закупают грунт и мощение «на глаз». Вы оплачиваете излишки и повторные доставки.", icon: Ruler } ].map((pain, idx) => (

{pain.title}

{pain.desc}

))}
{/* Process / Composition */}

Из чего состоит грамотный проект

{[ { title: "Генеральный план и зонирование", desc: "Точная посадка всех строений, дорожек и зон отдыха на бумаге." }, { title: "Фотореалистичная 3D-визуализация", desc: "Вы сможете виртуально прогуляться по саду, оценить его вид днем и при вечернем освещении." }, { title: "Инженерные сети", desc: "Детальные схемы дренажа, ливневой канализации, расстановки светильников и контуров автополива." }, { title: "Дендроплан и ассортимент", desc: "Строгий подбор растений под условия вашего участка с точным указанием сортов и количества." }, { title: "Прозрачная смета", desc: "Финальный документ, в котором стоимость реализации посчитана до каждого килограмма грунта и квадратного метра газона." } ].map((item, idx) => (
0{idx + 1}

{item.title}

{item.desc}

))}
{/* Proof Gallery */}

Уровень нашей детализации в 3D

Вы не будете угадывать, как выглядит куст или камень. Мы прорисовываем фактуры материалов, освещение и объем растений в реальном масштабе.

Деталь 3D 1
Деталь 3D 2
Деталь 3D 3
{/* Pricing & Final CTA */}

Начнем создание вашего сада с первой встречи

Стоимость и сроки

Разработка полного комплекта чертежей и 3D-визуализации:

от 5 000 ₽ / сотка

Средний срок разработки: 3–5 недель

Оставьте заявку. Мы созвонимся, обсудим идеи, я покажу полные примеры проектов и сориентирую по точной стоимости для вашей площади.

e.preventDefault()}>
); } // --- ABOUT PAGE COMPONENT --- function About({ navigateTo }) { return (
{/* Intro & Founder */}
Лидия, главный дизайнер

Лидия

Главный дизайнер и руководитель

Создаем природу для вашей жизни

Здравствуйте! Меня зовут Лидия, я руководитель ландшафтного бюро «Сад Эдем».

Для меня и моей команды ландшафтный дизайн — это не просто посадка деревьев вдоль забора. Это создание продуманной экосистемы, где эстетика стиля «Новая волна» опирается на строгий инженерный расчет.

Моя цель — избавить вас от хаоса стройки и создать пространство, в котором вы будете восстанавливать силы, а не тратить их на прополку.

{/* Principles */}

Принципы, на которых строятся наши сады

01

Эстетика без усилий

Мы убеждены, что сад должен служить человеку. Мы подбираем матрицы растений так, чтобы ландшафт был декоративен круглый год при минимальном вмешательстве.

02

Технологичность под землей

Красота невозможна без инженерии. Правильный дренаж, выверенные уклоны и автоматический полив — невидимый, но обязательный фундамент нашей работы.

03

Честность в сметах

Мы считаем всё на этапе концепции. Никаких внезапных «нужно докупить еще две машины земли» в процессе реализации. Всё прозрачно.

{/* Facts */}

Твердые факты о бюро

Почему реализацию доверяют нам, а не сезонным рабочим.

{[ { icon: Hammer, text: "Собственные штатные бригады озеленителей и инженеров" }, { icon: Camera, text: "Своя спецтехника для подготовки участков" }, { icon: Leaf, text: "Прямые контракты с адаптированными питомниками" }, { icon: ShieldCheck, text: "Юридическая гарантия на приживаемость растений" } ].map((fact, idx) => (

{fact.text}

))}
{/* CTA */}

Давайте создадим ваш идеальный сад

Напишите мне напрямую. Мы обсудим вашу задачу и наметим первые шаги.

); } // --- CONTACTS PAGE COMPONENT --- function Contacts() { return (
{/* Info */}

Контакты бюро

Готовы обсудить проект? Оставьте заявку или напишите нам в любой удобный мессенджер. Мы на связи и ответим в течение рабочего дня.

Телефон

+7 (999) 000-00-00

Пн-Вс, 10:00 – 19:00

Email

info@sad-edem.ru

{/* Form */}

Оставить заявку

e.preventDefault()}>

Нажимая кнопку, вы соглашаетесь с политикой конфиденциальности.

{/* Map Placeholder */}
Карта

География нашей работы

Наш офис находится в Нижнем Новгороде. Мы проектируем и реализуем сады под ключ по всей Нижегородской области.

[Здесь будет интерактивная Яндекс.Карта]
); } // --- PORTFOLIO STUB COMPONENT --- function PortfolioStub({ navigateTo }) { return (

Портфолио проектов

Здесь будет размещена подробная галерея реализованных проектов с описанием задач и фотографиями "До/После".

); } // --- QUIZ MODAL COMPONENT --- function QuizModal({ onClose }) { const [step, setStep] = useState(1); const totalSteps = 4; const handleNext = () => { if (step < totalSteps) setStep(step + 1); }; return (
{/* Header */}
{step < totalSteps ? `Шаг ${step} из ${totalSteps - 1}` : 'Финал'}
{/* Progress bar */}
{/* Content */}
{step === 1 && (

Какая площадь вашего участка?

{['До 10 соток', '10 - 20 соток', '20 - 40 соток', 'Более 40 соток'].map((opt) => ( ))}
)} {step === 2 && (

В каком состоянии участок сейчас?

{[ 'Пустое поле, стройка только планируется', 'Дом построен, на участке строительный мусор/глина', 'Купили готовый дом с участком, нужно переделать', 'Старый сад, требующий реновации' ].map((opt) => ( ))}
)} {step === 3 && (

Какие элементы обязательно нужны?

Можно выбрать несколько вариантов

{['Автополив', 'Мощение дорожек', 'Рулонный газон', 'Зона очага', 'Водоем/Фонтан', 'Декоративный огород'].map((opt) => ( ))}
)} {step === 4 && (

Спасибо за ответы!

Куда отправить предварительную смету и PDF-гайд «5 главных ошибок»?

Мы не будем вам звонить без разрешения.

)}
); }
Made on
Tilda