Merge version_1 into main #9

Merged
bender merged 2 commits from version_1 into main 2026-04-16 20:51:17 +00:00
2 changed files with 17 additions and 79 deletions

View File

@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
export const metadata: Metadata = {
title: 'Detay Mobilya | Özel Tasarım ve İç Mimari',
description: 'Kişiye özel mobilya ve anahtar teslim iç mimari çözümlerle yaşam alanlarınızı baştan yaratıyoruz.',
title: 'Webild Platform',
description: 'Professional services and digital solutions.',
openGraph: {
"title": "Detay Mobilya | Detaylarda Saklı Kusursuzluk",
"siteName": "Detay Mobilya",

View File

@@ -1,6 +1,5 @@
'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
@@ -11,11 +10,11 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
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';
import { Zap, Shield, Star, Award, CheckCircle, ArrowRight, Globe } from 'lucide-react';
export default function HomePage() {
const navItems = [{ name: "Ana Sayfa", id: "hero" }, { name: "Hizmetler", id: "services" }, { name: "Projeler", id: "projects" }, { name: "İletişim", id: "contact" }];
const navItems = [{ name: 'Home', id: '/' }];
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -30,95 +29,34 @@ export default function HomePage() {
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline navItems={navItems} brandName="DETAY MOBİLYA" button={{ text: "Bize Ulaşın", href: "#contact" }} />
<NavbarLayoutFloatingInline navItems={navItems} brandName="Webild" />
</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"
/>
<HeroBillboardGallery title="Excellence in Craft" description="Building the future with precision." mediaItems={[{ imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }, { imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }, { imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }]} background={{ variant: "plain" }} />
</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" }, { 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" }, { 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" }, { 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" }, { 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" }]}
title="Müşterilerimizin Deneyimleri"
description="Detay Mobilya ailesi olarak %4.9 müşteri memnuniyetimizle gurur duyuyoruz."
/>
<TestimonialCardFive testimonials={[]} title="Client Stories" textboxLayout="default" />
</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."
/>
<FeatureCardSixteen negativeCard={{ items: ["Item 1", "Item 2"] }} positiveCard={{ items: ["Item 3", "Item 4"] }} animationType="blur-reveal" textboxLayout="default" />
</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."
/>
<MetricCardThree metrics={[{ id: "1", icon: Zap, title: "Step 1", value: "100%" }, { id: "2", icon: Shield, title: "Step 2", value: "50%" }]} animationType="blur-reveal" textboxLayout="default" title="Our Process" />
</div>
<div id="projects" data-section="projects">
<ProductCardThree
animationType="slide-up"
gridVariant="uniform-all-items-equal"
textboxLayout="default"
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."
/>
<ProductCardThree products={[{ id: "1", name: "Proj 1", price: "$10", imageSrc: "" }, { id: "2", name: "Proj 2", price: "$20", imageSrc: "" }, { id: "3", name: "Proj 3", price: "$30", imageSrc: "" }]} gridVariant="three-columns-all-equal-width" animationType="blur-reveal" textboxLayout="default" title="Projects" />
</div>
<div id="craftsmanship" data-section="craftsmanship">
<TestimonialAboutCard
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"
useInvertedBackground={false}
/>
<TestimonialAboutCard tag="Art" title="Mastery" description="Crafting quality solutions." subdescription="Defined by our passion." icon={Award} imageSrc="" />
</div>
<div id="assurance" data-section="assurance">
<FaqDouble
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"
textboxLayout="default"
useInvertedBackground={false}
/>
<FaqDouble faqs={[{ id: "1", title: "FAQ 1", content: "Ans 1" }]} title="Assurance" faqsAnimation="blur-reveal" textboxLayout="default" />
</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}
/>
<ContactCTA tag="Get in Touch" title="Ready to Start?" description="Let's build something great." buttons={[{ text: "Contact" }]} background={{ variant: "plain" }} />
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="DETAY MOBİLYA"
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" }] }]}
/>
<FooterLogoEmphasis logoText="Webild" columns={[{ items: [{ label: "Home" }] }]} />
</div>
</ThemeProvider>
);