https://github.com/cubiclauncher/cubiclauncher.com
https://github.com/cubiclauncher/cubiclauncher.com
cubiclauncher svelte website-development
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/cubiclauncher/cubiclauncher.com
- Owner: CubicLauncher
- License: gpl-3.0
- Created: 2025-06-15T06:28:30.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-08T06:45:37.000Z (12 months ago)
- Last Synced: 2025-07-08T07:49:12.662Z (12 months ago)
- Topics: cubiclauncher, svelte, website-development
- Language: Svelte
- Homepage:
- Size: 447 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CubicLauncher - Página Web Moderna
Una página web moderna y responsiva construida con **Svelte** y **Tailwind CSS**. Esta aplicación incluye un diseño elegante con múltiples secciones, navegación suave, formularios interactivos y una experiencia de usuario optimizada.
## 🚀 Características
- **Framework Moderno**: Construido con Svelte para un rendimiento excepcional
- **Diseño Responsivo**: Optimizado para todos los dispositivos
- **Tailwind CSS**: Estilos modernos y personalizables
- **Navegación Suave**: Scroll automático entre secciones
- **Formularios Interactivos**: Con validación y feedback visual
- **Animaciones**: Efectos visuales atractivos
- **SEO Optimizado**: Meta tags y estructura semántica
## 📋 Secciones Incluidas
1. **Header**: Navegación fija con menú responsive
2. **Hero**: Sección principal con llamadas a la acción
3. **Features**: Características del producto con iconos
4. **About**: Información de la empresa y equipo
5. **Contact**: Formulario de contacto e información
6. **Footer**: Enlaces, redes sociales y newsletter
## 🛠️ Tecnologías Utilizadas
- **Svelte 4**: Framework de JavaScript moderno
- **Vite**: Herramienta de construcción rápida
- **Tailwind CSS**: Framework de CSS utility-first
- **PostCSS**: Procesador de CSS
- **Autoprefixer**: Prefijos automáticos para CSS
## 📦 Instalación
1. **Clona el repositorio**:
```bash
git clone
cd cubiclauncher.com
```
2. **Instala las dependencias**:
```bash
npm install
```
3. **Inicia el servidor de desarrollo**:
```bash
npm run dev
```
4. **Abre tu navegador**:
```
http://localhost:3000
```
## 🏗️ Scripts Disponibles
- `npm run dev` - Inicia el servidor de desarrollo
- `npm run build` - Construye la aplicación para producción
- `npm run preview` - Previsualiza la build de producción
## 📁 Estructura del Proyecto
```
cubiclauncher.com /
├── src/
│ ├── components/
│ │ ├── Header.svelte
│ │ ├── Hero.svelte
│ │ ├── Features.svelte
│ │ ├── About.svelte
│ │ ├── Contact.svelte
│ │ └── Footer.svelte
│ ├── app.css
│ ├── App.svelte
│ └── main.js
├── index.html
├── package.json
├── vite.config.js
├── tailwind.config.js
├── postcss.config.js
├── svelte.config.js
└── README.md
```
## 🎨 Personalización
### Colores
Los colores principales se pueden personalizar en `tailwind.config.js`:
```javascript
colors: {
primary: {
50: '#eff6ff',
100: '#dbeafe',
// ... más tonos
900: '#1e3a8a',
}
}
```
### Componentes
Cada sección está modularizada en componentes Svelte independientes en `src/components/`.
### Estilos
Los estilos globales y componentes personalizados están en `src/app.css`.
## 📱 Responsive Design
La aplicación está completamente optimizada para:
- **Móviles**: 320px - 768px
- **Tablets**: 768px - 1024px
- **Desktop**: 1024px+
## 🔧 Configuración de Producción
Para desplegar en producción:
1. **Construye la aplicación**:
```bash
npm run build
```
2. **Los archivos generados estarán en `dist/`**
3. **Sube el contenido de `dist/` a tu servidor web**
## 🌟 Características Destacadas
- **Navegación Suave**: Scroll automático entre secciones
- **Formulario Interactivo**: Con simulación de envío y feedback
- **Animaciones CSS**: Efectos de hover y transiciones
- **Iconos SVG**: Integrados directamente en los componentes
- **Tipografía**: Fuente Inter de Google Fonts
- **Gradientes**: Efectos visuales modernos
-
## 📄 Licencia
Este proyecto está bajo la Licencia GPL-3.0 license license. Ver el archivo `LICENSE` para más detalles.
---
**Desarrollado con ❤️ usando Svelte y Tailwind CSS**