165 lines
7.3 KiB
TypeScript
165 lines
7.3 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLarge"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "Services", id: "features" },
|
||
{ name: "Feature Details", id: "features-nine" },
|
||
{ name: "Testimonials", id: "testimonials" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
brandName="1001 Perde Eskişehir"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
logoText="1001 PERDE"
|
||
description="Eskişehir'de evinize estetik katacak perde seçenekleri ve profesyonel hizmet için randevunuzu hemen oluşturun."
|
||
background={{ variant: "gradient-bars" }}
|
||
buttons={[{ text: "Randevu Al", href: "#contact" }]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/curtain-with-sunlight_1339-4065.jpg?_wi=1"
|
||
imageAlt="Zarif perde seçenekleri"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
title="Hakkımızda"
|
||
description="Eskişehir 1001 Perde olarak, evinizi hayalinizdeki görünüme kavuşturmak için kaliteli kumaşlar ve uzman işçilikle hizmet vermekteyiz."
|
||
bulletPoints={[
|
||
{ title: "Geniş Ürün Yelpazesi", description: "Her zevke uygun perde çeşitleri." },
|
||
{ title: "Profesyonel Montaj", description: "Uzman ekibimizle hızlı ve temiz uygulama." },
|
||
{ title: "Ücretsiz Keşif", description: "Ölçülerinizi yerinde alıyoruz." },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/serious-focused-afro-american-teacher-blue-shirt-checking-drawings_273609-14156.jpg?_wi=1"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
negativeCard={{ items: ["Kalitesiz Kumaş Kullanımı", "Geç Teslimat", "Hatalı Ölçülendirme", "Yetersiz Müşteri Desteği", "Zor Montaj Süreçleri"] }}
|
||
positiveCard={{ items: ["Özel Tasarım Perdeler", "Tül ve Fon Çeşitleri", "Motorlu Perde Sistemleri", "Stor ve Zebra Perde", "Blackout Karartma Perdeler"] }}
|
||
title="Hizmetlerimiz"
|
||
description="Evinize değer katan perde çözümleri."
|
||
/>
|
||
</div>
|
||
|
||
<div id="features-nine" data-section="features-nine">
|
||
<FeatureCardNine
|
||
showStepNumbers={true}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
title="Nasıl Çalışıyoruz?"
|
||
description="Adım adım evinizi güzelleştirme sürecimiz."
|
||
features={[
|
||
{
|
||
title: "Keşif", description: "Evini ziyaret ediyor, ölçüleri alıyoruz.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/curtain-with-sunlight_1339-4065.jpg?_wi=1" },
|
||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/towel-stack-shelf_1339-7649.jpg?_wi=2" }
|
||
},
|
||
{
|
||
title: "Tasarım", description: "Size özel kumaş ve model seçimleri.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741822.jpg?_wi=1" },
|
||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-afro-american-teacher-blue-shirt-checking-drawings_273609-14156.jpg?_wi=1" }
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{ id: "m1", value: "1000+", title: "Mutlu Müşteri", description: "Binlerce mutlu ev sahibi.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-handyman-applying-some-sealant-door-with-sealing-gun_662251-2740.jpg?_wi=1" },
|
||
{ id: "m2", value: "15 Yıl", title: "Tecrübe", description: "Sektörde uzun yıllar.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-decorating-front-door_23-2150562109.jpg" },
|
||
{ id: "m3", value: "%100", title: "Memnuniyet", description: "Kaliteden ödün vermiyoruz.", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741822.jpg?_wi=2" },
|
||
]}
|
||
title="Başarılarımız"
|
||
description="Deneyimimizle yanınızdayız."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "1", name: "Ayşe Yılmaz", date: "2023-10-12", title: "Mükemmel işçilik", quote: "Perdelerim harika oldu, ellerinize sağlık.", tag: "Ev sahibi", avatarSrc: "http://img.b2bpic.net/free-photo/business-people-working-office_1157-21980.jpg", imageSrc: "http://img.b2bpic.net/free-photo/curtain-with-sunlight_1339-4065.jpg?_wi=2" },
|
||
]}
|
||
title="Müşterilerimizden"
|
||
description="Bizi tercih edenler ne diyor?"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{ id: "f1", title: "Ücretsiz keşif yapıyor musunuz?", content: "Evet, tüm ölçü keşiflerimiz ücretsizdir." },
|
||
]}
|
||
sideTitle="Sıkça Sorulanlar"
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{ variant: "gradient-bars" }}
|
||
text="Evinize yeni bir görünüm kazandırmak için hemen randevu alın."
|
||
buttons={[{ text: "WhatsApp Üzerinden Randevu Al", href: "https://wa.me/905555555555" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{ title: "İletişim", items: [{ label: "Adres: Eskişehir", href: "#" }, { label: "Telefon: 0555 555 55 55", href: "tel:05555555555" }] },
|
||
]}
|
||
bottomLeftText="© 2024 1001 Perde Eskişehir"
|
||
bottomRightText="Tüm hakları saklıdır."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|