YOUR WEBSITE SHOULD
WORK AS HARD AS YOU DO
TU SITIO WEB DEBERÍA
TRABAJAR TAN DURO COMO TÚ

↓ SCROLL TO DISCOVER ↓ DESPLÁZATE PARA DESCUBRIR
01

YOUR COMPETITORS ARE ALREADY ONLINE

EVERY VISITOR IS A POTENTIAL CUSTOMER

AI AGENTS CLOSE DEALS WHILE YOU SLEEP

BILINGUAL BY DEFAULT — ENGLISH AND ESPAÑOL

WE BUILD IT. WE MAINTAIN IT. WE GROW WITH YOU.

01 / 05
001 // AI AgentsAgentes IA
AGENTS THAT WORK
WHILE YOU SLEEP
AGENTES QUE TRABAJAN
MIENTRAS DUERMES
01 //
Salesman / CloserVendedor / Cerrador
SALES · CONVERSION · UPSELLVENTAS · CONVERSIÓN · CIERRE
Always OnSiempre Activo
EN

Trained on your products and prices, engages every visitor, answers objections, and guides them to buy — 24/7. The sales rep that never clocks out.

ES

Entrenado con tus productos y precios, atiende a cada visitante, responde objeciones y los guía a comprar — las 24 horas. El vendedor que nunca descansa.

02 //
Butler / HostRecepcionista / Anfitrión
HOSPITALITY · CUSTOMER CARE · FAQHOSPITALIDAD · ATENCIÓN · FAQ
ConciergeConcierge
EN

Greets every visitor, answers FAQs, makes every customer feel like a VIP. The digital front desk your business never had — available the moment someone arrives.

ES

Saluda a cada visitante, responde preguntas frecuentes y hace que cada cliente se sienta VIP. La recepción digital que tu negocio nunca tuvo.

03 //
Secretary / SchedulerSecretaria / Agenda
APPOINTMENTS · REMINDERS · CALENDARCITAS · RECORDATORIOS · CALENDARIO
24/7 BookingReservas 24/7
EN

Books appointments, sends confirmations, manages your calendar — without touching the phone. Stop losing customers to voicemail. Your schedule, handled.

ES

Agenda citas, envía confirmaciones y maneja tu calendario sin tocar el teléfono. Deja de perder clientes por el buzón de voz. Tu agenda, resuelta.

04 //
Info Taker / IntakeCaptador de Datos / Recepción
LEAD CAPTURE · FORMS · CRM READYCAPTURA · FORMULARIOS · LISTO PARA CRM
Lead CaptureCaptura de Leads
EN

Collects project details, budget, and contact info — then sends a clean summary to your inbox. Every lead captured, organized, and ready to close.

ES

Recopila detalles del proyecto, presupuesto e información de contacto — y envía un resumen claro a tu correo. Cada prospecto capturado y listo para cerrar.

002 // PackagesPaquetes
CHOOSE YOUR
STARTING POINT
ELIGE TU
PUNTO DE PARTIDA
Promo StarterOferta Inicial
Single PagePágina Única
$300
One-time · Limited availabilityPago único · Disponibilidad limitada
  • 1-page: Hero, Services, Work, Contact
  • Mobile responsive
  • English + Español included
  • Contact form → email delivery
  • Hosted & deployed to your domain
  • Fast load — clean code, no bloat
  • 1 página: Inicio, Servicios, Portafolio, Contacto
  • Adaptable al móvil
  • Inglés + Español incluido
  • Formulario de contacto → entrega por correo
  • Alojado y desplegado en tu dominio
  • Carga rápida — código limpio, sin relleno
Most PopularMás Popular
Business SiteSitio de Negocios
$1,000
One-time · Full buildPago único · Construcción completa
  • Up to 5 pages + photo gallery
  • Mobile responsive
  • English + Español included
  • Contact form + lead capture
  • SEO + local geo optimization
  • Google Maps integration
  • Hosted & deployed
  • Hasta 5 páginas + galería de fotos
  • Adaptable al móvil
  • Inglés + Español incluido
  • Formulario de contacto + captura de leads
  • SEO + optimización geográfica local
  • Integración con Google Maps
  • Alojado y desplegado
AI-PoweredCon Inteligencia Artificial
Full ExperienceExperiencia Completa
$1,500–$3,000
Custom quote · Scope-basedCotización personalizada
  • Everything in Business
  • AI agent — your choice of 4 types
  • Trained on your business & products
  • Appointment booking or sales bot
  • CRM-ready lead intake
  • Priority support & onboarding
  • Todo lo del Sitio de Negocios
  • Agente IA — elige entre 4 tipos
  • Entrenado con tu negocio y productos
  • Reservas o bot de ventas
  • Captura de leads lista para CRM
  • Soporte prioritario y bienvenida
003 // Monthly PlansPlanes Mensuales
WE'RE HERE
AFTER LAUNCH TOO
SEGUIMOS CONTIGO
DESPUÉS DEL LANZAMIENTO
Self-ManagedAuto-Gestionado
$0/mo

You take the keys and handle everything. We hand it off clean with a 30-day lifeline.

Tú tomas el control. Te lo entregamos limpio con apoyo de 30 días.

  • Full source code ownership
  • Código fuente completo en tus manos
  • One-time setup + training
  • Configuración única + capacitación
  • 30-day email support
  • Soporte por correo por 30 días
MaintenanceMantenimiento
$50/mo

We keep your site fast, secure, and current. You focus on running your business.

Mantenemos tu sitio rápido, seguro y actualizado. Tú enfócate en tu negocio.

  • Security & performance updates
  • Actualizaciones de seguridad y rendimiento
  • Content changes on request
  • Cambios de contenido bajo pedido
  • Monthly health report
  • Reporte mensual del sitio
  • Uptime monitoring
  • Monitoreo de disponibilidad
AI + MaintenanceIA + Mantenimiento
$99/mo

Everything in Maintenance plus a live AI agent trained on your business — closing and answering 24/7.

Todo lo de Mantenimiento más un agente IA en vivo entrenado con tu negocio — cerrando ventas 24/7.

  • Everything in Maintenance
  • Todo lo de Mantenimiento
  • AI agent live 24/7
  • Agente IA en vivo las 24 horas
  • Agent retraining on updates
  • Re-entrenamiento del agente
  • SEO + geo optimization
  • SEO + optimización geográfica
  • Content uploads & changes
  • Subida de contenido y cambios
EN + ES Every website we build includes English and Spanish — at no extra charge. Reach every customer in their language. Cada sitio web que construimos incluye inglés y español — sin costo adicional. Llega a cada cliente en su idioma.
004 // Get StartedComenzar

LET'S BUILD
SOMETHING REAL

CONSTRUYAMOS
ALGO REAL

Tell us about your business and what you need. We'll put together a plan and walk you through every step — no tech speak, no surprises, no hidden fees.

Cuéntanos sobre tu negocio y lo que necesitas. Armamos un plan y te guiamos en cada paso — sin tecnicismos, sin sorpresas, sin costos ocultos.

EmailCorreoAbelR@abelcustoms.com
Based in Charlotte, NC — Serving NationwideUbicados en Charlotte, NC — Servimos a Todo el País
We speak English & EspañolHablamos English & Español
ACW WEB-SERVICES · CONTROL BOARD
COLORS — change in :root{}
--bg#080808Page background (nearly black)
--text#F0EDE8Body text (warm off-white)
--red#C8102EACW red accent — dots, borders, labels, buttons
--dim0.42 alphaDimmed text — descriptions, nav links, sub-labels
--faint0.08 alphaSubtle dividers between sections
--mid0.15 alphaForm field bottom borders, nav Back button border
--bg2#0e0e0eCard / package tile hover background
TYPOGRAPHY — change in :root{}
--fs-hero5.5vw clampHero slogan — YOUR WEBSITE SHOULD WORK…
--fs-sec4.5vw clampSection headings — AGENTS THAT WORK / CHOOSE YOUR STARTING POINT
--fs-mf2.6vw clampManifesto lines — YOUR COMPETITORS ARE ALREADY ONLINE…
--fs-ct4vw clampContact section heading — LET'S BUILD…
--fs-lbl.6remSmall section labels — 001 // AI Agents
--fs-body.84remBody copy paragraphs — contact section text
--fs-sm.80remFeature lists, plan descriptions, agent panel text
--fs-xs.80remFine print — package notes, Send Inquiry button
SPACING — change in :root{}
--pad-v8remSection top/bottom padding — agents, packages, plans, contact
--pad-h2.5remSection left/right padding
--max-w1200pxMax content width (all sections)
--grid-sz65pxBackground grid cell size — CSS sections + canvas dots (must match CFG.gridStep)
ANIMATION — change in :root{}
--reveal.75sScroll reveal fade-in duration (all .r elements)
--reveal-y24pxScroll reveal Y rise distance (higher = more dramatic)
--blind.5sAgent blind panel open speed on hover
--blink2.4sHero "↓ SCROLL TO DISCOVER" blink cycle
CANVAS — HERO NODES — change in const CFG{}
CFG.heroBase.34 / .46Benefit node ring size — fraction of screen (mob / desktop). Higher = nodes farther out
CFG.nodeLerp.10Node position smoothing — lower = more lag/drag
CFG.mouseLerp.052Mouse tracking lag — lower = smoother/slower response
CFG.repelR200pxMouse repel radius — nodes push away within this distance
CFG.repelF95Mouse repel force — higher = stronger push
NODES[i].amp20–28Hover float distance per node (px) — each node in the NODES array
NODES[i].r.68–1.14Base radius multiplier per node — relative to heroBase ring
CANVAS — BACKGROUND ENERGY DOTS — change in const CFG{}
CFG.dotCount20Number of red dots travelling along grid lines
CFG.dotAlpha[.20, .34]Dot brightness range — 0 invisible, 1 solid red
CFG.dotSpeed[.04, .14]Dot travel speed range (units/sec)
CFG.dotRadius4pxDot glow radius
CFG.gridStep65Canvas grid spacing — must match CSS --grid-sz
CURSOR + GLITCH — change in const CFG{}
CFG.cursorLerp.14Custom cursor trail lag — lower = more delay
CFG.cursorOff9pxGap between the 4 red cursor squares
CFG.glitchMin3500msMin delay between hero slogan glitches
CFG.glitchMax12500msMax delay between hero slogan glitches
SCROLL BEHAVIOR — change in JS
scrollFade start50% scrollWhere benefit nodes start fading as hero scrolls away
scrollFade end100% scrollWhere nodes are fully gone (bottom of hero zone)
revObs threshold0.04How much of element must be visible to trigger scroll reveal
revObs rootMargin80pxPre-reveal buffer — elements reveal 80px before fully in view
Edit CSS vars → :root{} at top of <style> · Edit canvas/animation → const CFG at top of <script> · File: brand/web-services.html