bender/e3f4eccc-e083-477b-8a92-5f04f168d605
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 19:54:13 +00:00
parent 605fb1a5fd
commit c25e760274
1 changed files with 43 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
src/app/page.tsx
View File

@@ -32,45 +32,26 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Contact", id: "contact" },
]}
brandName="OK Yapı"
button={{ text: "İletişime Geç", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
logoText="OK Yapı Tasarım"
description="Mimari ve İç Mimarlıkta Estetiği ve Fonksiyonu Birleştiriyoruz."
buttons={[
{
text: "Projelerimizi İncele",
href: "#portfolio",
},
{
text: "İletişime Geç",
href: "#contact",
},
{ text: "Projelerimizi İncele", href: "#portfolio" },
{ text: "İletişime Geç", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-bridge_23-2148022782.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/modern-bridge_23-2148022782.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -82,7 +63,7 @@ export default function LandingPage() {
title="Mekânlarınızı Sanata Dönüştürüyoruz"
description="OK Yapı, mimari ve iç mimarlık çözümlerinde yenilikçi yaklaşımıyla projelerinize ruh katıyor. Tasarımdan uygulamaya kadar her aşamada profesyonel ekibimizle yanınızdayız."
subdescription="Her mekânın bir hikâyesi olduğuna inanıyor ve bu hikâyeyi en estetik şekilde yazıyoruz."
imageSrc="http://img.b2bpic.net/free-photo/caucasian-ethnicity-business-people-manager-working-their-new-project-classroom_146671-16331.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/caucasian-ethnicity-business-people-manager-working-their-new-project-classroom_146671-16331.jpg"
mediaAnimation="slide-up"
icon={Building2}
/>
@@ -95,28 +76,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Mimari Proje",
description: "İhtiyaçlarınıza özel modern mimari yapılar tasarlıyoruz.",
bentoComponent: "reveal-icon",
icon: Building,
imageSrc: "http://img.b2bpic.net/free-photo/building-with-abstract-lines_1127-107.jpg",
imageAlt: "Building with abstract lines",
title: "Mimari Proje", description: "İhtiyaçlarınıza özel modern mimari yapılar tasarlıyoruz.", bentoComponent: "reveal-icon", icon: Building
},
{
title: "İç Mimari",
description: "Fonksiyonel ve estetik mekân tasarımları geliştiriyoruz.",
bentoComponent: "reveal-icon",
icon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/modern-bridge_23-2148022782.jpg?_wi=2",
imageAlt: "Building with abstract lines",
title: "İç Mimari", description: "Fonksiyonel ve estetik mekân tasarımları geliştiriyoruz.", bentoComponent: "reveal-icon", icon: Star
},
{
title: "Uygulama",
description: "Tasarım detaylarını gerçeğe dönüştüren kaliteli uygulama süreçleri.",
bentoComponent: "reveal-icon",
icon: Wrench,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-ethnicity-business-people-manager-working-their-new-project-classroom_146671-16331.jpg?_wi=2",
imageAlt: "Building with abstract lines",
title: "Uygulama", description: "Tasarım detaylarını gerçeğe dönüştüren kaliteli uygulama süreçleri.", bentoComponent: "reveal-icon", icon: Wrench
},
]}
title="Hizmetlerimiz"
@@ -128,44 +94,18 @@ export default function LandingPage() {
<ProductCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Modern Villa",
price: "Konut",
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg",
id: "p1", name: "Modern Villa", price: "Konut", imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg"
},
{
id: "p2",
name: "Modern Ofis",
price: "Ticari",
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg",
id: "p2", name: "Modern Ofis", price: "Ticari", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg"
},
{
id: "p3",
name: "Lüks Daire",
price: "Konut",
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-bedroom-interior_1048-7303.jpg",
},
{
id: "p4",
name: "Kafe Tasarımı",
price: "Ticari",
imageSrc: "http://img.b2bpic.net/free-photo/green-building-with-vertical-gardens_23-2151990795.jpg",
},
{
id: "p5",
name: "Bahçe Tasarımı",
price: "Peyzaj",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-toddler-eating_23-2149310677.jpg",
},
{
id: "p6",
name: "Restoran",
price: "Ticari",
imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-bedroom-interior_1048-10250.jpg",
},
id: "p3", name: "Lüks Daire", price: "Konut", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-bedroom-interior_1048-7303.jpg"
}
]}
title="Seçkin Projelerimiz"
description="Yakın zamanda tamamladığımız, vizyonumuzu yansıtan bazı seçkin projeler."
@@ -179,40 +119,14 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ayşe Y.",
handle: "Konut Projesi",
testimonial: "Evi hayal ettiğimizden daha güzel bir hale getirdiler.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
id: "1", name: "Ayşe Y.", handle: "Konut Projesi", testimonial: "Evi hayal ettiğimizden daha güzel bir hale getirdiler.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg"
},
{
id: "2",
name: "Mehmet K.",
handle: "Ofis Projesi",
testimonial: "Profesyonel yaklaşım ve zamanında teslimat harikaydı.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
id: "2", name: "Mehmet K.", handle: "Ofis Projesi", testimonial: "Profesyonel yaklaşım ve zamanında teslimat harikaydı.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg"
},
{
id: "3",
name: "Zeynep S.",
handle: "Restoran Tasarımı",
testimonial: "Detaylara verilen önem gerçekten çok etkileyiciydi.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman_1098-14809.jpg",
},
{
id: "4",
name: "Can B.",
handle: "Villa Projesi",
testimonial: "Tasarım ekibi tüm beklentilerimizi karşıladı.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346502.jpg",
},
{
id: "5",
name: "Elif A.",
handle: "Daire Tasarımı",
testimonial: "OK Yapı ailesine teşekkürler, harika iş çıkardılar.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064992.jpg",
},
id: "3", name: "Zeynep S.", handle: "Restoran Tasarımı", testimonial: "Detaylara verilen önem gerçekten çok etkileyiciydi.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman_1098-14809.jpg"
}
]}
title="Mutlu Müşterilerimiz"
description="Projelerimizi teslim ettiğimiz müşterilerimizin yorumları."
@@ -226,23 +140,17 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Tamamlanan Proje",
value: "150+",
id: "m1", icon: Award,
title: "Tamamlanan Proje", value: "150+"
},
{
id: "m2",
icon: Users,
title: "Mutlu Müşteri",
value: "120+",
id: "m2", icon: Users,
title: "Mutlu Müşteri", value: "120+"
},
{
id: "m3",
icon: Clock,
title: "Yıllık Tecrübe",
value: "10+",
},
id: "m3", icon: Clock,
title: "Yıllık Tecrübe", value: "10+"
}
]}
title="Rakamlarla Başarımız"
description="Yılların deneyimi ve tamamlanan yüzlerce proje."
@@ -254,20 +162,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Proje süreci nasıl işliyor?",
content: "Ön görüşme ile ihtiyaçlarınızı belirliyor, ardından tasarım ve uygulama aşamasına geçiyoruz.",
id: "f1", title: "Proje süreci nasıl işliyor?", content: "Ön görüşme ile ihtiyaçlarınızı belirliyor, ardından tasarım ve uygulama aşamasına geçiyoruz."
},
{
id: "f2",
title: "Ücretsiz keşif hizmetiniz var mı?",
content: "Evet, projeleriniz için yerinde ücretsiz keşif hizmeti sunuyoruz.",
},
{
id: "f3",
title: "Tadilat işleri yapıyor musunuz?",
content: "Evet, anahtar teslim tadilat ve dekorasyon hizmetleri sağlıyoruz.",
},
id: "f2", title: "Ücretsiz keşif hizmetiniz var mı?", content: "Evet, projeleriniz için yerinde ücretsiz keşif hizmeti sunuyoruz."
}
]}
sideTitle="Sıkça Sorulan Sorular"
faqsAnimation="blur-reveal"
@@ -277,15 +176,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
text="Yeni projeleriniz için bize ulaşın. Mekânlarınızın dönüşüm sürecini birlikte planlayalım."
buttons={[
{
text: "WhatsApp ile Yaz",
href: "https://wa.me/905000000000",
},
{ text: "WhatsApp ile Yaz", href: "https://wa.me/905000000000" }
]}
/>
</div>
@@ -295,31 +189,17 @@ export default function LandingPage() {
logoText="OK Yapı Tasarım"
columns={[
{
title: "Kurumsal",
items: [
{
label: "Hakkımızda",
href: "#about",
title: "Kurumsal", items: [
{ label: "Hakkımızda", href: "#about" },
{ label: "Projeler", href: "#portfolio" }
]
},
{
label: "Projeler",
href: "#portfolio",
},
],
},
{
title: "İletişim",
items: [
{
label: "WhatsApp",
href: "https://wa.me/905000000000",
},
{
label: "E-Posta",
href: "mailto:info@okyapi.com",
},
],
},
title: "İletişim", items: [
{ label: "WhatsApp", href: "https://wa.me/905000000000" },
{ label: "E-Posta", href: "mailto:info@okyapi.com" }
]
}
]}
/>
</div>