Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-16 20:37:08 +00:00

View File

@@ -1,378 +1,122 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Box, CheckCircle, PenTool, Search } from "lucide-react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Search, PenTool, Box, CheckCircle, Award } from "lucide-react";
export default function LandingPage() {
const navItems = [
{ name: "Home", id: "#hero" },
{ name: "Projeler", id: "#projects" },
{ name: "İletişim", id: "#contact" }
];
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Ana Sayfa",
id: "hero",
},
{
name: "Hizmetler",
id: "services",
},
{
name: "Projeler",
id: "projects",
},
{
name: "İletişim",
id: "contact",
},
]}
brandName="Detay Mobilya"
button={{
text: "Keşif Talep Et",
href: "#contact",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
title="Evinizi Baştan Yaratıyoruz."
description="Kişiye özel mobilya ve anahtar teslim iç mimari çözümlerle hayal ettiğiniz yaşam alanını inşa ediyoruz."
buttons={[
{
text: "Ücretsiz Keşif Talep Et",
href: "#contact",
},
{
text: "Projeleri İncele",
href: "#projects",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg?_wi=1",
imageAlt: "Lüks yaşam alanı",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-posing-bathroom-with-bath-robe_23-2148147502.jpg",
imageAlt: "Özel üretim mobilya",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722541.jpg",
imageAlt: "Anahtar teslim tadilat",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-leather-armchair_1156-3.jpg",
imageAlt: "Detay işçilik",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg",
imageAlt: "Modern iç tasarım",
},
]}
mediaAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ayşe Yılmaz",
date: "2023",
title: "Ev Yenileme",
quote: "Hayal ettiğimizden daha güzel bir ev ortaya çıktı.",
tag: "Mutlu Müşteri",
avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg?_wi=2",
imageAlt: "smiling customer portrait",
},
{
id: "2",
name: "Mehmet Demir",
date: "2023",
title: "Mobilya Üretim",
quote: "Baştan sona her şeyle ilgilendiler, usta işi bir hizmet.",
tag: "Memnun",
avatarSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-confident-young-african-american-woman-dressed-stylish-purple-turtleneck-smiling-joyfully-showing-ok-gesture_344912-1015.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/architect-discussing-house-design-with-smiling-female-client_1262-18369.jpg",
imageAlt: "smiling customer portrait",
},
{
id: "3",
name: "Zeynep Can",
date: "2023",
title: "İç Mimari",
quote: "Detaylarda saklı kusursuzluğu gerçekten hissettik.",
tag: "Tavsiye",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-desk-holding-notes_23-2148372246.jpg",
imageAlt: "smiling customer portrait",
},
{
id: "4",
name: "Caner Kaya",
date: "2023",
title: "Tadilat",
quote: "Profesyonel bir ekip, süreç yönetimi mükemmeldi.",
tag: "Harika",
avatarSrc: "http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861551.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/black-wardrobe-locker-pouf-inside-view-wardrobe-interior_169016-15241.jpg",
imageAlt: "smiling customer portrait",
},
{
id: "5",
name: "Fatma Şen",
date: "2023",
title: "Özel Mobilya",
quote: "Gürbüz Usta ve ekibine el işçilikleri için teşekkürler.",
tag: "Kalite",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-hand-drawing-house-plan_23-2148889754.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976527.jpg?_wi=1",
imageAlt: "smiling customer portrait",
},
]}
title="Müşterilerimizin Deneyimleri"
description="Detay Mobilya ailesi olarak %4.9 müşteri memnuniyetimizle gurur duyuyoruz."
/>
</div>
<div id="services" data-section="services">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Malzeme danışmanlığı",
"İşçilik garantisi",
"Anahtar teslim süreç",
],
}}
positiveCard={{
items: [
"Özel ölçü mobilya üretimi",
"Komple ev tadilatı",
"İç mimari tasarım",
],
}}
title="Hizmetlerimiz"
description="Yaşam alanlarınızı güzelleştirmek için uzmanlık odaklı çözümler sunuyoruz."
/>
</div>
<div id="process" data-section="process">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Search,
title: "Ücretsiz Keşif",
value: "1",
},
{
id: "m2",
icon: PenTool,
title: "Tasarım & Teklif",
value: "2",
},
{
id: "m3",
icon: Box,
title: "Üretim & Montaj",
value: "3",
},
{
id: "m4",
icon: CheckCircle,
title: "Kusursuz Teslim",
value: "4",
},
]}
title="Nasıl Çalışıyoruz?"
description="Şeffaf ve güven veren iş yönetimimiz ile projelerinizi yönetiyoruz."
/>
</div>
<div id="projects" data-section="projects">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Modern Mutfak Tasarımı",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976527.jpg?_wi=2",
},
{
id: "p2",
name: "Özel Tasarım Gardırop",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-bedroom-interior-design_23-2151978955.jpg",
},
{
id: "p3",
name: "TV Ünitesi ve Kitaplık",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160118.jpg",
},
{
id: "p4",
name: "Salon Tadilatı",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/detail-home-interior-part-kitchen-interior-with-ovens_169016-20190.jpg",
},
{
id: "p5",
name: "Modern Çalışma Odası",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26126.jpg",
},
{
id: "p6",
name: "Antre Tasarımı",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-design_23-2150870803.jpg",
},
]}
title="Gerçek Mekanlar, Gerçek Dönüşümler"
description="Her proje farklı bir hikaye, her detay size özel."
/>
</div>
<div id="craftsmanship" data-section="craftsmanship">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Zanaatkarlık"
title="Bu İşin Ustası Var"
description="Gürbüz Usta'nın yıllara dayanan deneyimi, her bir parçaya ilmek ilmek işleniyor."
subdescription="Fabrikasyon değil, el işçiliği. Detay Mobilya'da biz, sizin hayalinizi ustalıkla inşa ediyoruz."
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/middle-aged-man-his-instrument-workshop_23-2149018606.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="assurance" data-section="assurance">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "İşçilik Garantisi",
content: "Tüm mobilyalarımız ve tadilat uygulamalarımızda işçilik garantisi sunuyoruz.",
},
{
id: "f2",
title: "Malzeme Seçimi",
content: "Tüm süreci şeffaf yönetiyoruz. Malzeme danışmanlığı ile en iyisini birlikte seçiyoruz.",
},
{
id: "f3",
title: "Satış Sonrası Destek",
content: "Teslimattan sonra da olası ihtiyaçlarınızda teknik destek sağlamaya devam ediyoruz.",
},
]}
title="Güven ve Garanti"
description="Malzeme danışmanlığından teslimat sonrasına kadar yanınızdayız."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="İletişim"
title="Evinizi Birlikte Tasarlayalım"
description="Ücretsiz keşif talebinizi oluşturun, hayallerinizi gerçeğe dönüştürmek için ilk adımı atalım."
buttons={[
{
text: "WhatsApp'tan Yaz",
href: "https://wa.me/905xxxxxxxxx",
},
{
text: "Hemen Ara",
href: "tel:+905xxxxxxxxx",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Ana Sayfa",
href: "#hero",
},
{
label: "Projeler",
href: "#projects",
},
{
label: "İletişim",
href: "#contact",
},
],
},
{
items: [
{
label: "Hizmetler",
href: "#services",
},
{
label: "Garanti",
href: "#assurance",
},
],
},
]}
logoText="DETAY MOBİLYA"
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="DETAY MOBİLYA"
button={{ text: "İletişim", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "gradient-bars" }}
title="Evinizi Baştan Yaratıyoruz."
description="Kişiye özel mobilya ve anahtar teslim iç mimari çözümlerle hayal ettiğiniz yaşam alanını inşa ediyoruz."
buttons={[{ text: "Ücretsiz Keşif Talep Et", href: "#contact" }, { text: "Projeleri İncele", href: "#projects" }]}
mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg", imageAlt: "Lüks yaşam alanı" }, { imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-posing-bathroom-with-bath-robe_23-2148147502.jpg", imageAlt: "Özel üretim mobilya" }, { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722541.jpg", imageAlt: "Anahtar teslim tadilat" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-leather-armchair_1156-3.jpg", imageAlt: "Detay işçilik" }, { imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg", imageAlt: "Modern iç tasarım" }]}
mediaAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[{ id: "1", name: "Ayşe Yılmaz", date: "2023", title: "Ev Yenileme", quote: "Hayal ettiğimizden daha güzel bir ev ortaya çıktı.", tag: "Mutlu Müşteri", avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg" }, { id: "2", name: "Mehmet Demir", date: "2023", title: "Mobilya Üretim", quote: "Baştan sona her şeyle ilgilendiler, usta işi bir hizmet.", tag: "Memnun", avatarSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-confident-young-african-american-woman-dressed-stylish-purple-turtleneck-smiling-joyfully-showing-ok-gesture_344912-1015.jpg", imageSrc: "http://img.b2bpic.net/free-photo/architect-discussing-house-design-with-smiling-female-client_1262-18369.jpg" }, { id: "3", name: "Zeynep Can", date: "2023", title: "İç Mimari", quote: "Detaylarda saklı kusursuzluğu gerçekten hissettik.", tag: "Tavsiye", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-desk-holding-notes_23-2148372246.jpg" }, { id: "4", name: "Caner Kaya", date: "2023", title: "Tadilat", quote: "Profesyonel bir ekip, süreç yönetimi mükemmeldi.", tag: "Harika", avatarSrc: "http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861551.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-wardrobe-locker-pouf-inside-view-wardrobe-interior_169016-15241.jpg" }, { id: "5", name: "Fatma Şen", date: "2023", title: "Özel Mobilya", quote: "Gürbüz Usta ve ekibine el işçilikleri için teşekkürler.", tag: "Kalite", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-hand-drawing-house-plan_23-2148889754.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976527.jpg" }]}
title="Müşterilerimizin Deneyimleri"
description="Detay Mobilya ailesi olarak %4.9 müşteri memnuniyetimizle gurur duyuyoruz."
/>
</div>
<div id="services" data-section="services">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{ items: ["Malzeme danışmanlığı", "İşçilik garantisi", "Anahtar teslim süreç"] }}
positiveCard={{ items: ["Özel ölçü mobilya üretimi", "Komple ev tadilatı", "İç mimari tasarım"] }}
title="Hizmetlerimiz"
description="Yaşam alanlarınızı güzelleştirmek için uzmanlık odaklı çözümler sunuyoruz."
/>
</div>
<div id="process" data-section="process">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[{ id: "m1", icon: Search, title: "Ücretsiz Keşif", value: "1" }, { id: "m2", icon: PenTool, title: "Tasarım & Teklif", value: "2" }, { id: "m3", icon: Box, title: "Üretim & Montaj", value: "3" }, { id: "m4", icon: CheckCircle, title: "Kusursuz Teslim", value: "4" }]}
title="Nasıl Çalışıyoruz?"
description="Şeffaf ve güven veren iş yönetimimiz ile projelerinizi yönetiyoruz."
/>
</div>
<div id="projects" data-section="projects">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[{ id: "p1", name: "Modern Mutfak Tasarımı", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976527.jpg" }, { id: "p2", name: "Özel Tasarım Gardırop", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-bedroom-interior-design_23-2151978955.jpg" }, { id: "p3", name: "TV Ünitesi ve Kitaplık", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160118.jpg" }, { id: "p4", name: "Salon Tadilatı", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/detail-home-interior-part-kitchen-interior-with-ovens_169016-20190.jpg" }, { id: "p5", name: "Modern Çalışma Odası", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26126.jpg" }, { id: "p6", name: "Antre Tasarımı", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-design_23-2150870803.jpg" }]}
title="Gerçek Mekanlar, Gerçek Dönüşümler"
description="Her proje farklı bir hikaye, her detay size özel."
/>
</div>
<div id="craftsmanship" data-section="craftsmanship">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Zanaatkarlık"
title="Bu İşin Ustası Var"
description="Gürbüz Usta'nın yıllara dayanan deneyimi, her bir parçaya ilmek ilmek işleniyor."
subdescription="Fabrikasyon değil, el işçiliği. Detay Mobilya'da biz, sizin hayalinizi ustalıkla inşa ediyoruz."
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/middle-aged-man-his-instrument-workshop_23-2149018606.jpg"
/>
</div>
<div id="assurance" data-section="assurance">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[{ id: "f1", title: "İşçilik Garantisi", content: "Tüm mobilyalarımız ve tadilat uygulamalarımızda işçilik garantisi sunuyoruz." }, { id: "f2", title: "Malzeme Seçimi", content: "Tüm süreci şeffaf yönetiyoruz. Malzeme danışmanlığı ile en iyisini birlikte seçiyoruz." }, { id: "f3", title: "Satış Sonrası Destek", content: "Teslimattan sonra da olası ihtiyaçlarınızda teknik destek sağlamaya devam ediyoruz." }]}
title="Güven ve Garanti"
description="Malzeme danışmanlığından teslimat sonrasına kadar yanınızdayız."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="İletişim"
title="Evinizi Birlikte Tasarlayalım"
description="Ücretsiz keşif talebinizi oluşturun, hayallerinizi gerçeğe dönüştürmek için ilk adımı atalım."
buttons={[{ text: "WhatsApp'tan Yaz", href: "https://wa.me/905xxxxxxxxx" }, { text: "Hemen Ara", href: "tel:+905xxxxxxxxx" }]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[{ items: [{ label: "Ana Sayfa", href: "#hero" }, { label: "Projeler", href: "#projects" }, { label: "İletişim", href: "#contact" }] }, { items: [{ label: "Hizmetler", href: "#services" }, { label: "Garanti", href: "#assurance" }] }]}
logoText="DETAY MOBİLYA"
/>
</div>
</ThemeProvider>
);
}