WebBridge.ai - Nekradneme dáta, dávame im mozog 🧠

🚀 O projekte

WebBridge.ai je moderné Enterprise SaaS riešenie pre slovenský trh, ktoré vytvára bezpečné "mosty" medzi firemnými SQL databázami a umelou inteligenciou (Gemini API). Naša filozofia je jasná: "Nekradneme dáta, dávame im mozog."

🎯 Cieľové odvetvia

• ⚖️ Právnické kancelárie - Inteligentná analýza zmlúv a precedentov
• 🚚 Logistika a doprava - Optimalizácia trás a predikcia dopytu
• 🏢 Interné systémy - Jednotné AI rozhranie pre firemné databázy

✨ Hlavné funkcie

🔒 Bezpečnosť na prvom mieste

• End-to-end šifrovanie (TLS 1.3)
• Žiadne ukladanie citlivých dát
• GDPR compliant
• Audit log všetkých operácií
• Granulárne prístupové práva

⚡ Výkonnosť a integrácia

• Real-time AI odpovede pomocou Gemini API
• Podpora MySQL, PostgreSQL, MSSQL
• Jednoduchá integrácia do existujúcich systémov
• Enterprise škálovateľnosť

🇸🇰 Slovenská podpora

• Lokálny tím s pochopením slovenského trhu
• Podpora v slovenčine
• Compliance s lokálnymi nariadeniami

🛠️ Technológie

Frontend

• HTML5 - Sémantický markup
• CSS3 - Moderný dizajn s gradientmi, animáciami a glassmorphism
• JavaScript (ES6+) - Interaktívne prvky a animácie
• Responsive Design - Mobile-first prístup

Dizajn princípy

• Enterprise SaaS estetika
• High-tech vizuál s dôveryhodným vzhľadom
• Prístupnosť (WCAG 2.1)
• Optimalizácia výkonu

📁 Štruktúra projektu

WebBridge.ai/
├── index.html          # Hlavná landing page
├── css/
│   └── style.css       # Všetky štýly
├── js/
│   └── main.js         # JavaScript funkcionalita
├── assets/
│   └── images/         # Obrázky a ikony
└── README.md           # Táto dokumentácia

🚀 Ako spustiť

Lokálne spustenie

1. Klonujte repozitár

   git clone https://github.com/WebBridge-ai/WebBridge.Ai.git
   cd WebBridge.Ai

2. Otvorte v prehliadači

   • Jednoducho otvorte index.html vo vašom prehliadači
   • Alebo použite lokálny server:

   # Python 3
   python -m http.server 8000
   
   # PHP
   php -S localhost:8000
   
   # Node.js (s http-server)
   npx http-server

3. Prejdite na

   http://localhost:8000
   

Produkčný deployment

Pre produkciu odporúčame:

• Netlify - Drag & drop deployment
• Vercel - Git-based deployment
• GitHub Pages - Bezplatný hosting
• Vlastný server - Nginx/Apache

🎨 Design Features

Farebná schéma

• Primárna: #667eea - #764ba2 (Fialový gradient)
• Sekundárna: #f093fb - #f5576c (Ružový gradient)
• Akcentová: #4facfe - #00f2fe (Modrý gradient)
• Pozadie: #0f172a (Dark mode)

Typografia

• Font: Inter (Google Fonts)
• Váhy: 300, 400, 500, 600, 700, 800

Animácie

• Smooth scroll navigation
• Fade-in-up efekty
• Hover transitions
• Grid background animation
• Parallax effects
• Button ripple effects

📱 Responzivita

Web je plne responzívny s breakpointmi:

• Desktop: > 968px
• Tablet: 640px - 968px
• Mobile: < 640px

🔧 Customizácia

Zmena farieb

Upravte CSS premenné v css/style.css:

:root {
    --primary: #667eea;
    --secondary: #764ba2;
    --accent: #f093fb;
    /* ... */
}

Pridanie sekcií

1. Pridajte HTML do index.html
2. Štylujte v css/style.css
3. Pridajte interaktivitu v js/main.js

🌟 Funkcie landing page

Hero sekcia

• Hlavný claim: "Nekradneme dáta, dávame im mozog"
• CTA buttony (Demo, Viac info)
• Stats display (100% bezpečnosť, 24/7 dostupnosť, Made in Slovakia)

Features sekcia

• 6 hlavných funkcií s ikonami
• Hover efekty s gradientmi
• Popis benefitov

Use Cases sekcia

• 3 hlavné odvetvia (Právnici, Logistika, Interné systémy)
• Detail použitia pre každé odvetvie
• Benefit listy

Security sekcia

• Vizuálny shield s animáciami
• 4 bezpečnostné funkcie
• Dôraz na ochranu dát

CTA sekcia

• Kontaktný formulár
• Tlačidlá pre akciu
• Email a info

Footer

• Logo a popis
• Navigačné linky
• Právne informácie
• Copyright

🔒 Bezpečnosť webu

• HTTPS ready
• No external dependencies (okrem Google Fonts)
• XSS protection
• CSRF protection ready
• CSP headers ready

📊 Performance

• Lighthouse Score: Cieľ 90+
• Optimalizované obrázky
• Minifikované CSS/JS (pre produkciu)
• Lazy loading pripravený
• Critical CSS ready

🤝 Kontribúcia

Príspevky sú vítané! Pre väčšie zmeny prosím najprv otvorte issue.

1. Fork projektu
2. Vytvorte feature branch (git checkout -b feature/AmazingFeature)
3. Commit zmeny (git commit -m 'Add some AmazingFeature')
4. Push do branch (git push origin feature/AmazingFeature)
5. Otvorte Pull Request

📞 Kontakt

WebBridge.ai Team

• 📧 Email: info@webbridge.ai
• 🌐 Web: webbridge.ai
• 🇸🇰 Location: Slovakia

📄 Licencia

Copyright © 2024 WebBridge.ai. Všetky práva vyhradené.

---

🇸🇰 Made with ❤️ in Slovakia

Nekradneme dáta, dávame im mozog.