Skip to content

📣 Modern, animasyonlu ve kullanıcı dostu Discord bot tanıtım sitesi | React, TypeScript, TailwindCSS ve Framer Motion ile geliştirildi | Göz alıcı animasyonlar ve responsive tasarım

License

Notifications You must be signed in to change notification settings

KynuxDev/NexusUI-WebSite

Repository files navigation

NexusUI Logo

🚀 NexusUI Discord Bot

Modern, Animasyonlu ve Etkileyici Discord Bot Tanıtım Web Sitesi

Canlı Demo



GitHub stars GitHub forks GitHub issues React TypeScript TailwindCSS Framer



DemoNeden NexusUIÖzelliklerKurulumÖzelleştirmeLisansİletişim

NexusUI Preview

✨ Demo Görüntüsü

Canlı demo için: https://demo-nexusui.kynux.cloud/

💫 Neden NexusUI?

Optimize Performans — Google PageSpeed skorunda 90+ puan
🎭 Etkileyici Animasyonlar — Framer Motion ile gelişmiş kullanıcı deneyimi
📱 Tam Responsive — Her ekran boyutunda kusursuz görünüm
🔧 Kolay Özelleştirme — Basit yapılandırma dosyaları
🌙 Modern Koyu Tema — Göz yormayan şık tasarım
🚀 SEO Dostu — Semantic HTML yapısı ve hızlı yükleme

🌟 Özellikler


🎨 Etkileyici Animasyonlar
Smooth transitions ve particle efektler

🌠 Interaktif Bileşenler
Hover ve click animasyonları
✅ Bot Komutları
Filtrelenebilir komut listesi
🛡️ Bilgi Bölümleri
SSS, özellikler ve istatistikler

Teknoloji Stack'i

React TypeScript TailwindCSS Framer Motion Vite

🎬 Site Yapısı

Site aşağıdaki bölümlerden oluşmaktadır:

📋 Bölüm 🔍 İçerik
🔝 Navbar Bot logosu, navigasyon ve Discord'a ekle butonu
🌠 Hero Ana başlık, açıklama ve call-to-action butonları
📊 Stats Bot istatistikleri göstergesi
🎁 Features Bot özelliklerini vurgulayan interaktif kartlar
🛠️ Commands Arama yapılabilir bot komutları
FAQ Sık sorulan sorular ve cevaplar
👣 Footer İletişim bilgileri ve sosyal medya

🚀 Kurulum ve Çalıştırma

# Repoyu klonlayın
git clone https://github.com/KynuxDev/NexusUI-WebSite.git

# Proje klasörüne gidin
cd NexusUI-WebSite

# Bağımlılıkları yükleyin
npm install

# Geliştirme sunucusunu başlatın
npm run dev

🔄 Tarayıcınızda otomatik olarak http://localhost:5173 açılacaktır

🎨 Özelleştirme

Siteyi kendi botunuza uyarlamak için aşağıdaki değişiklikleri yapabilirsiniz:

🤖 Bot Bilgilerini Değiştirme

src/components/Hero.tsx ve diğer bileşenlerde bot bilgilerini güncelleyebilirsiniz:

// Hero.tsx içinde
<motion.h1>
  <span>YeniBotAdı</span>
  <span>Kendi Açıklamanız</span>
</motion.h1>
🎭 Renk Şemasını Değiştirme

Ana renkleri tailwind.config.js dosyasında güncelleyin:

module.exports = {
  theme: {
    extend: {
      colors: {
        // Kendi renk şemanızı buraya ekleyin
        primary: {
          DEFAULT: '#7B2CBF', // Ana renk
          dark: '#3A0CA3',    // İkincil renk
        }
      }
    }
  }
}
📋 Komut Listesini Güncelleme

src/components/Commands.tsx dosyasındaki komut listesini kendi botunuza uygun şekilde güncelleyin:

const commands = [
  { category: 'Kendi Kategoriniz', name: '/komut1', description: 'Komut açıklaması' },
  // Diğer komutlar...
];

📋 Dağıtım

📄 Lisans

Bu proje, BERK tarafından geliştirilmiş özgün bir çalışmadır ve KynuxCloud Korumalı Geliştirici Lisansı ile korunmaktadır. Tüm hakları saklıdır.

  • Bu kodun kopyalanması, değiştirilmesi veya dağıtılması KESİNLİKLE YASAKTIR
  • Kod, otomatik izleme sistemleri ile telif ihlallerine karşı düzenli olarak taranmaktadır
  • İhlaller tespit edildiğinde, GitHub DMCA işlemleri ve yasal kovuşturma başlatılacaktır

Detaylı lisans metni için LICENSE dosyasını inceleyiniz.

📞 İletişim


NexusUI Footer

Bu proje 💜 ile KynuxDev tarafından yapılmıştır
⭐ Star vererek desteğinizi gösterin! ⭐

About

📣 Modern, animasyonlu ve kullanıcı dostu Discord bot tanıtım sitesi | React, TypeScript, TailwindCSS ve Framer Motion ile geliştirildi | Göz alıcı animasyonlar ve responsive tasarım

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published