Compare commits
16 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1cb831c80d | |||
| 908d46f188 | |||
| e526305d9c | |||
| 7430ac6686 | |||
| aa9d8a9f7f | |||
| acd4c82f7e | |||
| 26a8197e34 | |||
| eb149c1156 | |||
| aac24b5ba6 | |||
| 20c30e3ac4 | |||
| d25e499927 | |||
| 3113ea1d74 | |||
| 09f47620a3 | |||
| e8a3a19a1b | |||
| 1a0b047136 | |||
| 3977bf79c0 |
348
src/app/page.tsx
348
src/app/page.tsx
@@ -12,7 +12,11 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Leaf, TreePine } from "lucide-react";
|
||||
import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
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 (
|
||||
@@ -29,15 +33,19 @@ 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={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Appointment", id: "appointment" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Trust", id: "trust" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Call Now", href: "#contact" }}
|
||||
/>
|
||||
@@ -60,21 +68,11 @@ export default function LandscapingPage() {
|
||||
textPosition="top"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "GreenScape completely transformed our backyard. The team was professional, creative, and delivered beyond our expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",
|
||||
imageAlt: "Sarah M.",
|
||||
},
|
||||
name: "Sarah M.", handle: "Homeowner", testimonial: "GreenScape completely transformed our backyard. The team was professional, creative, and delivered beyond our expectations.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", imageAlt: "Sarah M."},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "Property Manager",
|
||||
testimonial: "We've used GreenScape for all our commercial properties. Their maintenance plans keep everything looking pristine year-round.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",
|
||||
imageAlt: "David K.",
|
||||
},
|
||||
name: "David K.", handle: "Property Manager", testimonial: "We've used GreenScape for all our commercial properties. Their maintenance plans keep everything looking pristine year-round.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", imageAlt: "David K."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,41 +104,49 @@ export default function LandscapingPage() {
|
||||
imageContainerClassName="!rotate-0 !aspect-square"
|
||||
features={[
|
||||
{
|
||||
tag: "Design",
|
||||
title: "Landscape Design",
|
||||
subtitle: "Custom Plans",
|
||||
description: "We create tailored landscape designs that complement your property's architecture and your personal style.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg",
|
||||
imageAlt: "Landscape design",
|
||||
},
|
||||
tag: "Design", title: "Landscape Design", subtitle: "Custom Plans", description: "We create tailored landscape designs that complement your property's architecture and your personal style.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg", imageAlt: "Landscape design"},
|
||||
{
|
||||
tag: "Installation",
|
||||
title: "Hardscape & Softscape",
|
||||
subtitle: "Full Installation",
|
||||
description: "From patios and walkways to gardens and trees, we handle the complete installation process.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg",
|
||||
imageAlt: "Hardscape installation",
|
||||
},
|
||||
tag: "Installation", title: "Hardscape & Softscape", subtitle: "Full Installation", description: "From patios and walkways to gardens and trees, we handle the complete installation process.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg", imageAlt: "Hardscape installation"},
|
||||
{
|
||||
tag: "Maintenance",
|
||||
title: "Lawn & Garden Care",
|
||||
subtitle: "Ongoing Service",
|
||||
description: "Keep your property looking pristine year-round with our professional maintenance plans.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg",
|
||||
imageAlt: "Lawn maintenance",
|
||||
},
|
||||
tag: "Maintenance", title: "Lawn & Garden Care", subtitle: "Ongoing Service", description: "Keep your property looking pristine year-round with our professional maintenance plans.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg?_wi=1", imageAlt: "Lawn maintenance"},
|
||||
{
|
||||
tag: "Irrigation",
|
||||
title: "Smart Irrigation",
|
||||
subtitle: "Water Management",
|
||||
description: "Efficient irrigation systems that keep your landscape healthy while conserving water.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg",
|
||||
imageAlt: "Irrigation system",
|
||||
},
|
||||
tag: "Irrigation", title: "Smart Irrigation", subtitle: "Water Management", description: "Efficient irrigation systems that keep your landscape healthy while conserving water.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg", imageAlt: "Irrigation system"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="appointment" data-section="appointment">
|
||||
<TimelineHorizontalCardStack
|
||||
title="Наш Процесс Записи"
|
||||
description="Мы обеспечиваем плавный и простой процесс записи на прием, чтобы вы могли получить необходимую помощь без стресса."
|
||||
tag="Как это работает"
|
||||
tagIcon={CalendarCheck}
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
>
|
||||
<div className="flex flex-col items-center p-4 text-center">
|
||||
<CalendarCheck className="h-8 w-8 text-primary-cta mb-2" />
|
||||
<h3 className="text-lg font-semibold mb-1">Запись на консультацию</h3>
|
||||
<p className="text-sm text-foreground/70">Легко запишитесь на первичную консультацию через наш веб-сайт или по телефону.</p>
|
||||
</div>
|
||||
<div className="flex flex-col items-center p-4 text-center">
|
||||
<Lightbulb className="h-8 w-8 text-primary-cta mb-2" />
|
||||
<h3 className="text-lg font-semibold mb-1">Диагностика</h3>
|
||||
<p className="text-sm text-foreground/70">Наши специалисты проведут тщательную диагностику для выявления ваших потребностей.</p>
|
||||
</div>
|
||||
<div className="flex flex-col items-center p-4 text-center">
|
||||
<UserRoundCog className="h-8 w-8 text-primary-cta mb-2" />
|
||||
<h3 className="text-lg font-semibold mb-1">План лечения</h3>
|
||||
<p className="text-sm text-foreground/70">Мы разработаем индивидуальный план лечения, соответствующий вашим целям.</p>
|
||||
</div>
|
||||
<div className="flex flex-col items-center p-4 text-center">
|
||||
<Briefcase className="h-8 w-8 text-primary-cta mb-2" />
|
||||
<h3 className="text-lg font-semibold mb-1">Лечение и рекомендации</h3>
|
||||
<p className="text-sm text-foreground/70">Получите высококачественное лечение и рекомендации по дальнейшему уходу.</p>
|
||||
</div>
|
||||
</TimelineHorizontalCardStack>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<TeamCardSix
|
||||
title="Why Choose GreenScape"
|
||||
@@ -151,26 +157,11 @@ export default function LandscapingPage() {
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Expert Craftsmanship",
|
||||
role: "Decades of combined experience in landscape design and installation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-6.jpg",
|
||||
imageAlt: "Expert craftsmanship",
|
||||
},
|
||||
id: "1", name: "Expert Craftsmanship", role: "Decades of combined experience in landscape design and installation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-6.jpg", imageAlt: "Expert craftsmanship"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Eco-Friendly Approach",
|
||||
role: "Sustainable practices and native plant selections that thrive naturally.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-7.jpg",
|
||||
imageAlt: "Eco-friendly landscaping",
|
||||
},
|
||||
id: "2", name: "Eco-Friendly Approach", role: "Sustainable practices and native plant selections that thrive naturally.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-7.jpg", imageAlt: "Eco-friendly landscaping"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Full-Service Care",
|
||||
role: "From initial design to ongoing maintenance, we handle everything.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-8.jpg",
|
||||
imageAlt: "Full-service care",
|
||||
},
|
||||
id: "3", name: "Full-Service Care", role: "From initial design to ongoing maintenance, we handle everything.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-8.jpg", imageAlt: "Full-service care"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -186,26 +177,50 @@ export default function LandscapingPage() {
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Carter",
|
||||
role: "Lead Designer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",
|
||||
imageAlt: "James Carter",
|
||||
id: "1", name: "James Carter", role: "Lead Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg?_wi=1", imageAlt: "James Carter"},
|
||||
{
|
||||
id: "2", name: "Maria Silva", role: "Horticulturist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg?_wi=1", imageAlt: "Maria Silva"},
|
||||
{
|
||||
id: "3", name: "Ryan Mitchell", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg?_wi=1", imageAlt: "Ryan Mitchell"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
title="Фотогалерея Клиники"
|
||||
description="Ознакомьтесь с нашей современной клиникой и комфортными условиями."
|
||||
tag="Наши Помещения"
|
||||
tagIcon={Image}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{
|
||||
id: "gallery-1", name: "Внешний вид клиники", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/portfolio-1.jpg", imageAlt: "Clinic exterior", price: "", variant: ""
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Silva",
|
||||
role: "Horticulturist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg",
|
||||
imageAlt: "Maria Silva",
|
||||
id: "gallery-2", name: "Стойка регистрации", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/portfolio-2.jpg", imageAlt: "Reception area", price: "", variant: ""
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ryan Mitchell",
|
||||
role: "Project Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg",
|
||||
imageAlt: "Ryan Mitchell",
|
||||
id: "gallery-3", name: "Кабинет для процедур", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/portfolio-3.jpg", imageAlt: "Treatment room", price: "", variant: ""
|
||||
},
|
||||
{
|
||||
id: "gallery-4", name: "Консультационный кабинет", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/portfolio-4.jpg", imageAlt: "Consultation room", price: "", variant: ""
|
||||
},
|
||||
{
|
||||
id: "gallery-5", name: "Современное оборудование", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/portfolio-5.jpg", imageAlt: "Equipment", price: "", variant: ""
|
||||
},
|
||||
{
|
||||
id: "gallery-6", name: "Зона ожидания", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/portfolio-6.jpg", imageAlt: "Waiting area", price: "", variant: ""
|
||||
},
|
||||
{
|
||||
id: "gallery-7", name: "Интерьер клиники", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/portfolio-7.jpg", imageAlt: "Clinic interior detail", price: "", variant: ""
|
||||
},
|
||||
{
|
||||
id: "gallery-8", name: "Фасад здания", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/portfolio-8.jpg", imageAlt: "Building facade", price: "", variant: ""
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -221,76 +236,63 @@ export default function LandscapingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah M.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg",
|
||||
imageAlt: "Sarah M.",
|
||||
},
|
||||
id: "1", name: "Sarah M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg?_wi=2", imageAlt: "Sarah M."},
|
||||
{
|
||||
id: "2",
|
||||
name: "David K.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",
|
||||
imageAlt: "David K.",
|
||||
},
|
||||
id: "2", name: "David K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg?_wi=2", imageAlt: "David K."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg",
|
||||
imageAlt: "Emily R.",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg?_wi=2", imageAlt: "Emily R."},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ryan M.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg",
|
||||
imageAlt: "Ryan M.",
|
||||
},
|
||||
id: "4", name: "Ryan M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg?_wi=2", imageAlt: "Ryan M."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
tag="FAQ"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our landscaping services."
|
||||
tag="Часто Задаваемые Вопросы"
|
||||
title="Все, что вам нужно знать о наших услугах и процессах."
|
||||
description="Отвечаем на самые популярные вопросы, чтобы вы были полностью информированы."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a typical landscaping project take?",
|
||||
content: "Most residential projects take 1-3 weeks depending on scope. We'll provide a detailed timeline during your consultation so you know exactly what to expect.",
|
||||
},
|
||||
id: "1", title: "Сколько времени занимает типичный проект ландшафтного дизайна?", content: "Большинство жилых проектов занимают 1-3 недели в зависимости от объема. Мы предоставим подробный график во время вашей консультации, чтобы вы точно знали, чего ожидать."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer free consultations?",
|
||||
content: "Yes! We offer complimentary on-site consultations where we assess your property, discuss your vision, and provide a detailed estimate — no obligation.",
|
||||
},
|
||||
id: "2", title: "Вы предлагаете бесплатные консультации?", content: "Да! Мы предлагаем бесплатные консультации на месте, где мы оцениваем вашу собственность, обсуждаем ваше видение и предоставляем подробную смету — без каких-либо обязательств."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve the greater metropolitan area and surrounding suburbs within a 50-mile radius. Contact us to confirm service availability in your location.",
|
||||
},
|
||||
id: "3", title: "Какие районы вы обслуживаете?", content: "Мы обслуживаем большой столичный район и прилегающие пригороды в радиусе 50 миль. Свяжитесь с нами, чтобы подтвердить доступность услуг в вашем регионе."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you provide ongoing maintenance?",
|
||||
content: "Absolutely. We offer weekly, bi-weekly, and monthly maintenance plans that include mowing, trimming, fertilization, and seasonal cleanups.",
|
||||
},
|
||||
id: "4", title: "Предоставляете ли вы постоянное обслуживание?", content: "Абсолютно. Мы предлагаем еженедельные, двухнедельные и ежемесячные планы обслуживания, которые включают стрижку газонов, обрезку, удобрение и сезонную уборку."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Are your practices eco-friendly?",
|
||||
content: "Yes, sustainability is core to our approach. We use native plants, organic fertilizers, smart irrigation, and environmentally responsible methods whenever possible.",
|
||||
},
|
||||
id: "5", title: "Являются ли ваши методы экологически чистыми?", content: "Да, устойчивость является основой нашего подхода. Мы используем местные растения, органические удобрения, умные системы орошения и экологически ответственные методы везде, где это возможно."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Do you handle permits and HOA approvals?",
|
||||
content: "We handle all necessary permits and can work directly with your HOA to ensure your project meets community guidelines and gets approved smoothly.",
|
||||
},
|
||||
id: "6", title: "Вы занимаетесь разрешениями и согласованиями с ТСЖ?", content: "Мы занимаемся всеми необходимыми разрешениями и можем напрямую работать с вашим ТСЖ, чтобы убедиться, что ваш проект соответствует правилам сообщества и проходит утверждение без проблем."},
|
||||
{
|
||||
id: "7", title: "Какие гарантии вы предоставляете на свои работы?", content: "Мы предоставляем гарантию на все наши работы и используемые материалы. Подробности гарантии будут указаны в вашем контракте."},
|
||||
{
|
||||
id: "8", title: "Могу ли я внести изменения в план проекта во время его выполнения?", content: "Да, мы гибки и понимаем, что планы могут меняться. Любые изменения обсуждаются и утверждаются до их реализации, возможно изменение сметы и сроков."},
|
||||
{
|
||||
id: "9", title: "Как происходит оплата услуг?", content: "Оплата обычно производится поэтапно: аванс перед началом работ, промежуточные платежи по мере выполнения и окончательный расчет после завершения проекта. Мы принимаем различные способы оплаты."},
|
||||
{
|
||||
id: "10", title: "Предлагаете ли вы услуги по уходу за деревьями и кустарниками?", content: "Да, в рамках наших услуг по уходу мы предлагаем обрезку деревьев и кустарников, лечение болезней, защиту от вредителей и удобрение для поддержания их здоровья и эстетики."},
|
||||
]}
|
||||
/>
|
||||
</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"
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact" className="relative overflow-hidden">
|
||||
<div className="absolute inset-0 w-full h-full">
|
||||
<video
|
||||
@@ -305,25 +307,23 @@ 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="Мы готовы помочь вам с любыми вопросами по ландшафтному дизайну. Свяжитесь с нами сегодня!\n\nАдрес:\n123 GreenScape Ave,\nLos Angeles, CA 90001\n\nТелефон:\n(555) 123-4567\n\nЧасы работы:\nПн - Пт: 9:00 - 18:00\nСб: 10:00 - 16:00\nВс: Закрыто"
|
||||
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>
|
||||
|
||||
@@ -331,37 +331,67 @@ 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