From eb149c11569f844e1860e1aab729b7af5a7d3633 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 5 Jun 2026 19:58:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 134 ++++++++++++++++++++++++++++++++---------------
 1 file changed, 93 insertions(+), 41 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 60a6269..0dc99af 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,7 +14,9 @@ import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import { Leaf, TreePine, CalendarCheck, Image, Lightbulb, UserRoundCog, Building, Briefcase, Handshake, DollarSign, Sprout } from "lucide-react";
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import Link from "next/link";
+import { Leaf, TreePine, CalendarCheck, Image, Lightbulb, UserRoundCog, Building, Briefcase, Handshake, DollarSign, Sprout, MessageCircle, Send } from "lucide-react";
 
 export default function LandscapingPage() {
   return (
@@ -31,7 +33,7 @@ export default function LandscapingPage() {
       headingFontWeight="semibold"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav" className="sticky top-0 z-50">
           <NavbarStyleFullscreen
             brandName="GreenScape"
             navItems={[
@@ -42,6 +44,7 @@ export default function LandscapingPage() {
               { name: "Gallery", id: "gallery" },
               { name: "Testimonials", id: "testimonials" },
               { name: "FAQ", id: "faq" },
+              { name: "Trust", id: "trust" },
               { name: "Contact", id: "contact" }
             ]}
             button={{ text: "Call Now", href: "#contact" }}
@@ -258,22 +261,28 @@ export default function LandscapingPage() {
               {
                 id: "2",                title: "Вы предлагаете бесплатные консультации?",                content: "Да! Мы предлагаем бесплатные консультации на месте, где мы оцениваем вашу собственность, обсуждаем ваше видение и предоставляем подробную смету — без каких-либо обязательств."},
               {
-                id: "3",                title: "Какие районы вы обслуживаете?",                content: "Мы обслуживаем большой столичный район и прилегающие пригороды в радиусе 50 миль. Свяжитесь с нами, чтобы подтвердить доступность услуг в вашем регионе."},
-              {
-                id: "4",                title: "Предоставляете ли вы постоянное обслуживание?",                content: "Абсолютно. Мы предлагаем еженедельные, двухнедельные и ежемесячные планы обслуживания, которые включают стрижку газонов, обрезку, удобрение и сезонную уборку."},
-              {
-                id: "5",                title: "Являются ли ваши методы экологически чистыми?",                content: "Да, устойчивость является основой нашего подхода. Мы используем местные растения, органические удобрения, умные системы орошения и экологически ответственные методы везде, где это возможно."},
-              {
-                id: "6",                title: "Вы занимаетесь разрешениями и согласованиями с ТСЖ?",                content: "Мы занимаемся всеми необходимыми разрешениями и можем напрямую работать с вашим ТСЖ, чтобы убедиться, что ваш проект соответствует правилам сообщества и проходит утверждение без проблем."},
-              {
-                id: "7",                title: "Какие гарантии вы предоставляете на свои работы?",                content: "Мы предоставляем гарантию на все наши работы и используемые материалы. Подробности гарантии будут указаны в вашем контракте."},
-              {
-                id: "8",                title: "Могу ли я внести изменения в план проекта во время его выполнения?",                content: "Да, мы гибки и понимаем, что планы могут меняться. Любые изменения обсуждаются и утверждаются до их реализации, возможно изменение сметы и сроков."},
-              {
-                id: "9",                title: "Как происходит оплата услуг?",                content: "Оплата обычно производится поэтапно: аванс перед началом работ, промежуточные платежи по мере выполнения и окончательный расчет после завершения проекта. Мы принимаем различные способы оплаты."},
-              {
-                id: "10",                title: "Предлагаете ли вы услуги по уходу за деревьями и кустарниками?",                content: "Да, в рамках наших услуг по уходу мы предлагаем обрезку деревьев и кустарников, лечение болезней, защиту от вредителей и удобрение для поддержания их здоровья и эстетики."},
+                id: "3",                title: "Какие районы вы обслуживаете?",                content: "Мы обслуживаем большой столичный район и прилегающие пригороды в радиусе 50 миль. Свяжитесь с нами, чтобы подтвердить доступность услуг в вашем регионе."},n              {
+                id: "4",                title: "Предоставляете ли вы постоянное обслуживание?",                content: "Абсолютно. Мы предлагаем еженедельные, двухнедельные и ежемесячные планы обслуживания, которые включают стрижку газонов, обрезку, удобрение и сезонную уборку."},n              {
+                id: "5",                title: "Являются ли ваши методы экологически чистыми?",                content: "Да, устойчивость является основой нашего подхода. Мы используем местные растения, органические удобрения, умные системы орошения и экологически ответственные методы везде, где это возможно."},n              {
+                id: "6",                title: "Вы занимаетесь разрешениями и согласованиями с ТСЖ?",                content: "Мы занимаемся всеми необходимыми разрешениями и можем напрямую работать с вашим ТСЖ, чтобы убедиться, что ваш проект соответствует правилам сообщества и проходит утверждение без проблем."},n              {
+                id: "7",                title: "Какие гарантии вы предоставляете на свои работы?",                content: "Мы предоставляем гарантию на все наши работы и используемые материалы. Подробности гарантии будут указаны в вашем контракте."},n              {
+                id: "8",                title: "Могу ли я внести изменения в план проекта во время его выполнения?",                content: "Да, мы гибки и понимаем, что планы могут меняться. Любые изменения обсуждаются и утверждаются до их реализации, возможно изменение сметы и сроков."},n              {
+                id: "9",                title: "Как происходит оплата услуг?",                content: "Оплата обычно производится поэтапно: аванс перед началом работ, промежуточные платежи по мере выполнения и окончательный расчет после завершения проекта. Мы принимаем различные способы оплаты."},n              {
+                id: "10",                title: "Предлагаете ли вы услуги по уходу за деревьями и кустарниками?",                content: "Да, в рамках наших услуг по уходу мы предлагаем обрезку деревьев и кустарников, лечение болезней, защиту от вредителей и удобрение для поддержания их здоровья и эстетики."},n            ]}
+          />
+        </div>
+
+        <div id="trust" data-section="trust">
+          <SocialProofOne
+            tag="Наши Партнеры"
+            title="Доверяют ведущие компании"
+            description="Мы гордимся сотрудничеством с лидерами отрасли и многочисленными довольными клиентами."
+            names={[
+              "Certified Professional",              "Eco-Friendly Partner",              "Award-Winning Service",              "Customer Recommended",              "Fully Licensed & Insured",              "Quality Guaranteed"
             ]}
+            animationType="opacity"
+            useInvertedBackground={false}
+            textboxLayout="default"
           />
         </div>
 
@@ -291,23 +300,33 @@ export default function LandscapingPage() {
             <div className="absolute inset-0 bg-foreground/70" />
           </div>
           <ContactSplitForm
-            title="Get Your Free Estimate"
-            description="Tell us about your project and we'll get back to you within 24 hours."
+            title="Свяжитесь с нами для записи"
+            description={
+              <div className="text-center md:text-left space-y-4">
+                <p>Мы готовы помочь вам с любыми вопросами по ландшафтному дизайну. Свяжитесь с нами сегодня!</p>
+                <p className="font-bold">Адрес:</p>
+                <p>123 GreenScape Ave,<br/>Los Angeles, CA 90001</p>
+                <p className="font-bold">Телефон:</p>
+                <p>(555) 123-4567</p>
+                <p className="font-bold">Часы работы:</p>
+                <p>Пн - Пт: 9:00 - 18:00<br/>Сб: 10:00 - 16:00<br/>Вс: Закрыто</p>
+              </div>
+            }
             useInvertedBackground={false}
             mediaAnimation="none"
-            buttonText="Send Message"
-            contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
-
-            mediaWrapperClassName="hidden"
+            buttonText="Отправить сообщение"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/map.png" 
+            imageAlt="Location Map"
+            mediaPosition="left"
             inputs={[
-              { name: "name", type: "text", placeholder: "Full Name", required: true },
-              { name: "email", type: "email", placeholder: "Email Address", required: true },
-              { name: "phone", type: "tel", placeholder: "Phone Number" },
+              { name: "name", type: "text", placeholder: "Полное имя", required: true },
+              { name: "email", type: "email", placeholder: "Адрес электронной почты", required: true },
+              { name: "phone", type: "tel", placeholder: "Номер телефона" },
             ]}
             multiSelect={{
-              name: "service",              label: "Select a Service",              options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"],
+              name: "service",              label: "Выберите услугу",              options: ["Ландшафтный дизайн", "Твердые и мягкие ландшафты", "Уход за газоном и садом", "Умное орошение"],
             }}
-            textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
+            textarea={{ name: "message", placeholder: "Расскажите о вашем проекте...", rows: 4, required: true }}
           />
         </div>
 
@@ -315,33 +334,66 @@ export default function LandscapingPage() {
           <FooterSimple
             columns={[
               {
-                title: "Services",                items: [
-                  { label: "Landscape Design", href: "#services" },
-                  { label: "Hardscape & Softscape", href: "#services" },
-                  { label: "Lawn & Garden Care", href: "#services" },
-                  { label: "Smart Irrigation", href: "#services" },
+                title: "Услуги",                items: [
+                  { label: "Ландшафтный дизайн", href: "#services" },
+                  { label: "Твердые и мягкие ландшафты", href: "#services" },
+                  { label: "Уход за газоном и садом", href: "#services" },
+                  { label: "Умное орошение", href: "#services" },
                 ],
               },
               {
-                title: "Company",                items: [
-                  { label: "About", href: "#about" },
-                  { label: "Team", href: "#team" },
-                  { label: "Testimonials", href: "#testimonials" },
+                title: "Компания",                items: [
+                  { label: "О нас", href: "#about" },
+                  { label: "Команда", href: "#team" },
+                  { label: "Отзывы", href: "#testimonials" },
                   { label: "FAQ", href: "#faq" },
+                  { label: "Партнеры", href: "#trust" }
                 ],
               },
               {
-                title: "Contact",                items: [
-                  { label: "(555) 123-4567", href: "tel:5551234567" },
+                title: "Контакты",                items: [
+                  { label: "(555) 123-4567", href: "tel:+15551234567" },
                   { label: "hello@greenscape.com", href: "mailto:hello@greenscape.com" },
-                  { label: "Los Angeles, CA" },
+                  { label: "123 GreenScape Ave, Los Angeles, CA", href: "https://maps.app.goo.gl/YourGoogleMapsLink" },
                 ],
               },
             ]}
             bottomLeftText="© 2026 GreenScape Landscaping"
-            bottomRightText="All rights reserved"
+            bottomRightText="Все права защищены"
           />
         </div>
+
+        {/* Floating conversion features */}
+        <div className="fixed bottom-4 right-4 z-[100] flex flex-col items-end space-y-3">
+          <Link
+            href="#contact"
+            className="flex items-center justify-center p-3 bg-primary-cta text-primary-cta-foreground rounded-full shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105"
+            aria-label="Записаться на прием"
+          >
+            <CalendarCheck className="h-6 w-6 mr-2" />
+            <span className="hidden md:block">Запись</span>
+          </Link>
+          <a
+            href="https://wa.me/15551234567"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center justify-center p-3 bg-[#25D366] text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105"
+            aria-label="Связаться через WhatsApp"
+          >
+            <MessageCircle className="h-6 w-6 mr-2" />
+            <span className="hidden md:block">WhatsApp</span>
+          </a>
+          <a
+            href="https://t.me/yourtelegramusername"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center justify-center p-3 bg-[#0088CC] text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105"
+            aria-label="Связаться через Telegram"
+          >
+            <Send className="h-6 w-6 mr-2" />
+            <span className="hidden md:block">Telegram</span>
+          </a>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1