Skip to main content

​
Welcome to ESBO Web

ESBO Web is a modern, responsive landing page built for Escuela Sistémica Boliviana (ESBO) - a pioneering institution in Bolivia that combines a mental health clinic (Clínica Sistémica de la Familia) with high-quality educational programs in systemic therapy and family counseling.

Quick Start

Get ESBO Web running on your local machine in under 5 minutes

Installation

Detailed setup instructions and prerequisites for development

Project Structure

Learn about the codebase structure and technologies

Deployment

Deploy your changes to production with Vercel

​
What is ESBO?

ESBO (Escuela Sistémica Boliviana) is a unique institution that offers:
  • Mental Health Services: Professional therapy and family counseling through Clínica Sistémica de la Familia
  • Educational Programs: Diplomas, courses, and certifications in systemic therapy
  • International Partnerships: Collaborations with global institutions for academic validation
  • Academic Resources: A comprehensive repository of research and educational materials

​
Key Features

ESBO Web showcases the institution’s services through a beautiful, accessible interface:

Responsive Design

Fully optimized for desktop, tablet, and mobile devices with Tailwind CSS

Modern React 19

Built with the latest React 19 features for optimal performance

Lightning Fast

Powered by Vite for instant hot module replacement and fast builds

Accessible UI

Lucide React icons and semantic HTML for better accessibility

​
Landing Page Sections

The ESBO Web landing page includes carefully designed sections:

​
Hero Section

A striking dual-image hero with overlay featuring the SINTEGRA tagline: “Salud Mental y Formación de Excelencia” (Mental Health and Educational Excellence). Includes prominent call-to-action buttons for scheduling appointments and exploring educational programs.

​
Service Highlights

Three key institutional features presented with elegant iconography:
  • Academic Repository: Access to research and educational materials
  • International Partnerships: Global academic collaborations
  • Certificate Validation: Official certification verification system

​
Contact & Social Media

Comprehensive contact section featuring:
  • Multiple email addresses for different departments
  • Phone contact with Bolivia country code
  • Facebook pages for both the school and clinic
  • Instagram presence for community engagement

​
Interactive Elements

  • Student/Staff access portal button
  • Floating chat widget for immediate support
  • Search functionality for finding information quickly
  • FAQ section for common clinic questions

​
Brand Identity

ESBO Web uses a sophisticated color palette that reflects the institution’s professional yet warm approach: 
colors: {
  'institucional-dorado': '#c29b47',  // Gold - Professional excellence
  'institucional-claro': '#fdfaf5',   // Light - Warmth and openness
  // Dark navy (#0b132b) used for trust and authority
}
The live site is deployed at esbo-web.vercel.app and automatically updates with every push to the main branch.

​
Next Steps

1

Get Started

Follow the Quick Start guide to run ESBO Web locally in minutes
2

Explore the Code

Check out the Project Structure documentation to understand the architecture
3

Make Changes

Learn how to customize and extend ESBO Web for your needs
4

Deploy

Push your changes to production following the Deployment guide
ESBO Web is designed as a static landing page (Phase 1). Future phases will include dynamic features, user authentication, and content management capabilities.

Build docs developers (and LLMs) love

Get started for freeTalk to us