<!-- Hero --> <section class="hero" id="ana-sayfa"> <div class="row align-items-center"> <div class="col-lg-6"> <div class="eyebrow">FİKİRLERİNİZİ DİJİTALE TAŞIYORUZ</div> <h1>DİJİTAL ÇÖZÜMLER<br><span class="grad">GERÇEK SONUÇLAR</span></h1> <p class="lead">Web tasarım, yazılım, e-ticaret ve dijital pazarlama çözümleriyle markanızı bir adım öne taşıyoruz.</p> <div class="d-flex flex-wrap gap-3 mb-5"> <a href="#iletisim" class="btn btn-grad d-inline-flex align-items-center gap-2"> <i class="bi bi-send-fill"></i> BİZİMLE İLETİŞİME GEÇİN </a> <a href="#" class="btn btn-outline-glass d-inline-flex align-items-center gap-2"> <i class="bi bi-play-circle-fill"></i> VİDEOYU İZLE </a> </div> <div class="row g-4"> <div class="col-6 col-md-3 feature-item"> <div class="icon-circle"><i class="bi bi-display"></i></div> <h6>WEB TASARIM</h6> <p>Modern ve özgün tasarım çözümleri</p> </div> <div class="col-6 col-md-3 feature-item"> <div class="icon-circle"><i class="bi bi-code-slash"></i></div> <h6>WEB YAZILIM</h6> <p>Özel yazılım ve entegrasyonlar</p> </div> <div class="col-6 col-md-3 feature-item"> <div class="icon-circle"><i class="bi bi-cart3"></i></div> <h6>E-TİCARET</h6> <p>Kazandıran e-ticaret çözümleri</p> </div> <div class="col-6 col-md-3 feature-item"> <div class="icon-circle"><i class="bi bi-graph-up-arrow"></i></div> <h6>DİJİTAL PAZARLAMA</h6> <p>SEO, reklam ve sosyal medya yönetimi</p> </div> </div> </div> <div class="col-lg-6"> <div class="mockup-wrap"> <div class="monitor"> <div class="mock-nav"> <span>İNTERAKTİF</span> <span class="active">ANA SAYFA</span><span>HAKKIMIZDA</span><span>HİZMETLER</span><span>İLETİŞİM</span> </div> <div class="mock-diamond"></div> <div class="mock-hero-title">YARATICI FİKİRLER<br><span class="grad">GÜÇLÜ DİJİTAL DENEYİMLER</span></div> <div class="mock-line" style="width:60%;"></div> <div class="mock-line" style="width:40%;"></div> <span class="mock-btn">PROJELERİ İNCELE</span> <div class="mock-stats"> <div class="mock-stat"><b>10+</b><span>YILLIK DENEYİM</span></div> <div class="mock-stat"><b>250+</b><span>TAMAMLANAN PROJE</span></div> <div class="mock-stat"><b>100+</b><span>MUTLU MÜŞTERİ</span></div> <div class="mock-stat"><b>7/24</b><span>DESTEK</span></div> </div> </div> <div class="phone"> <div class="mock-hero-title">DİJİTAL DÜNYADA<br><span class="grad">FARK YARATIN</span></div> <div class="mock-line" style="width:80%;"></div> <div class="phone-grid"> <div><i class="bi bi-brush"></i>Tasarım</div> <div><i class="bi bi-code"></i>Yazılım</div> <div><i class="bi bi-bag"></i>E-Ticaret</div> <div><i class="bi bi-megaphone"></i>Pazarlama</div> </div> </div> <div class="tablet"> <div class="mock-hero-title" style="font-size:.68rem;">PROJELERİMİZDEN<br>BAZILARI</div> <div class="tablet-grid"> <div></div><div></div><div></div> <div></div><div></div><div></div> </div> </div> <div class="float-badge badge-1"><i class="bi bi-lightning-charge-fill"></i> Hızlı Teslimat</div> <div class="float-badge badge-2"><i class="bi bi-shield-check"></i> Güvenilir Destek</div> </div> </div> </div> <div class="dots"> <span class="active"></span><span></span><span></span><span></span><span></span> </div> </section> <!-- Hakkımızda --> <section class="about py-5" id="hakkimizda"> <div class="row align-items-center gy-5"> <div class="col-lg-6"> <div class="about-visual"> <div class="about-panel"> <div class="about-panel-top"> <span class="dot" style="background:#ff5f57;"></span> <span class="dot" style="background:#febc2e;"></span> <span class="dot" style="background:#28c840;"></span> </div> <div class="about-panel-body"> <div class="mock-diamond about-diamond"></div> <div class="about-tagline">10 YILDIR<br><span class="grad">DİJİTALDE İZ BIRAKIYORUZ</span></div> <div class="mock-line" style="width:70%;"></div> <div class="mock-line" style="width:50%;"></div> <div class="about-mini-stats"> <div class="mini-stat"> <i class="bi bi-people-fill"></i> <div><b>25+</b><span>Uzman Ekip</span></div> </div> <div class="mini-stat"> <i class="bi bi-award-fill"></i> <div><b>15+</b><span>Ödül &amp; Sertifika</span></div> </div> </div> </div> </div> <div class="float-badge about-badge-1"><i class="bi bi-patch-check-fill"></i> %98 Müşteri Memnuniyeti</div> <div class="float-badge about-badge-2"><i class="bi bi-geo-alt-fill"></i> Ankara &amp; İstanbul</div> </div> </div> <div class="col-lg-6"> <div class="eyebrow">HAKKIMIZDA</div> <h2 class="about-title">Markanızın Dijital<br><span class="grad">Yol Arkadaşıyız</span></h2> <p class="lead">2015'ten bu yana web tasarım, yazılım geliştirme, e-ticaret ve dijital pazarlama alanlarında 250'den fazla markaya yalnızca görünür değil, ölçülebilir sonuçlar üreten çözümler sunuyoruz.</p> <div class="row g-3 mb-4"> <div class="col-sm-6"> <div class="about-check"> <i class="bi bi-check-circle-fill"></i> <div> <h6>Uçtan Uca Çözüm</h6> <p>Tasarımdan yazılıma, pazarlamadan desteğe tek elden yönetim.</p> </div> </div> </div> <div class="col-sm-6"> <div class="about-check"> <i class="bi bi-check-circle-fill"></i> <div> <h6>Veriye Dayalı Strateji</h6> <p>Her karar, ölçülebilir performans verileriyle şekillenir.</p> </div> </div> </div> <div class="col-sm-6"> <div class="about-check"> <i class="bi bi-check-circle-fill"></i> <div> <h6>Şeffaf İş Birliği</h6> <p>Süreç boyunca düzenli raporlama ve açık iletişim.</p> </div> </div> </div> <div class="col-sm-6"> <div class="about-check"> <i class="bi bi-check-circle-fill"></i> <div> <h6>7/24 Teknik Destek</h6> <p>Projeniz yayında olduğu sürece yanınızdayız.</p> </div> </div> </div> </div> <a href="/tr/page/hakkimizda" class="btn btn-grad d-inline-flex align-items-center gap-2"> <i class="bi bi-people-fill"></i> EKİBİMİZLE TANIŞIN </a> </div> </div> </section> <!-- Hizmetlerimiz --> <section class="services py-5" id="hizmetlerimiz"> <div class="text-center mb-5"> <div class="eyebrow justify-content-center d-flex">HİZMETLERİMİZ</div> <h2 class="about-title">İhtiyacınıza Uygun<br><span class="grad">Dijital Çözümler</span></h2> <p class="lead mx-auto" style="max-width:560px;">Fikirden lansmana, markanızın her dijital adımında yanınızdayız.</p> </div> <div class="row g-4"> <div class="col-md-6 col-lg-3"> <div class="service-card"> <div class="service-icon"><i class="bi bi-display"></i></div> <h5>Web Tasarım</h5> <p>Markanızı yansıtan, modern ve kullanıcı odaklı özgün web tasarımları.</p> <ul class="service-list"> <li>Kurumsal &amp; kişisel siteler</li> <li>UI / UX tasarım</li> <li>Responsive geliştirme</li> </ul> <a href="/tr/hizmetlerimiz/seo-uyumlu-web-tasarim-ve-web-yazilim-hizmetleri" class="service-link">Detaylı Bilgi <i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="service-card"> <div class="service-icon"><i class="bi bi-code-slash"></i></div> <h5>Web Yazılım</h5> <p>İş süreçlerinizi hızlandıran özel yazılım ve sistem entegrasyonları.</p> <ul class="service-list"> <li>Özel yazılım geliştirme</li> <li>API &amp; sistem entegrasyonu</li> <li>Bakım &amp; performans</li> </ul> <a href="/tr/hizmetlerimiz/ozel-web-yazilim-gelistirme-kurumsal-web-yazilim-cozumleri-interaktif-ajans" class="service-link">Detaylı Bilgi <i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="service-card"> <div class="service-icon"><i class="bi bi-cart3"></i></div> <h5>E-Ticaret</h5> <p>Satışlarınızı artıran, güvenli ve yüksek performanslı e-ticaret altyapıları.</p> <ul class="service-list"> <li>Mağaza kurulumu</li> <li>Ödeme &amp; kargo entegrasyonu</li> <li>Dönüşüm optimizasyonu</li> </ul> <a href="/tr/hizmetlerimiz/e-ticaret-sitesi-tasarimi-profesyonel-e-ticaret-yazilimi" class="service-link">Detaylı Bilgi <i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="service-card"> <div class="service-icon"><i class="bi bi-graph-up-arrow"></i></div> <h5>Dijital Pazarlama</h5> <p>Doğru kitleye ulaşan, ölçülebilir sonuçlar üreten pazarlama stratejileri.</p> <ul class="service-list"> <li>SEO &amp; SEM yönetimi</li> <li>Sosyal medya yönetimi</li> <li>İçerik &amp; reklam stratejisi</li> </ul> <a href="/tr/hizmetlerimiz/dijital-pazarlama-hizmetleri-performans-odakli-dijital-reklam-cozumleri" class="service-link">Detaylı Bilgi <i class="bi bi-arrow-right"></i></a> </div> </div> </div> </section> <!-- Süreç / Nasıl Çalışıyoruz --> <section class="process py-5" id="surec"> <div class="text-center mb-5"> <div class="eyebrow justify-content-center d-flex">NASIL ÇALIŞIYORUZ</div> <h2 class="about-title">Fikirden Lansmana<br><span class="grad">4 Adımlık Yolculuk</span></h2> <p class="lead mx-auto" style="max-width:560px;">Süreç boyunca şeffaf, düzenli raporlamayla ilerleyen basit ve net bir iş akışı.</p> </div> <div class="row g-4 process-row"> <div class="col-md-6 col-lg-3"> <div class="process-card"> <div class="process-num">01</div> <div class="process-icon"><i class="bi bi-headset"></i></div> <h5>Ücretsiz Danışmanlık</h5> <p>İhtiyacınızı ve hedeflerinizi birlikte konuşuyoruz.</p> <span class="process-duration">1 Gün</span> </div> </div> <div class="col-md-6 col-lg-3"> <div class="process-card"> <div class="process-num">02</div> <div class="process-icon"><i class="bi bi-file-earmark-text"></i></div> <h5>Teklif &amp; Planlama</h5> <p>Kapsam, bütçe ve zaman planını netleştirip teklif sunuyoruz.</p> <span class="process-duration">2-3 Gün</span> </div> </div> <div class="col-md-6 col-lg-3"> <div class="process-card"> <div class="process-num">03</div> <div class="process-icon"><i class="bi bi-tools"></i></div> <h5>Tasarım &amp; Geliştirme</h5> <p>Düzenli geri bildirimlerle tasarlıyor, geliştiriyor ve test ediyoruz.</p> <span class="process-duration">Projeye Göre</span> </div> </div> <div class="col-md-6 col-lg-3"> <div class="process-card"> <div class="process-num">04</div> <div class="process-icon"><i class="bi bi-rocket-takeoff"></i></div> <h5>Teslim &amp; Destek</h5> <p>Projeyi yayına alıyor, 7/24 teknik destekle yanınızda kalıyoruz.</p> <span class="process-duration">Sürekli</span> </div> </div> </div> </section> <!-- Projeler / Partnerlerimiz --> <section class="partners py-5" id="projeler"> <div class="text-center mb-5"> <div class="eyebrow justify-content-center d-flex">PROJELER &amp; İŞ ORTAKLARIMIZ</div> <h2 class="about-title">Güvenilir Platformlarla<br><span class="grad">Çalışıyoruz</span></h2> <p class="lead mx-auto" style="max-width:560px;">Projelerimizi hayata geçirirken sektörün önde gelen reklam ve e-ticaret platformlarıyla entegre çalışıyoruz.</p> </div> <div class="row g-4 justify-content-center"> <div class="col-6 col-md-4 col-lg-2"> <div class="partner-card"> <i class="bi bi-google"></i> <span>Google Ads</span> </div> </div> <div class="col-6 col-md-4 col-lg-2"> <div class="partner-card"> <i class="bi bi-meta"></i> <span>Meta Ads</span> </div> </div> <div class="col-6 col-md-4 col-lg-2"> <div class="partner-card"> <i class="bi bi-tiktok"></i> <span>TikTok Ads</span> </div> </div> <div class="col-6 col-md-4 col-lg-2"> <div class="partner-card"> <i class="bi bi-linkedin"></i> <span>LinkedIn Ads</span> </div> </div> <div class="col-6 col-md-4 col-lg-2"> <div class="partner-card"> <i class="bi bi-shop"></i> <span>Shopify</span> </div> </div> <div class="col-6 col-md-4 col-lg-2"> <div class="partner-card"> <i class="bi bi-wordpress"></i> <span>WordPress</span> </div> </div> </div> </section> <!-- Müşteri Yorumları --> <section class="testimonials py-5" id="yorumlar"> <div class="text-center mb-5"> <div class="eyebrow justify-content-center d-flex">MÜŞTERİ YORUMLARI</div> <h2 class="about-title">Bize Güvenen Markalar<br><span class="grad">Ne Diyor?</span></h2> </div> <div class="row g-4"> <div class="col-lg-4"> <div class="testimonial-card"> <div class="stars"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i></div> <p>"Web sitemizin yenilenmesiyle birlikte online taleplerimiz kısa sürede belirgin şekilde arttı. Süreç boyunca her adımda bilgilendirildik."</p> <div class="testimonial-author"> <div class="author-avatar">EA</div> <div> <h6>Elif Aydın</h6> <span>Aydın Mobilya, Genel Müdür</span> </div> </div> </div> </div> <div class="col-lg-4"> <div class="testimonial-card"> <div class="stars"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i></div> <p>"E-ticaret altyapımızı sıfırdan kurdular. Ödeme ve kargo entegrasyonları sorunsuz çalışıyor, destek ekibi her zaman ulaşılabilir."</p> <div class="testimonial-author"> <div class="author-avatar">MK</div> <div> <h6>Mert Kaya</h6> <span>Kaya Giyim, Kurucu Ortak</span> </div> </div> </div> </div> <div class="col-lg-4"> <div class="testimonial-card"> <div class="stars"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i></div> <p>"Dijital pazarlama yönetimiyle reklam bütçemizden çok daha verimli sonuç almaya başladık. Şeffaf raporlama en beğendiğimiz nokta."</p> <div class="testimonial-author"> <div class="author-avatar">SD</div> <div> <h6>Selin Demir</h6> <span>Demir Danışmanlık, Pazarlama Müdürü</span> </div> </div> </div> </div> </div> </section> <!-- SSS --> <section class="faq py-5" id="sss"> <div class="row"> <div class="col-lg-5 mb-4 mb-lg-0"> <div class="eyebrow">SIKÇA SORULAN SORULAR</div> <h2 class="about-title">Merak Ettikleriniz<br><span class="grad">İçin Buradayız</span></h2> <p class="lead">Aradığınız cevabı bulamadıysanız bize doğrudan WhatsApp'tan yazabilirsiniz.</p> <a href="https://wa.me/905457397000?text=Merhaba%2C%20bir%20sorum%20var." target="_blank" rel="noopener" class="btn btn-outline-glass d-inline-flex align-items-center gap-2"> <i class="bi bi-whatsapp"></i> SORUNUZU İLETİN </a> </div> <div class="col-lg-7"> <div class="accordion" id="faqAccordion"> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq1"> Bir proje için ortalama teslim süresi ne kadar? </button> </h2> <div id="faq1" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> <div class="accordion-body">Kurumsal bir web sitesi ortalama 2-4 hafta, e-ticaret altyapıları ise kapsamına göre 4-8 hafta içinde tamamlanır. Teklif aşamasında size özel net bir takvim paylaşırız.</div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2"> Fiyatlandırma nasıl belirleniyor? </button> </h2> <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> <div class="accordion-body">Fiyatlar projenin kapsamına, kullanılan teknolojilere ve entegrasyon ihtiyacına göre şekillenir. İhtiyacınızı dinledikten sonra size özel, şeffaf bir teklif hazırlıyoruz.</div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3"> Proje tesliminden sonra destek alabiliyor muyum? </button> </h2> <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> <div class="accordion-body">Evet, tüm projelerimizde 7/24 teknik destek sunuyoruz. Bakım, güncelleme ve acil müdahaleler için WhatsApp ve telefon hattımızdan her zaman ulaşabilirsiniz.</div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4"> Mevcut sitemi yenilemek yerine sıfırdan mı yapmalıyım? </button> </h2> <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> <div class="accordion-body">Öncelikle mevcut sitenizi analiz ediyoruz. Altyapı elverişliyse yenileme, teknik kısıtlar varsa sıfırdan geliştirme öneriyoruz — karar tamamen ihtiyacınıza göre şekillenir.</div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq5"> Hangi ödeme/kargo altyapılarıyla entegrasyon yapıyorsunuz? </button> </h2> <div id="faq5" class="accordion-collapse collapse" data-bs-parent="#faqAccordion"> <div class="accordion-body">iyzico, PayTR ve banka sanal POS sistemleri ile Yurtiçi Kargo, Aras Kargo gibi başlıca kargo firmalarının entegrasyonlarını sorunsuz şekilde kuruyoruz.</div> </div> </div> </div> </div> </div> </section> <!-- İletişim / WhatsApp CTA --> <section class="contact-cta py-5" id="iletisim"> <div class="cta-box"> <div class="row align-items-center g-4"> <div class="col-lg-7"> <div class="eyebrow">İLETİŞİM</div> <h2 class="cta-title">Projenizi Konuşalım,<br><span class="grad">Hemen Teklif Alın</span></h2> <p class="lead mb-0">Aklınızdaki projeyi anlatın, size özel teklifi en kısa sürede WhatsApp veya telefon üzerinden iletelim.</p> </div> <div class="col-lg-5"> <div class="d-flex flex-column flex-sm-row gap-3 justify-content-lg-end"> <a href="https://wa.me/905457397000?text=Merhaba%2C%20teklif%20almak%20istiyorum." target="_blank" rel="noopener" class="btn btn-wa d-inline-flex align-items-center gap-2 justify-content-center"> <i class="bi bi-whatsapp"></i> WHATSAPP'TAN YAZIN </a> <a href="tel:+905457397000" class="btn btn-outline-glass d-inline-flex align-items-center gap-2 justify-content-center"> <i class="bi bi-telephone-fill"></i> 0545 739 70 00 </a> </div> </div> </div> </div> </section>