:root { --bg: #F8FAFC; --card: #FFFFFF; --text: #0F172A; --muted: #64748B; --gold: #8A6A2F; --gold-light: #F5E6C4; --dark: #1E293B; --line: #E2E8F0; } * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { background: var(--bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--text); -webkit-font-smoothing: antialiased; } a { text-decoration: none; color: inherit; } ul { list-style: none; } .container { max-width: 1140px; margin: 0 auto; padding: 0 24px; } /* NAVBAR PREMIUM CON MENÚ MÓVIL INTEGRADO */ .topbar { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 100; } .nav { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; position: relative; } .brand { display: flex; align-items: center; gap: 12px; } .brand img { width: 50px; height: 50px; border-radius: 10px; object-fit: cover; border: 1px solid var(--line); } .brand strong { font-size: 19px; font-weight: 800; letter-spacing: -0.5px; } .menu { display: flex; gap: 24px; align-items: center; } .menu a { color: var(--text); font-weight: 600; font-size: 14px; transition: color 0.2s; } .menu a:hover { color: var(--gold); } /* BOTÓN DE MENÚ MÓVIL (HAMBURGUESA) */ .menuToggle { display: none; background: none; border: 1px solid var(--line); border-radius: 10px; width: 42px; height: 42px; cursor: pointer; padding: 0; } .menuToggle span { display: block; width: 20px; height: 2px; background: var(--dark); margin: 4px auto; transition: transform 0.2s ease, opacity 0.2s ease; } .menuToggle.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); } .menuToggle.open span:nth-child(2) { opacity: 0; } .menuToggle.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } /* BOTONES ESTILIZADOS */ .btn { display: inline-block; background: var(--dark); color: white; padding: 14px 24px; border-radius: 12px; font-weight: 700; font-size: 14px; transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08); border: none; cursor: pointer; text-align: center; } .btn:active { transform: scale(0.98); } .btnGold { background: var(--gold); color: white; box-shadow: 0 4px 14px rgba(138, 106, 47, 0.25); } .btnGold:hover { background: #735825; } .btnNav { padding: 10px 18px; font-size: 13px; } /* HERO SECTION MODERNO */ .hero { padding: 80px 0 60px; } .heroGrid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 48px; align-items: center; } .badge { display: inline-block; background: #FDF4E3; border: 1px solid var(--gold-light); color: var(--gold); font-weight: 700; border-radius: 30px; padding: 6px 14px; margin-bottom: 20px; font-size: 13px; } h1 { font-size: 48px; font-weight: 800; line-height: 1.15; margin-bottom: 20px; letter-spacing: -1px; } .lead { font-size: 18px; line-height: 1.6; color: var(--muted); margin-bottom: 28px; } .heroActions { display: flex; gap: 14px; flex-wrap: wrap; } .heroCard { border-radius: 24px; padding: 32px 28px; box-shadow: 0 24px 48px rgba(15,23,42,0.28); border: 1px solid rgba(255,255,255,0.4); } .heroCard img { max-width: 120px; border-radius: 18px; margin: 0 auto 16px; display: block; box-shadow: 0 8px 20px rgba(0,0,0,0.05); } .heroCard h3 { font-size: 22px; font-weight: 800; margin-bottom: 6px; text-align: center; } .aiBadge { display: block; text-align: center; background: var(--gold-light); color: var(--gold); font-weight: 800; font-size: 12px; letter-spacing: 0.5px; border-radius: 20px; padding: 5px 12px; margin: 0 auto 14px; width: fit-content; } .aiFeatures { list-style: none; margin: 16px 0; padding: 0; text-align: left; } .aiFeatures li { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 14px; font-weight: 600; color: var(--dark); border-bottom: 1px solid var(--gold-light); } .aiFeatures li:last-child { border-bottom: none; } .aiFeatures .emoji { font-size: 18px; flex-shrink: 0; } .trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 32px; } .trust div { background: white; border: 1px solid var(--line); border-radius: 12px; padding: 12px; font-weight: 600; font-size: 13px; text-align: center; color: var(--dark); } /* SECCIÓN DE SERVICIOS (GRID DE TARJETAS LIMPIAS) */ .section { padding: 80px 0; } .sectionTitle { text-align: center; margin-bottom: 50px; } .sectionTitle h2 { font-size: 36px; font-weight: 800; margin-bottom: 12px; letter-spacing: -0.5px; } .sectionTitle p { color: var(--muted); font-size: 17px; } .services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .service { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 28px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.01); transition: transform 0.2s ease, box-shadow 0.2s ease; overflow: hidden; } .service img { width: calc(100% + 56px); margin: -28px -28px 20px -28px; height: 160px; object-fit: cover; display: block; } /* FOTO DE FONDO DEL HERO */ .hero { position: relative; background: linear-gradient(135deg, rgba(15,23,42,.92), rgba(30,41,59,.85)), url('https://images.unsplash.com/photo-1763665814538-8ba04597286c?auto=format&fit=crop&w=1600&q=70') center/cover; border-radius: 0 0 32px 32px; color: white; } .hero .lead { color: #CBD5E1; } .hero .heroCard { background: rgba(255,255,255,.97); } .hero h1 { color: white; } .hero .heroCard h3, .hero .heroCard .lead { color: var(--text); } .hero .heroCard .lead[style] { color: var(--gold) !important; margin-top: 16px !important; padding-top: 16px !important; border-top: 1px solid var(--gold-light); } .service:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(15, 23, 42, 0.05); } .icon { font-size: 11px; margin-bottom: 14px; color: var(--gold); font-weight: 800; letter-spacing: 1.5px; } .service h3 { font-size: 19px; font-weight: 700; margin-bottom: 10px; } .service p { color: var(--muted); line-height: 1.5; font-size: 14px; } /* SECCIÓN BENEFICIOS */ .why { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .whyBox { background: white; border: 1px solid var(--line); border-radius: 20px; padding: 28px; text-align: center; } .whyBox strong { display: block; margin: 12px 0 6px; color: var(--dark); font-size: 16px; font-weight: 700; } .whyBox span { font-size: 13px; color: var(--muted); line-height: 1.4; display: block; } /* SECCIÓN DE CIERRE (CTA) */ .cta { background: linear-gradient(135deg, var(--dark) 0%, #0F172A 100%); color: white; border-radius: 32px; padding: 56px; text-align: center; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.15); } .cta h2 { font-size: 36px; font-weight: 800; margin-bottom: 14px; letter-spacing: -0.5px; } .cta p { margin-bottom: 28px; color: #94A3B8; font-size: 17px; } /* SECCIÓN DE CONTACTO EXCLUSIVA */ .contactGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .contactCard { background: white; border: 1px solid var(--line); border-radius: 24px; padding: 36px; } .contactCard h3 { font-size: 22px; font-weight: 800; margin-bottom: 16px; } .contactLine { padding: 14px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 15px; display: flex; justify-content: space-between; align-items: center; } .contactLine:last-child { border-bottom: none; } .contactLine strong { color: var(--text); } .contactLine a { color: var(--gold); font-weight: 700; transition: color 0.2s; } .contactLine a:hover { color: #735825; } /* FOOTER */ .footer { border-top: 1px solid var(--line); padding: 32px 0; text-align: center; color: var(--muted); font-size: 13px; background: white; } /* DISEÑO RESPONSIVO ADAPTADO A CELULARES */ @media(max-width: 850px) { .heroGrid, .contactGrid, .services { grid-template-columns: 1fr; } .why { grid-template-columns: 1fr 1fr; } h1 { font-size: 36px; } .menuToggle { display: block; } /* BUGFIX: se muestra el botón de hamburguesa en móvil */ .menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: white; border-bottom: 1px solid var(--line); flex-direction: column; align-items: stretch; padding: 12px 24px 20px; gap: 4px; box-shadow: 0 12px 24px rgba(15,23,42,0.08); } .menu.open { display: flex; } /* BUGFIX: el botón hamburguesa agrega esta clase para volver a mostrarlo */ .menu a { padding: 12px 4px; border-bottom: 1px solid var(--line); } .menu a:last-child { border-bottom: none; } .hero { padding: 40px 0; } .section { padding: 50px 0; } } @media(max-width: 500px) { .why { grid-template-columns: 1fr; } .heroActions a { width: 100%; text-align: center; } .trust { grid-template-columns: 1fr; gap: 8px; } } /* ANIMACIÓN AL HACER SCROLL */ .reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; } .reveal.visible { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .reveal { transition: none; opacity: 1; transform: none; } }
🏡 Contratista Licenciado en Georgia

Trabajo premium, presupuestos claros y total seriedad.

En JASZ Construction LLC nos especializamos en la remodelación completa de casas y negocios. Brindamos mano de obra calificada, respuestas rápidas y cotizaciones exactas.

✓ Estimados Sin Costo
✓ Residencial
✓ Comercial
JASZ Construction LLC 🤖 CON INTELIGENCIA ARTIFICIAL

JASZ AI Estimator Pro

  • 📸 Sube fotos de tu proyecto
  • 🧠 Análisis inteligente al instante
  • 📄 Recibe un PDF profesional

Revisado y respaldado por JASZ Construction LLC.

Especialidades en Remodelación

Soluciones integrales con acabados de alta calidad para renovar tus espacios.

Techo de shingle instalado
01. TECHOS

Roofing Profesional

Reemplazo estructural, reparación de filtraciones, remoción técnica de techado viejo y estimados detallados de materiales.

Pintura interior y exterior
02. PINTURA

Pintura Interior y Exterior

Transformamos por completo el interior y el exterior de su hogar con acabados premium que renuevan cada espacio.

Cerca de madera instalada
03. CERCAS

Instalación de Cercas

Construcción de cercas perimetrales en madera tratada y vinilo de alta resistencia para privacidad residencial y comercial.

Deck de madera en el patio
04. DECKS

Construcción de Decks

Creamos espacios al aire libre hechos a la medida para disfrutar en familia, con materiales duraderos y acabados de calidad.

Bloques de concreto para muro de contención
05. MUROS

Muros de Contención

Construcción de muros de contención en bloque de ladrillo y madera tratada, con drenaje y refuerzo adecuados.

Encimera de cocina de mármol
06. ENCIMERAS

Encimeras de Cocina

Fabricación e instalación de encimeras en granito, cuarzo y otros materiales premium para renovar su cocina.

Piso de madera en habitación vacía
07. PISOS

Instalación de Pisos

Especialistas en colocación de pisos de vinilo de lujo (LVP), madera natural dura (hardwood) y alfombras de alto tráfico.

Cocina remodelada
08. COCINA

Remodelación de Cocina

Transformamos el corazón de su hogar con diseños funcionales y acabados que combinan belleza y practicidad.

Baño remodelado
09. BAÑO

Remodelación de Baño

Convertimos su baño en un refugio personal con acabados modernos y accesorios de calidad.

Frente de casa remodelada
10. TOTAL

Remodelación Total del Hogar

Renovamos su vivienda completa, adaptándola a su estilo de vida con un proyecto integral de principio a fin.

Construcción de nueva adición a la propiedad
11. ADICIONES

Adiciones y Expansiones

Ampliamos su espacio habitable con adiciones que se integran perfectamente a la estructura existente.

Panel eléctrico
12. ELÉCTRICO

Servicios Eléctricos

Instalaciones y reparaciones eléctricas seguras y certificadas para el hogar y negocios.

Reparación de tuberías
13. PLOMERÍA

Servicios de Plomería

Reparación e instalación de tuberías, grifos y sistemas de agua con garantía de calidad.

Cocina con electrodomésticos de acero inoxidable
14. ELECTRO.

Instalación de Electrodomésticos

Instalación profesional y segura de sus nuevos electrodomésticos, listos para usar desde el primer día.

La Diferencia con JASZ

Tu proyecto de remodelación en manos seguras desde el primer día.

Rapidez de RespuestaAgendamos visitas técnicas e inspecciones físicas al instante, valorando tu tiempo.
💎Materiales SelectosTrabajamos exclusivamente con componentes certificados para garantizar obras de larga duración.
📋Precios Sin TrucosPropuestas detalladas item por item. Lo que cotizamos es exactamente lo que pagas al finalizar.
🤝Atención de RespetoGarantizamos limpieza, puntualidad y canales de comunicación abiertos durante toda la construcción.

Preguntas Frecuentes

¿Qué áreas cubre JASZ Construction?

Trabajamos en el área metro de Atlanta, Georgia, incluyendo Lawrenceville, Duluth, Suwanee, Norcross, y todo el condado de Gwinnett.

¿Qué servicios ofrece JASZ Construction?

Remodelación de cocinas y baños, techado, cercas, muros de contención, concreto, pintura, electricidad, drywall, siding, ventanas y puertas, canaletas, garage doors, lavado a presión, demolición y pisos.

¿Cómo obtengo un presupuesto?

Usa la calculadora inteligente gratis en línea para un estimado al instante, o llama directamente para agendar una asesoría presencial.

¿Trabajan proyectos residenciales y comerciales?

Sí, ofrecemos servicios premium de remodelación tanto residencial como comercial en el área metro de Atlanta.

¿Listo para iniciar tu renovación?

Usa la calculadora inteligente en línea o llama hoy mismo para recibir una asesoría presencial.

🚀 Iniciar Estimado IA Gratis

Líneas Directas de Atención

Línea de Ventas: 470-621-4870
Línea Secundaria: 470-621-5420
Email Oficial: support@jaszconstruction.com
Zona de Cobertura: Lawrenceville, Atlanta, Duluth, Suwanee, Norcross y todo Gwinnett County, GA

Presupuestos Digitales

JASZ AI Estimator Pro permite subir fotos, seleccionar servicios y recibir un estimado digital inteligente respaldado por JASZ Construction LLC.

🚀 Abrir JASZ AI Estimator Pro

Envíanos un Mensaje

Completa el formulario y te responderemos a la brevedad.