337 lines
16 KiB
TypeScript
337 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import { Leaf, Sparkles, PencilRuler, Palette, Zap, Hammer, CheckCircle, Droplets, Shield, Camera, Star } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmall"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="Livni Peyzaj"
|
||
navItems={[
|
||
{ name: "Hakkımızda", id: "about" },
|
||
{ name: "Hizmetlerimiz", id: "services" },
|
||
{ name: "Projeler", id: "projects" },
|
||
{ name: "İletişim", id: "contact" }
|
||
]}
|
||
button={{
|
||
text: "Ücretsiz Keşif Talep Et", href: "#contact"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCentered
|
||
title="Hayalinizdeki Bahçeyi Gerçeğe Dönüştürüyoruz"
|
||
description="Livni Peyzaj ile estetik, fonksiyonel ve doğayla uyumlu yaşam alanları oluşturun. Uzman peyzaj mimarlarımız her projeye kişiye özel yaklaşım sunarak doğayı sanata dönüştürüyor."
|
||
background={{ variant: "radial-gradient" }}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-vector/hand-drawn-flat-gardening-brochure-template_23-2149342369.jpg", alt: "Luxurious villa garden landscape"
|
||
}
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Ücretsiz Keşif Talep Et", href: "#contact"
|
||
},
|
||
{
|
||
text: "Projelerimizi İncele", href: "#projects"
|
||
}
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
marqueeItems={[
|
||
{ type: "text", text: "Lüks Villa Tasarımları" },
|
||
{ type: "text", text: "Ticari Mekan Peyzajlandırması" },
|
||
{ type: "text", text: "Sürdürülebilir Çözümler" },
|
||
{ type: "text", text: "Uzman Proje Yönetimi" }
|
||
]}
|
||
marqueeSpeed={40}
|
||
showMarqueeCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
tag="Hakkımızda"
|
||
tagIcon={Leaf}
|
||
title="Peyzaj Mimarisinde Uzman Ortağınız"
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{
|
||
text: "Bize Ulaşın", href: "#contact"
|
||
}
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTen
|
||
tag="Hizmetlerimiz"
|
||
tagIcon={Sparkles}
|
||
title="Kapsamlı Peyzaj Çözümleri"
|
||
description="Lüks villalardan ticari komplekslere kadar tüm ölçekteki projelerde profesyonel tasarım ve uygulama hizmetleri sunuyoruz."
|
||
textboxLayout="default"
|
||
animationType="blur-reveal"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "design", title: "Özel Tasarım", description: "Her projeye özgü, kişiye özel peyzaj mimarı tasarımları", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-gardener-digging-soil-with-hoe_23-2148165351.jpg", imageAlt: "Modern villa garden design"
|
||
},
|
||
items: [
|
||
{ icon: PencilRuler, text: "CAD Tasarımları" },
|
||
{ icon: Palette, text: "Renk Uyumu" },
|
||
{ icon: Zap, text: "Işık Planlaması" }
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
id: "execution", title: "Profesyonel Uygulama", description: "Titiz ve kaliteli proje uygulaması, zaman içinde tamamlanması garantili", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/public-square-with-empty-road-floor-downtown_1127-3348.jpg", imageAlt: "Commercial landscape installation"
|
||
},
|
||
items: [
|
||
{ icon: Hammer, text: "Teknik Uygulama" },
|
||
{ icon: CheckCircle, text: "Kalite Kontrol" },
|
||
{ icon: Zap, text: "Zaman Yönetimi" }
|
||
],
|
||
reverse: true
|
||
},
|
||
{
|
||
id: "maintenance", title: "Bakım ve İşletme", description: "Projeniz tamamlandıktan sonra uzun vadeli bakım ve yönetim hizmetleri", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-with-rhythm-balconies-urban-style_169016-69191.jpg", imageAlt: "Residential landscape maintenance"
|
||
},
|
||
items: [
|
||
{ icon: Leaf, text: "Bitki Bakımı" },
|
||
{ icon: Droplets, text: "Sulama Sistemi" },
|
||
{ icon: Shield, text: "Korunma Planı" }
|
||
],
|
||
reverse: false
|
||
}
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Detaylı Bilgi", href: "#contact"
|
||
}
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="projects" data-section="projects">
|
||
<ProductCardOne
|
||
title="Başarılı Projelerimiz"
|
||
description="Ankara'nın en seçkin mekanlarında gerçekleştirdiğimiz tasarım ve uygulama başarıları"
|
||
tag="Portföy"
|
||
tagIcon={Camera}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
gridVariant="bento-grid"
|
||
products={[
|
||
{
|
||
id: "villa-1", name: "Cankaya Lüks Villa Bahçesi", price: "₺850.000", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-gardener-digging-soil-with-hoe_23-2148165351.jpg", imageAlt: "Luxury villa garden in Cankaya"
|
||
},
|
||
{
|
||
id: "commercial-1", name: "Çankiri Ticari Kompleks", price: "₺2.200.000", imageSrc: "http://img.b2bpic.net/free-photo/public-square-with-empty-road-floor-downtown_1127-3348.jpg", imageAlt: "Commercial complex landscape"
|
||
},
|
||
{
|
||
id: "residential-1", name: "Kızılay Konut Sitesi", price: "₺1.500.000", imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-with-rhythm-balconies-urban-style_169016-69191.jpg", imageAlt: "Residential complex garden"
|
||
}
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Tüm Projeler", href: "#"
|
||
}
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardSeven
|
||
title="Başarı Metrikleri"
|
||
description="Livni Peyzaj'ın endüstride sağladığı etki ve güvenilirlik"
|
||
textboxLayout="default"
|
||
animationType="scale-rotate"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "projects", value: "150+", title: "Tamamlanan Proje", items: [
|
||
"Villar ve konut tasarımları", "Ticari kompleks peyzajlandırması", "Kurumsal dış mekan tasarımı"
|
||
]
|
||
},
|
||
{
|
||
id: "clients", value: "200+", title: "Memnun Müşteri", items: [
|
||
"Yüksek müşteri memnuniyeti", "Referans tabanlı işler", "Uzun vadeli ortaklıklar"
|
||
]
|
||
},
|
||
{
|
||
id: "team", value: "25+", title: "Uzman Ekip Üyesi", items: [
|
||
"Peyzaj mimarları", "Teknik uzmanlar", "Proje yöneticileri"
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
title="Müşteri Düşünceleri"
|
||
description="Livni Peyzaj ile çalışan müşterilerimizin deneyimleri ve memnuniyet oranları"
|
||
tag="Testimonial"
|
||
tagIcon={Star}
|
||
textboxLayout="default"
|
||
animationType="blur-reveal"
|
||
useInvertedBackground={false}
|
||
kpiItems={[
|
||
{ value: "4.9/5", label: "Ortalama Puan" },
|
||
{ value: "98%", label: "Memnuniyet Oranı" },
|
||
{ value: "45%", label: "Referans İşler" }
|
||
]}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Ahmet Koç", role: "Villa Sahibi", company: "Ankara", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", imageAlt: "Ahmet Koç portrait"
|
||
},
|
||
{
|
||
id: "2", name: "Şeyda Demirci", role: "Proje Müdürü", company: "Emlak Geliştirme Ltd.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-young-woman-dress-room_23-2148068394.jpg", imageAlt: "Şeyda Demirci portrait"
|
||
},
|
||
{
|
||
id: "3", name: "Mustafa Yılmaz", role: "İşletme Müdürü", company: "Korporat Campus", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", imageAlt: "Mustafa Yılmaz portrait"
|
||
},
|
||
{
|
||
id: "4", name: "Gamze Atalay", role: "Gayrimenkul Geliştirici", company: "Yaşam Kompleksleri", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg", imageAlt: "Gamze Atalay portrait"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
sideTitle="Sık Sorulan Sorular"
|
||
sideDescription="Livni Peyzaj hizmetleri, süreç ve maliyetler hakkında en sık sorulan sorulara yanıtlar."
|
||
textPosition="left"
|
||
useInvertedBackground={false}
|
||
faqsAnimation="slide-up"
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Tasarım süreci ne kadar uzun?", content: "Proje ölçeğine bağlı olarak 2-4 hafta sürer. İlk danışma, konsept tasarım ve nihai uygulamaya kadar tüm aşamaları kontrollü bir şekilde gerçekleştiririz."
|
||
},
|
||
{
|
||
id: "2", title: "Maliyetler nasıl hesaplanır?", content: "Maliyet, proje alanı, bitki seçimi, sulama sistemi ve inşaat karmaşıklığına bağlıdır. Ücretsiz keşif ziyaretiyle detaylı bir teklif hazırlarız."
|
||
},
|
||
{
|
||
id: "3", title: "Projeniz zaman içinde tamamlanır mı?", content: "Evet, tüm projelerimiz önceden belirlenmiş zaman çizelgesiyle tamamlanır. Proje yönetim sistemiyle takip ve düzenleme yapılır."
|
||
},
|
||
{
|
||
id: "4", title: "Bakım hizmetleri neler içerir?", content: "Düzenli bitki bakımı, sulama sistemi kontrolü, temizlik ve mevsimsel düzenlemeler dahil olmak üzere kapsamlı hizmetler sunuyoruz."
|
||
},
|
||
{
|
||
id: "5", title: "Bahçeyi daha sonra genişletebilir miyim?", content: "Elbette. Tasarımımız gelecekteki genişletmeleri göz önüne alarak planlanır. İsteğiniz zaman ek alanlar ekleyebilirsiniz."
|
||
},
|
||
{
|
||
id: "6", title: "Sürdürülebilir çözümler sunar mısınız?", content: "Evet, enerji verimli sulama sistemleri, yerel bitki türleri ve çevre dostu malzemeler kullanarak sürdürülebilir tasarımlar yaparız."
|
||
}
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "İletişim Kurun", href: "#contact"
|
||
}
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Ücretsiz Keşif Talep Edin"
|
||
description="Bahçenizin potansiyelini bize anlatın. Uzman peyzaj mimarlarımız, projenize özel bir teklif hazırlamak için sizinle iletişime geçecek."
|
||
imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-flat-gardening-brochure-template_23-2149342369.jpg"
|
||
imageAlt="Luxury garden consultation"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
useInvertedBackground={false}
|
||
inputs={[
|
||
{ name: "fullName", type: "text", placeholder: "Adınız Soyadınız" },
|
||
{ name: "email", type: "email", placeholder: "E-posta Adresiniz", required: true },
|
||
{ name: "phone", type: "tel", placeholder: "Telefon Numaranız" },
|
||
{ name: "projectType", type: "text", placeholder: "Proje Türü (Villa, Ticari, Konut Sitesi vb.)" }
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Projeniz hakkında detaylı bilgi paylaşın...", rows: 5,
|
||
required: true
|
||
}}
|
||
buttonText="Keşif Talep Gönder"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
logoText="Livni Peyzaj"
|
||
copyrightText="© 2024 Livni Peyzaj. Tüm hakları saklıdır."
|
||
columns={[
|
||
{
|
||
title: "Şirket", items: [
|
||
{ label: "Hakkımızda", href: "#about" },
|
||
{ label: "Hizmetlerimiz", href: "#services" },
|
||
{ label: "Projeler", href: "#projects" },
|
||
{ label: "Ekip", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Hizmetler", items: [
|
||
{ label: "Peyzaj Tasarımı", href: "#" },
|
||
{ label: "Proje Yönetimi", href: "#" },
|
||
{ label: "Bakım Hizmetleri", href: "#" },
|
||
{ label: "Danışmanlık", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "İletişim", items: [
|
||
{ label: "E-posta: info@livnipeyzaj.com", href: "mailto:info@livnipeyzaj.com" },
|
||
{ label: "Telefon: +90 312 XXX XXXX", href: "tel:+905XXXXXXXXX" },
|
||
{ label: "Ankara, Türkiye", href: "#" },
|
||
{ label: "Sosyal Medya", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Yasal", items: [
|
||
{ label: "Gizlilik Politikası", href: "#" },
|
||
{ label: "Kullanım Şartları", href: "#" },
|
||
{ label: "Çerez Politikası", href: "#" },
|
||
{ label: "İletişim Formu", href: "#contact" }
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|