commit 7bf0bdc4e365dcc1a0599525d6673375d96194d4 Author: Facundo White <149567745+ZexionWhite@users.noreply.github.com> Date: Mon Apr 13 14:36:43 2026 -0300 feat(web) : Add initial HTML structure, CSS styles, and JavaScript file for BrewBox subscription website diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..ea6da87 --- /dev/null +++ b/src/index.html @@ -0,0 +1,254 @@ + + + + + + + BrewBox + + + + + + +
+ +
+ + hero image +

Café de especialidad en tu puerta, cada mes.

+

+ Seleccionamos los mejores granos de origen único de todo el mundo + y los enviamos frescos, tostados a pedido, directo a tu casa. +

+ Empezar ahora +
+ +
+
+

¿Por qué BrewBox?

+

+ Trabajamos con tostadores independientes y fincas de origen único. + Cada envío viene con notas de cata, origen del grano y método de preparación recomendado. + Sin contratos. Cancelás cuando querés. +

+
+
+

Beneficios de la suscripción

+
    +
  • Acceso a lotes exclusivos y ediciones limitadas
    • +
  • Descuentos especiales para suscriptores
    • +
  • Envío gratuito en cada pedido
    • +
  • Notas de cata y guías de preparación en cada envío
    • +
  • Podés pausar o cancelar cuando quieras
    • +
+
+
+ +
+

Elegí tu plan

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PlanNormalPremium
Precio mensual$10$15
Gramos por envío250 g500 g
Cafés de origen único1 por mes2 por mes
Envío gratuito✓✓
Guía de preparación✓✓
Acceso a lotes exclusivos—✓
+
+ +
+

Suscribite a BrewBox

+
+ +
+ Datos personales + +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+ Plan + +
+ +
+ + +
+
+ +
+ + +
+
+ +
+ Método de pago + +
+ + +
+ +
+ + +
+ +
+
+ + +
+
+ + +
+
+
+ +
+ Dirección de envío + +
+ + +
+ +
+
+ + +
+
+ + +
+
+ +
+ + +
+
+ + + + + +
+
+ +
+ + + + + + + \ No newline at end of file diff --git a/src/script.js b/src/script.js new file mode 100644 index 0000000..e69de29 diff --git a/src/styles.css b/src/styles.css new file mode 100644 index 0000000..384f8d6 --- /dev/null +++ b/src/styles.css @@ -0,0 +1,9 @@ +/* Navbar */ +#site-header { + position: sticky; + top: 0; + z-index: 1000; + background-color: rgba(10, 10, 10, 0.85); + backdrop-filter: blur(12px); + border-bottom: 1px solid rgba(255, 255, 255, 0.7); +} \ No newline at end of file