Sitio web profesional y bilingüe (ES/EN) para Fields Barbers, barbería premium en Córdoba, España.
- ✅ Next.js 16 con App Router y Turbopack
- ✅ React 19 con las últimas características
- ✅ TypeScript para type safety
- ✅ Tailwind CSS con diseño custom dark/gold
- ✅ next-intl para internacionalización (ES/EN)
- ✅ Framer Motion para animaciones suaves
- ✅ SEO optimizado con metadata dinámica y structured data
- ✅ Responsive y mobile-first
- ✅ Integración con Booksy para reservas
# Instalar dependencias
npm install
# Iniciar servidor de desarrollo
npm run dev
# Build para producción
npm run build
# Iniciar servidor de producción
npm start- Desarrollo: http://localhost:3000
- Español: http://localhost:3000/es
- Inglés: http://localhost:3000/en
fields-barbers-app/
├── app/
│ ├── [locale]/ # Rutas con i18n
│ │ ├── layout.tsx # Layout principal
│ │ └── page.tsx # Página home
│ └── globals.css # Estilos globales
├── components/
│ ├── ui/ # Componentes UI reutilizables
│ │ └── Button.tsx
│ ├── Header.tsx # Header con navegación
│ ├── Hero.tsx # Sección hero
│ ├── Services.tsx # Servicios
│ ├── About.tsx # Sobre nosotros
│ ├── Schedule.tsx # Horarios y contacto
│ ├── Footer.tsx # Footer
│ └── LanguageSwitcher.tsx
├── lib/
│ ├── constants.ts # Datos del negocio
│ ├── metadata.ts # Configuración SEO
│ └── structured-data.ts # JSON-LD schema
├── messages/
│ ├── es.json # Traducciones español
│ └── en.json # Traducciones inglés
├── public/
│ └── images/ # Logos e imágenes
├── i18n/
│ └── request.ts # Configuración i18n
└── middleware.ts # Middleware para i18n
- Gold: #D4AF37
- Dark: #0A0A0A
- Secondary Dark: #1A1A1A
- Text Gray: #B8B8B8
- Sans: Inter (body text)
- Serif: Playfair Display (headings)
- Script: Dancing Script (decorativo)
Editar lib/constants.ts para actualizar:
- Dirección
- Teléfono
- Redes sociales
- Servicios y precios
- Horarios
Editar archivos en messages/:
Editar lib/metadata.ts para metadatos personalizados.
- Next.js: 16.0.0
- React: 19.0.0
- TypeScript: 5.6
- Tailwind CSS: 3.4.16
- next-intl: 3.23.0
- Framer Motion: 12.0.0
- Lucide React: 0.460.0
Navegación sticky con logo, links y selector de idioma.
Sección de bienvenida con título, subtítulo y CTAs.
Cards de servicios con precios y enlaces a Booksy.
Información sobre Fernando y su experiencia internacional.
Horarios de apertura e información de contacto.
Enlaces rápidos, redes sociales y copyright.
El sitio soporta dos idiomas:
- ES (Español) - Por defecto
- EN (Inglés)
Las rutas son:
/es/*- Versión española/en/*- Versión inglesa
- Metadatos optimizados por idioma
- Structured data (LocalBusiness schema)
- Open Graph tags
- Twitter cards
- Hreflang tags
- Sitemap automático
- Dirección: Av. Virgen de los Dolores, 19, 14004, Córdoba
- Instagram: @fieldsbarbers
- Booksy: Reservar cita
© 2025 Fields Barbers. Todos los derechos reservados.
Desarrollado con ❤️ usando Next.js 16 y React 19