Merge version_1 into main #5
133
src/app/page.tsx
133
src/app/page.tsx
@@ -1,28 +1,24 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
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";
|
||||
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";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Projeler", id: "projects" },
|
||||
{ name: "İletişim", id: "contact" }
|
||||
];
|
||||
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 HomePage() {
|
||||
const navItems = [{ name: "Ana Sayfa", id: "hero" }, { name: "Hizmetler", id: "services" }, { name: "Projeler", id: "projects" }, { name: "İletişim", id: "contact" }];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
@@ -34,100 +30,89 @@ export default function HomePage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="DETAY MOBİLYA"
|
||||
button={{ text: "İletişim", href: "#contact" }}
|
||||
/>
|
||||
<NavbarLayoutFloatingInline navItems={navItems} brandName="DETAY MOBİLYA" />
|
||||
</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"
|
||||
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" }]}
|
||||
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."
|
||||
textboxLayout="split"
|
||||
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" }]}
|
||||
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."
|
||||
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."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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."
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
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" }]}
|
||||
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"
|
||||
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"
|
||||
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"
|
||||
/>
|
||||
</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}
|
||||
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" }}
|
||||
/>
|
||||
</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" }] }]}
|
||||
logoText="DETAY MOBİLYA"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user