Bro Systems - Soluciones Digitales Innovadoras

🚀 Descripción del Proyecto

Bro Systems es una plataforma web moderna y elegante para una empresa de desarrollo de software que ofrece soluciones digitales innovadoras para empresas. El sitio web está diseñado con un hermoso efecto de estrellas en movimiento que crea una experiencia inmersiva para los usuarios.

✨ Características Principales

• Diseño Responsivo: Adaptado perfectamente a dispositivos móviles, tablets y escritorio
• Fondo Animado de Estrellas: Animación de estrellas en movimiento con efecto parallax
• Secciones Completas: Incluye Hero, Servicios, Proyectos, Precios, Fundadores, FAQ y Contacto
• Modo Oscuro/Claro: Soporte para preferencias de tema del usuario
• Animaciones de Scroll: Elementos que se animan al hacer scroll
• Formulario de Contacto: Formulario completo para que los clientes se pongan en contacto
• Optimizado para SEO: Metadatos adecuados y estructura semántica

🛠️ Tecnologías Utilizadas

• Astro - Framework web para sitios estáticos de alto rendimiento
• TailwindCSS - Framework CSS utilitario
• TypeScript - Para una experiencia de desarrollo robusta
• React - Para componentes interactivos (cuando se necesitan)

📁 Estructura del Proyecto

/
├── public/               # Archivos estáticos
│   ├── images/           # Imágenes del sitio
│   │   └── Logo.jpg      # Logo de Bro Systems
│   └── favicon/          # Favicons
├── src/
│   ├── components/       # Componentes reutilizables
│   │   ├── Header.astro  # Barra de navegación
│   │   ├── Hero.astro    # Sección principal
│   │   ├── Services.astro # Servicios ofrecidos
│   │   ├── Projects.astro # Proyectos destacados
│   │   ├── Precios.astro # Precios ofrecidos actualizar
│   │   ├── Founders.astro # Información sobre fundadores
│   │   ├── Faq.astro     # Preguntas frecuentes
│   │   ├── Contact.astro # Formulario de contacto
│   │   └── Footer.astro  # Pie de página
│   ├── layouts/
│   │   └── Layout.astro  # Plantilla principal con el fondo estrellado
│   ├── pages/
│   │   └── index.astro   # Página principal
│   └── styles/
│       └── global.css    # Estilos globales y configuración de TailwindCSS
└── package.json          # Dependencias y scripts

🚀 Cómo Empezar

Prerrequisitos

• Node.js 18 o superior
• npm o yarn

Instalación

1. Clona el repositorio

   git clone https://github.com/tu-usuario/brosystems.git
   cd brosystems

2. Instala las dependencias

   npm install

3. Inicia el servidor de desarrollo

   npm run dev

4. Abre http://localhost:4321 en tu navegador

🧞 Comandos Disponibles

Comando	Acción
npm install	Instala dependencias
npm run dev	Inicia servidor local en localhost:4321
npm run build	Construye el sitio para producción en ./dist/
npm run preview	Previsualiza la build localmente

🌟 Características del Fondo Estrellado

El sitio cuenta con un impresionante fondo de estrellas en movimiento que crea una experiencia inmersiva:

• Efecto Parallax: Múltiples capas de estrellas moviéndose a diferentes velocidades
• Estrellas Fugaces: Animación ocasional de estrellas fugaces
• Optimizado para Rendimiento: Implementado con CSS y JavaScript optimizados
• Responsive: Se adapta a cualquier tamaño de pantalla

👥 Desarrolladores

• Ignacio Pérez - Desarrollador Junior & Co-Fundador
• George - Próximamente
• Francisco - Próximamente
• Rodrigo - Próximamente

📝 Licencia

Este proyecto está bajo licencia privada. Todos los derechos reservados para Bro Systems.

---

Desarrollado con ❤️ por Bro Systems - Transformando ideas en soluciones digitales excepcionales.