Wellysa Landing Page

Korporacyjna strona docelowa Wellysa – asystenta zdrowia osobistego nowej generacji.

🌐 Live Site

• Production: www.wellysa.com
• Polish: główny katalog
• English: /en/* URLs

🛠️ Tech Stack

• HTML5 – semantyczny markup
• CSS3 – custom styles z bibliotekami UI
• JavaScript – interakcje i animacje
• Swiper.js – touch slider (swiper-bundle.min.css)
• BxSlider – carousel functionality (jquery.bxslider.min.css)
• Chosen.js – enhanced dropdowns (chosen.css)
• Cloudflare Workers – Python-based serverless functions
• Cloudflare Pages – hosting + CI/CD

📁 Struktura Projektu

/
├── .github/workflows/
│   └── deploy-workers.yml    # GitHub Actions deployment
├── .well-known/              # Deep linking config (iOS/Android)
├── functions/                # Cloudflare Workers (Python)
│   ├── blog/                 # Blog endpoints (PL)
│   └── en/blog/              # Blog endpoints (EN)
├── css/                      # Stylesheets
│   ├── fonts/                # Silka font family (Regular, Medium, SemiBold, MonoBold)
│   ├── main.css
│   ├── mobile.css
│   ├── navbar.css
│   └── style.css
├── img/                      # Assets (aboutapppage, collaboration, creatorspage, icons)
├── data/
│   └── brandbook-data.json   # Brandbook configuration
├── en/                       # English versions
├── _redirects                # Cloudflare Pages redirects
├── about_app.html            # O aplikacji
├── app.html                  # Aplikacja
├── blog.html                 # Blog
├── brandbook.html            # Brand guidelines
├── collaboration.html        # Współpraca
├── compare.html              # Porównanie
├── conditions.html           # Warunki
├── creators.html             # Twórcy
└── [inne pages]

📱 Główne Strony

Polski (root):

• about_app.html – informacje o aplikacji
• app.html – strona aplikacji
• blog.html – blog / aktualności
• brandbook.html – księga znaku (brand guidelines)
• collaboration.html – współpraca / partnerstwo
• compare.html – porównanie rozwiązań
• conditions.html – warunki użytkowania
• creators.html – o twórcach / zespole

English (/en/):

• en/about_app.html – about the app
• en/brandbook.html – brand guidelines
• en/collaboration.html – partnership

(unverified — confirm with team: sprawdź czy wszystkie pages EN mają odpowiedniki, lista może być niekompletna)

🚀 Deployment

Deployment odbywa się automatycznie przez:

1. GitHub Actions (.github/workflows/deploy-workers.yml)
2. Cloudflare Pages – hosting statycznych assets
3. Cloudflare Workers – Python functions dla blog i dynamic content

Push do main branch triggeruje automatic deployment.

🏗️ Architektura

• Frontend: Static HTML + CSS + vanilla JavaScript
• Serverless Backend: Python-based Cloudflare Workers w /functions/
  • Blog endpoints: /functions/blog/ (PL), /functions/en/blog/ (EN)
• CDN: Cloudflare edge network
• Deep Linking: Configured dla iOS (apple-app-site-association) i Android (assetlinks.json)
• Fonts: Custom Silka font family (Regular, Medium, SemiBold, MonoBold) w WOFF/WOFF2/TTF/EOT/SVG

🔧 Local Development

# Clone repository
git clone [repo-url]

# Serve locally (any static server)
python -m http.server 8000
# lub
npx serve

# Open browser
open http://localhost:8000

Dla testowania Cloudflare Workers:

# Wymaga Wrangler CLI
npm install -g wrangler
wrangler pages dev

📊 Content Management

• Brandbook data: Zarządzany przez data/brandbook-data.json
• Blog posts: Obsługiwane przez Python functions w /functions/blog/
• Assets: Obrazy w /img/ z kategoryzacją (aboutapppage, collaboration, creatorspage, icons)

🌍 Internationalization

• Główny język: Polski (root directory)
• Wersja EN: /en/* URLs
• Blog: Osobne endpointy dla PL i EN
• Uwaga: Nie wszystkie pages mają obecnie wersję EN (częściowa implementacja)

📱 Mobile App Integration

Deep linking skonfigurowany dla:

• iOS: .well-known/apple-app-site-association
• Android: .well-known/assetlinks.json

Umożliwia otwieranie contentu landing page bezpośrednio w aplikacji mobilnej Wellysa.

🎨 UI Components

• Responsive design – mobile + desktop optimization
• Custom hamburger menu (hamburgers.css)
• Touch-enabled sliders (Swiper.js)
• Image carousels (BxSlider)
• Enhanced form controls (Chosen.js)
• Custom animations (prawdopodobnie via CSS + JavaScript)

📄 Licencja

© 2024-2026 Wellysa. Wszelkie prawa zastrzeżone.

---

Maintainer: Wellysa Team
Questions? Contact via www.wellysa.com