Merge version_3 into main #4
134
src/app/page.tsx
134
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user