Merge version_2 into main #1

Merged
bender merged 1 commits from version_2 into main 2026-06-05 19:52:10 +00:00

View File

@@ -12,7 +12,9 @@ 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 { Leaf, TreePine, CalendarCheck, Image, Lightbulb, UserRoundCog, Building, Briefcase, Handshake, DollarSign, Sprout } from "lucide-react";
export default function LandscapingPage() {
return (
@@ -34,10 +36,13 @@ export default function LandscapingPage() {
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: "Contact", id: "contact" }
]}
button={{ text: "Call Now", href: "#contact" }}
/>
@@ -60,21 +65,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 +101,48 @@ 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", 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}
>
<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 +153,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,25 +173,48 @@ 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", 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", 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", 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}
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: ""
},
]}
/>
@@ -221,72 +231,46 @@ 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", 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", 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", 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", 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>
@@ -319,9 +303,7 @@ export default function LandscapingPage() {
{ name: "phone", type: "tel", placeholder: "Phone Number" },
]}
multiSelect={{
name: "service",
label: "Select a Service",
options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"],
name: "service", label: "Select a Service", options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"],
}}
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
/>
@@ -331,8 +313,7 @@ export default function LandscapingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Landscape Design", href: "#services" },
{ label: "Hardscape & Softscape", href: "#services" },
{ label: "Lawn & Garden Care", href: "#services" },
@@ -340,8 +321,7 @@ export default function LandscapingPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Team", href: "#team" },
{ label: "Testimonials", href: "#testimonials" },
@@ -349,8 +329,7 @@ export default function LandscapingPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "(555) 123-4567", href: "tel:5551234567" },
{ label: "hello@greenscape.com", href: "mailto:hello@greenscape.com" },
{ label: "Los Angeles, CA" },
@@ -364,4 +343,4 @@ export default function LandscapingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}