Merge version_1 into main #2
196
src/app/page.tsx
196
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Anasayfa",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Anasayfa", id: "#hero"},
|
||||
{
|
||||
name: "Strateji",
|
||||
id: "#hizmetler",
|
||||
},
|
||||
name: "Strateji", id: "#hizmetler"},
|
||||
{
|
||||
name: "Yönetim",
|
||||
id: "#yonetim",
|
||||
},
|
||||
name: "Yönetim", id: "#yonetim"},
|
||||
{
|
||||
name: "İletişim",
|
||||
id: "#iletisim",
|
||||
},
|
||||
name: "İletişim", id: "#iletisim"},
|
||||
]}
|
||||
brandName="Lyroa Media"
|
||||
/>
|
||||
@@ -57,74 +49,37 @@ export default function LandingPage() {
|
||||
description="Lyroa Media olarak, markanızın karakterine özel, yüksek performanslı ve modern web platformları inşa ediyoruz. Sadece bir site değil, dijital bir prestij sunuyoruz."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Aylin S.",
|
||||
handle: "@aylin_s",
|
||||
testimonial: "Dijital varlığımızı tamamen dönüştürdüler. Beklentimizin üzerinde bir profesyonellik.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153834138-1dda4725.png?_wi=1",
|
||||
imageAlt: "Modern corporate office architecture with subtle blue and silver lighting, minimalist aesthetic, pro",
|
||||
},
|
||||
name: "Aylin S.", handle: "@aylin_s", testimonial: "Dijital varlığımızı tamamen dönüştürdüler. Beklentimizin üzerinde bir profesyonellik.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153834138-1dda4725.png", imageAlt: "Modern corporate office architecture"},
|
||||
{
|
||||
name: "Mehmet K.",
|
||||
handle: "@mehmet_k",
|
||||
testimonial: "Yenilikçi yaklaşımları sayesinde sektörde fark yarattık.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/professional-portrait-of-a-visionary-ceo-1778153846832-7040232c.png?_wi=1",
|
||||
imageAlt: "Modern corporate office architecture with subtle blue and silver lighting, minimalist aesthetic, pro",
|
||||
},
|
||||
name: "Mehmet K.", handle: "@mehmet_k", testimonial: "Yenilikçi yaklaşımları sayesinde sektörde fark yarattık.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/professional-portrait-of-a-visionary-ceo-1778153846832-7040232c.png", imageAlt: "Modern corporate office architecture"},
|
||||
{
|
||||
name: "Zeynep B.",
|
||||
handle: "@zeynep_b",
|
||||
testimonial: "Modern arayüz ve mükemmel işleyen altyapı.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153857195-a5e9db6c.png?_wi=1",
|
||||
imageAlt: "Modern corporate office architecture with subtle blue and silver lighting, minimalist aesthetic, pro",
|
||||
},
|
||||
name: "Zeynep B.", handle: "@zeynep_b", testimonial: "Modern arayüz ve mükemmel işleyen altyapı.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153857195-a5e9db6c.png", imageAlt: "Modern corporate office architecture"},
|
||||
{
|
||||
name: "Hakan T.",
|
||||
handle: "@hakan_t",
|
||||
testimonial: "Kurumsal kimliğimizi en iyi şekilde yansıttılar.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153867741-7eebc083.png?_wi=1",
|
||||
imageAlt: "Modern corporate office architecture with subtle blue and silver lighting, minimalist aesthetic, pro",
|
||||
},
|
||||
name: "Hakan T.", handle: "@hakan_t", testimonial: "Kurumsal kimliğimizi en iyi şekilde yansıttılar.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153867741-7eebc083.png", imageAlt: "Modern corporate office architecture"},
|
||||
{
|
||||
name: "Elif A.",
|
||||
handle: "@elif_a",
|
||||
testimonial: "Süreç boyunca çok ilgili ve profesyonellerdi.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153877564-cde3f8e4.png?_wi=1",
|
||||
imageAlt: "Modern corporate office architecture with subtle blue and silver lighting, minimalist aesthetic, pro",
|
||||
},
|
||||
name: "Elif A.", handle: "@elif_a", testimonial: "Süreç boyunca çok ilgili ve profesyonellerdi.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153877564-cde3f8e4.png", imageAlt: "Modern corporate office architecture"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Stratejik Çözüm Talep Et",
|
||||
href: "https://wa.me/905525021869?text=Merhaba%20Mer%20Bey,%20markam%20i%C3%A7in%20kurumsal%20%C3%A7%C3%B6z%C3%BCm%20talebim%20var.",
|
||||
},
|
||||
text: "Stratejik Çözüm Talep Et", href: "https://wa.me/905525021869?text=Merhaba%20Mer%20Bey,%20markam%20i%C3%A7in%20kurumsal%20%C3%A7%C3%B6z%C3%BCm%20talebim%20var."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153834138-1dda4725.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153834138-1dda4725.png"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153857195-a5e9db6c.png",
|
||||
alt: "Kullanıcı 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153857195-a5e9db6c.png", alt: "Kullanıcı 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153886510-9a31f054.png",
|
||||
alt: "Kullanıcı 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153886510-9a31f054.png", alt: "Kullanıcı 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153896762-60f74a4e.png",
|
||||
alt: "Kullanıcı 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153896762-60f74a4e.png", alt: "Kullanıcı 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153907084-fa499a57.png",
|
||||
alt: "Kullanıcı 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153907084-fa499a57.png", alt: "Kullanıcı 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153915626-a57a529b.png",
|
||||
alt: "Kullanıcı 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153915626-a57a529b.png", alt: "Kullanıcı 5"},
|
||||
]}
|
||||
avatarText="Mutlu İş Ortaklarımız"
|
||||
/>
|
||||
@@ -137,21 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Sıradan Arayüzler",
|
||||
"Tekdüze Tasarımlar",
|
||||
"Yavaş Süreçler",
|
||||
"Amatör Yazılım",
|
||||
"Zayıf Güvenlik",
|
||||
],
|
||||
"Sıradan Arayüzler", "Tekdüze Tasarımlar", "Yavaş Süreçler", "Amatör Yazılım", "Zayıf Güvenlik"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Stratejik Web Tasarımı",
|
||||
"Dijital Varlık Yönetimi",
|
||||
"Kurumsal Entegrasyonlar",
|
||||
"SEO Optimizasyonu",
|
||||
"UX/UI Tasarımı",
|
||||
],
|
||||
"Stratejik Web Tasarımı", "Dijital Varlık Yönetimi", "Kurumsal Entegrasyonlar", "SEO Optimizasyonu", "UX/UI Tasarımı"],
|
||||
}}
|
||||
title="Dijital Zanaatkarlık"
|
||||
description="Markanız için stratejik değer yaratan çözümler."
|
||||
@@ -165,10 +110,7 @@ export default function LandingPage() {
|
||||
tag="Vizyoner Liderlik"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mer Uslu",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/professional-portrait-of-a-visionary-ceo-1778153846832-7040232c.png?_wi=2",
|
||||
},
|
||||
id: "1", name: "Mer Uslu", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/professional-portrait-of-a-visionary-ceo-1778153846832-7040232c.png"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
membersAnimation="slide-up"
|
||||
@@ -177,23 +119,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
title: "Mobil Uyum",
|
||||
description: "Tüm cihazlarda kusursuz deneyim.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153867741-7eebc083.png?_wi=2",
|
||||
},
|
||||
id: "1", value: "100%", title: "Mobil Uyum", description: "Tüm cihazlarda kusursuz deneyim.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153867741-7eebc083.png"},
|
||||
{
|
||||
id: "2",
|
||||
value: "Süreklilik",
|
||||
title: "Teknik Güvenlik",
|
||||
description: "Dijital altyapınız her an güvende.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153877564-cde3f8e4.png?_wi=2",
|
||||
},
|
||||
id: "2", value: "Süreklilik", title: "Teknik Güvenlik", description: "Dijital altyapınız her an güvende.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/modern-corporate-office-architecture-wit-1778153877564-cde3f8e4.png"},
|
||||
]}
|
||||
title="Standartlarımız"
|
||||
description="Kurumsal disiplinimiz ve teknik uzmanlığımız."
|
||||
@@ -207,40 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Emre K.",
|
||||
role: "Kurucu Ortak",
|
||||
testimonial: "Dijital stratejimizi mükemmel kurguladılar.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153857195-a5e9db6c.png?_wi=2",
|
||||
},
|
||||
id: "1", name: "Emre K.", role: "Kurucu Ortak", testimonial: "Dijital stratejimizi mükemmel kurguladılar.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153857195-a5e9db6c.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Derya Y.",
|
||||
role: "Pazarlama Müdürü",
|
||||
testimonial: "Premium bir web mimarisi arıyorsanız doğru adres.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153886510-9a31f054.png",
|
||||
},
|
||||
id: "2", name: "Derya Y.", role: "Pazarlama Müdürü", testimonial: "Premium bir web mimarisi arıyorsanız doğru adres.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153886510-9a31f054.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Burak B.",
|
||||
role: "CEO",
|
||||
testimonial: "Hız ve kurumsal prestij arayışımıza tam yanıt oldu.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153896762-60f74a4e.png",
|
||||
},
|
||||
id: "3", name: "Burak B.", role: "CEO", testimonial: "Hız ve kurumsal prestij arayışımıza tam yanıt oldu.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153896762-60f74a4e.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Seda G.",
|
||||
role: "Dijital Direktör",
|
||||
testimonial: "Butik hizmet anlayışları çok değerli.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153907084-fa499a57.png",
|
||||
},
|
||||
id: "4", name: "Seda G.", role: "Dijital Direktör", testimonial: "Butik hizmet anlayışları çok değerli.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153907084-fa499a57.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Can M.",
|
||||
role: "Girişimci",
|
||||
testimonial: "Sektörel çözüm talebimizi profesyonellikle karşıladılar.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153915626-a57a529b.png",
|
||||
},
|
||||
id: "5", name: "Can M.", role: "Girişimci", testimonial: "Sektörel çözüm talebimizi profesyonellikle karşıladılar.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXFRrv9AJMPnIxeRji5yKxg2yv/portrait-of-a-business-professional-look-1778153915626-a57a529b.png"},
|
||||
]}
|
||||
title="İş Ortaklarımızın Görüşleri"
|
||||
description="Lyroa Media ile çalışan markalar anlatıyor."
|
||||
@@ -252,20 +160,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Stratejik tasarım nedir?",
|
||||
content: "İşletmenizin marka karakterini dijital dünyaya yansıtan özel mimari yaklaşımımızdır.",
|
||||
},
|
||||
id: "1", title: "Stratejik tasarım nedir?", content: "İşletmenizin marka karakterini dijital dünyaya yansıtan özel mimari yaklaşımımızdır."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Süreç nasıl ilerliyor?",
|
||||
content: "Tanışma, strateji geliştirme, tasarım ve kurumsal entegrasyon adımlarını izliyoruz.",
|
||||
},
|
||||
id: "2", title: "Süreç nasıl ilerliyor?", content: "Tanışma, strateji geliştirme, tasarım ve kurumsal entegrasyon adımlarını izliyoruz."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sürekli destek sunuyor musunuz?",
|
||||
content: "Dijital varlık yönetimi kapsamında sürekli operasyonel destek veriyoruz.",
|
||||
},
|
||||
id: "3", title: "Sürekli destek sunuyor musunuz?", content: "Dijital varlık yönetimi kapsamında sürekli operasyonel destek veriyoruz."},
|
||||
]}
|
||||
sideTitle="Sıkça Sorulanlar"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -276,16 +175,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Harekete Geçin"
|
||||
title="Dijital Prestijiniz İçin Bize Yazın"
|
||||
description="Mer Uslu ve ekibiyle stratejik çözüm talebinizi konuşalım."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp ile İletişime Geç",
|
||||
href: "https://wa.me/905525021869?text=Merhaba%20Mer%20Bey,%20markam%20i%C3%A7in%20kurumsal%20%C3%A7%C3%B6z%C3%BCm%20talebim%20var.",
|
||||
},
|
||||
text: "WhatsApp ile İletişime Geç", href: "https://wa.me/905525021869?text=Merhaba%20Mer%20Bey,%20markam%20i%C3%A7in%20kurumsal%20%C3%A7%C3%B6z%C3%BCm%20talebim%20var."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -295,25 +191,17 @@ export default function LandingPage() {
|
||||
logoText="Lyroa Media"
|
||||
columns={[
|
||||
{
|
||||
title: "Ajans",
|
||||
items: [
|
||||
title: "Ajans", items: [
|
||||
{
|
||||
label: "Hakkımızda",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hakkımızda", href: "#"},
|
||||
{
|
||||
label: "Hizmetler",
|
||||
href: "#hizmetler",
|
||||
},
|
||||
label: "Hizmetler", href: "#hizmetler"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hukuki",
|
||||
items: [
|
||||
title: "Hukuki", items: [
|
||||
{
|
||||
label: "Gizlilik Politikası",
|
||||
href: "#",
|
||||
},
|
||||
label: "Gizlilik Politikası", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user