{"id":79,"date":"2026-09-27T15:33:11","date_gmt":"2026-09-27T09:33:11","guid":{"rendered":"https:\/\/zyanstudio.com\/?page_id=79"},"modified":"2026-10-04T15:44:57","modified_gmt":"2026-10-04T09:44:57","slug":"home","status":"publish","type":"page","link":"https:\/\/zyanstudio.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"79\" class=\"elementor elementor-79\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa8bc3e e-con e-atomic-element e-flexbox-base e-d7fa0ed \" data-id=\"fa8bc3e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fa8bc3e\" data-e-type=\"e-flexbox\" data-id=\"fa8bc3e\">\n    \t\t<div class=\"elementor-element elementor-element-964a2e6 elementor-widget elementor-widget-html\" data-id=\"964a2e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Professional Websites for Local Businesses | Zyan Studio<\/title>\r\n\r\n<meta name=\"description\" content=\"Zyan Studio builds modern, fast and professional websites for local businesses designed to turn visitors into calls, quote requests and customers.\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n:root{\r\n    --dark:#03424F;\r\n    --dark2:#022F39;\r\n    --green:#03E758;\r\n    --green2:#62FC9B;\r\n    --cream:#F5F3EA;\r\n    --white:#FFFFFF;\r\n    --black:#102326;\r\n    --gray:#657776;\r\n    --light:#F5F9F8;\r\n    --border:#DCE8E6;\r\n    --soft-green:#E7FAEF;\r\n}\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n    font-family:'Poppins',sans-serif;\r\n    color:var(--black);\r\n    background:#fff;\r\n    line-height:1.6;\r\n    overflow-x:hidden;\r\n}\r\n\r\na{\r\n    text-decoration:none;\r\n    color:inherit;\r\n}\r\n\r\nbutton,\r\ninput,\r\ntextarea{\r\n    font-family:inherit;\r\n}\r\n\r\nimg{\r\n    max-width:100%;\r\n    display:block;\r\n}\r\n\r\n.container{\r\n    width:90%;\r\n    max-width:1180px;\r\n    margin:auto;\r\n}\r\n\r\n\/* =========================================================\r\n   NAVBAR\r\n========================================================= *\/\r\n\r\n.navbar{\r\n    position:sticky;\r\n    top:0;\r\n    z-index:9999;\r\n    background:rgba(3,66,79,.96);\r\n    backdrop-filter:blur(14px);\r\n    border-bottom:1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.nav-inner{\r\n    min-height:78px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n}\r\n\r\n.logo{\r\n    color:#fff;\r\n    font-size:25px;\r\n    font-weight:800;\r\n    letter-spacing:-1px;\r\n}\r\n\r\n.logo span{\r\n    color:var(--green);\r\n}\r\n\r\n.nav-links{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:30px;\r\n}\r\n\r\n.nav-links a{\r\n    color:#E5F1EF;\r\n    font-size:13px;\r\n    font-weight:500;\r\n    transition:.25s ease;\r\n}\r\n\r\n.nav-links a:hover{\r\n    color:var(--green);\r\n}\r\n\r\n.nav-cta{\r\n    background:var(--green);\r\n    color:var(--dark)!important;\r\n    padding:11px 19px;\r\n    border-radius:7px;\r\n    font-weight:700!important;\r\n}\r\n\r\n.nav-cta:hover{\r\n    background:var(--green2);\r\n}\r\n\r\n.menu-btn{\r\n    display:none;\r\n    color:#fff;\r\n    font-size:28px;\r\n    cursor:pointer;\r\n}\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n    padding:15px 25px;\r\n    border-radius:8px;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    transition:.25s ease;\r\n    border:1px solid transparent;\r\n}\r\n\r\n.btn-primary{\r\n    background:var(--green);\r\n    color:var(--dark);\r\n}\r\n\r\n.btn-primary:hover{\r\n    background:var(--green2);\r\n    transform:translateY(-3px);\r\n}\r\n\r\n.btn-outline{\r\n    color:#fff;\r\n    border-color:rgba(255,255,255,.3);\r\n}\r\n\r\n.btn-outline:hover{\r\n    background:#fff;\r\n    color:var(--dark);\r\n}\r\n\r\n.btn-dark{\r\n    background:var(--dark);\r\n    color:#fff;\r\n}\r\n\r\n.btn-dark:hover{\r\n    background:#075B6B;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.hero{\r\n    background:\r\n    radial-gradient(circle at 82% 20%,rgba(3,231,88,.13),transparent 28%),\r\n    radial-gradient(circle at 10% 90%,rgba(98,252,155,.07),transparent 25%),\r\n    var(--dark);\r\n    color:#fff;\r\n    padding:105px 0 95px;\r\n}\r\n\r\n.hero-grid{\r\n    display:grid;\r\n    grid-template-columns:1.05fr .95fr;\r\n    gap:65px;\r\n    align-items:center;\r\n}\r\n\r\n.hero-label{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    color:var(--green);\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:1.8px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.hero-label:before{\r\n    content:\"\";\r\n    width:8px;\r\n    height:8px;\r\n    background:var(--green);\r\n    border-radius:50%;\r\n}\r\n\r\n.hero h1{\r\n    font-size:clamp(43px,5.4vw,73px);\r\n    line-height:1.01;\r\n    letter-spacing:-3.5px;\r\n    max-width:720px;\r\n    margin-bottom:25px;\r\n}\r\n\r\n.hero h1 span{\r\n    color:var(--green);\r\n}\r\n\r\n.hero-text{\r\n    color:#D1E2DF;\r\n    max-width:590px;\r\n    font-size:17px;\r\n    line-height:1.8;\r\n    margin-bottom:32px;\r\n}\r\n\r\n.hero-buttons{\r\n    display:flex;\r\n    gap:13px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.hero-note{\r\n    margin-top:22px;\r\n    color:#A9C3BF;\r\n    font-size:11px;\r\n}\r\n\r\n\/* HERO MOCKUP *\/\r\n\r\n.website-preview{\r\n    position:relative;\r\n    background:#fff;\r\n    padding:11px;\r\n    border-radius:18px;\r\n    box-shadow:0 35px 90px rgba(0,0,0,.28);\r\n    transform:rotate(1deg);\r\n}\r\n\r\n.browser{\r\n    height:37px;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:6px;\r\n    padding-left:14px;\r\n    background:#EEF4F3;\r\n    border-radius:10px 10px 0 0;\r\n}\r\n\r\n.browser span{\r\n    width:8px;\r\n    height:8px;\r\n    border-radius:50%;\r\n    background:#B9C9C6;\r\n}\r\n\r\n.mock-page{\r\n    min-height:390px;\r\n    background:#F7FAF9;\r\n    border-radius:0 0 10px 10px;\r\n    padding:28px;\r\n}\r\n\r\n.mock-nav{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    margin-bottom:48px;\r\n}\r\n\r\n.mock-logo{\r\n    color:var(--dark);\r\n    font-size:13px;\r\n    font-weight:800;\r\n}\r\n\r\n.mock-nav-button{\r\n    background:var(--dark);\r\n    color:#fff;\r\n    padding:7px 12px;\r\n    border-radius:5px;\r\n    font-size:8px;\r\n    font-weight:700;\r\n}\r\n\r\n.mock-content{\r\n    max-width:330px;\r\n}\r\n\r\n.mock-content h3{\r\n    color:var(--dark);\r\n    font-size:32px;\r\n    line-height:1.1;\r\n    margin-bottom:14px;\r\n}\r\n\r\n.mock-content p{\r\n    color:#72827F;\r\n    font-size:10px;\r\n    line-height:1.7;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.mock-button{\r\n    display:inline-block;\r\n    background:var(--green);\r\n    color:var(--dark);\r\n    padding:9px 14px;\r\n    border-radius:5px;\r\n    font-size:8px;\r\n    font-weight:800;\r\n}\r\n\r\n.preview-floating{\r\n    position:absolute;\r\n    right:-28px;\r\n    bottom:28px;\r\n    background:#fff;\r\n    color:var(--dark);\r\n    padding:15px 19px;\r\n    border-radius:12px;\r\n    box-shadow:0 18px 40px rgba(0,0,0,.22);\r\n    font-size:12px;\r\n    font-weight:800;\r\n}\r\n\r\n.preview-floating small{\r\n    display:block;\r\n    color:#758581;\r\n    font-size:9px;\r\n    font-weight:500;\r\n}\r\n\r\n\/* =========================================================\r\n   TRUST STRIP\r\n========================================================= *\/\r\n\r\n.trust-strip{\r\n    background:var(--cream);\r\n    padding:24px 0;\r\n}\r\n\r\n.trust-items{\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    flex-wrap:wrap;\r\n    gap:15px 45px;\r\n}\r\n\r\n.trust-item{\r\n    color:#516562;\r\n    font-size:12px;\r\n    font-weight:600;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n}\r\n\r\n.trust-check{\r\n    width:19px;\r\n    height:19px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    background:var(--green);\r\n    color:var(--dark);\r\n    border-radius:50%;\r\n    font-size:10px;\r\n    font-weight:900;\r\n}\r\n\r\n\/* =========================================================\r\n   GENERAL SECTIONS\r\n========================================================= *\/\r\n\r\n.section{\r\n    padding:100px 0;\r\n}\r\n\r\n.section-light{\r\n    background:var(--light);\r\n}\r\n\r\n.section-cream{\r\n    background:var(--cream);\r\n}\r\n\r\n.section-head{\r\n    max-width:700px;\r\n    text-align:center;\r\n    margin:0 auto 55px;\r\n}\r\n\r\n.eyebrow{\r\n    color:#008B4A;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:1.8px;\r\n    margin-bottom:13px;\r\n}\r\n\r\n.section-head h2{\r\n    color:var(--dark);\r\n    font-size:clamp(33px,4vw,49px);\r\n    line-height:1.1;\r\n    letter-spacing:-2px;\r\n    margin-bottom:17px;\r\n}\r\n\r\n.section-head p{\r\n    color:var(--gray);\r\n    font-size:15px;\r\n}\r\n\r\n\/* =========================================================\r\n   PROBLEM SECTION\r\n========================================================= *\/\r\n\r\n.problem-grid{\r\n    display:grid;\r\n    grid-template-columns:.9fr 1.1fr;\r\n    gap:70px;\r\n    align-items:center;\r\n}\r\n\r\n.problem-left h2{\r\n    color:var(--dark);\r\n    font-size:clamp(35px,4vw,50px);\r\n    line-height:1.1;\r\n    letter-spacing:-2px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.problem-left p{\r\n    color:var(--gray);\r\n    font-size:15px;\r\n    line-height:1.9;\r\n}\r\n\r\n.problem-boxes{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:15px;\r\n}\r\n\r\n.problem-card{\r\n    padding:26px;\r\n    background:#fff;\r\n    border:1px solid var(--border);\r\n    border-radius:13px;\r\n    transition:.3s;\r\n}\r\n\r\n.problem-card:hover{\r\n    transform:translateY(-5px);\r\n    box-shadow:0 18px 35px rgba(3,66,79,.08);\r\n}\r\n\r\n.problem-number{\r\n    color:#B2C5C1;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    margin-bottom:17px;\r\n}\r\n\r\n.problem-card h3{\r\n    color:var(--dark);\r\n    font-size:16px;\r\n    margin-bottom:7px;\r\n}\r\n\r\n.problem-card p{\r\n    color:var(--gray);\r\n    font-size:12px;\r\n    line-height:1.7;\r\n}\r\n\r\n\/* =========================================================\r\n   SERVICES\r\n========================================================= *\/\r\n\r\n.services-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:18px;\r\n}\r\n\r\n.service-card{\r\n    background:#fff;\r\n    border:1px solid var(--border);\r\n    border-radius:14px;\r\n    padding:31px;\r\n    transition:.3s ease;\r\n}\r\n\r\n.service-card:hover{\r\n    transform:translateY(-7px);\r\n    box-shadow:0 20px 45px rgba(3,66,79,.09);\r\n    border-color:#B8D8D2;\r\n}\r\n\r\n.service-number{\r\n    width:42px;\r\n    height:42px;\r\n    border-radius:9px;\r\n    background:var(--dark);\r\n    color:var(--green);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    margin-bottom:23px;\r\n}\r\n\r\n.service-card h3{\r\n    color:var(--dark);\r\n    font-size:19px;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.service-card p{\r\n    color:var(--gray);\r\n    font-size:13px;\r\n    line-height:1.8;\r\n}\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n.features-wrapper{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:22px;\r\n}\r\n\r\n.feature-box{\r\n    background:#fff;\r\n    border:1px solid var(--border);\r\n    border-radius:14px;\r\n    padding:30px;\r\n}\r\n\r\n.feature-box h3{\r\n    color:var(--dark);\r\n    font-size:20px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.feature-list{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:12px;\r\n}\r\n\r\n.feature{\r\n    display:flex;\r\n    gap:10px;\r\n    color:#536462;\r\n    font-size:12px;\r\n}\r\n\r\n.feature span{\r\n    color:#008B4A;\r\n    font-weight:800;\r\n}\r\n\r\n\/* =========================================================\r\n   BEFORE \/ AFTER\r\n========================================================= *\/\r\n\r\n.redesign-section{\r\n    background:var(--dark);\r\n    color:#fff;\r\n}\r\n\r\n.redesign-section .section-head h2{\r\n    color:#fff;\r\n}\r\n\r\n.redesign-section .section-head p{\r\n    color:#BBD0CC;\r\n}\r\n\r\n.redesign-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:22px;\r\n}\r\n\r\n.design-preview{\r\n    border-radius:15px;\r\n    overflow:hidden;\r\n    background:#fff;\r\n}\r\n\r\n.preview-label{\r\n    padding:12px 18px;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:1px;\r\n}\r\n\r\n.old-label{\r\n    background:#E9EEED;\r\n    color:#687876;\r\n}\r\n\r\n.new-label{\r\n    background:var(--green);\r\n    color:var(--dark);\r\n}\r\n\r\n.old-site,\r\n.new-site{\r\n    min-height:350px;\r\n    padding:30px;\r\n}\r\n\r\n.old-site{\r\n    background:#F0F1F0;\r\n}\r\n\r\n.old-header{\r\n    height:30px;\r\n    background:#C8CDCB;\r\n    margin-bottom:30px;\r\n}\r\n\r\n.old-title{\r\n    width:65%;\r\n    height:25px;\r\n    background:#AEB6B3;\r\n    margin-bottom:15px;\r\n}\r\n\r\n.old-line{\r\n    width:90%;\r\n    height:10px;\r\n    background:#CCD1CF;\r\n    margin-bottom:8px;\r\n}\r\n\r\n.old-line.short{\r\n    width:65%;\r\n}\r\n\r\n.old-button{\r\n    width:100px;\r\n    height:28px;\r\n    background:#9EA8A5;\r\n    margin-top:22px;\r\n}\r\n\r\n.new-site{\r\n    background:#F7FAF9;\r\n}\r\n\r\n.new-header{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    margin-bottom:40px;\r\n}\r\n\r\n.new-logo{\r\n    color:var(--dark);\r\n    font-weight:800;\r\n    font-size:12px;\r\n}\r\n\r\n.new-nav{\r\n    display:flex;\r\n    gap:6px;\r\n}\r\n\r\n.new-nav span{\r\n    width:25px;\r\n    height:5px;\r\n    background:#BBD0CC;\r\n    border-radius:5px;\r\n}\r\n\r\n.new-title{\r\n    color:var(--dark);\r\n    font-size:29px;\r\n    font-weight:800;\r\n    line-height:1.1;\r\n    max-width:260px;\r\n    margin-bottom:15px;\r\n}\r\n\r\n.new-text{\r\n    width:85%;\r\n    color:#72827F;\r\n    font-size:10px;\r\n    line-height:1.6;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.new-button{\r\n    display:inline-block;\r\n    padding:9px 14px;\r\n    background:var(--green);\r\n    color:var(--dark);\r\n    border-radius:5px;\r\n    font-size:8px;\r\n    font-weight:800;\r\n}\r\n\r\n.redesign-bottom{\r\n    text-align:center;\r\n    margin-top:30px;\r\n    color:#BBD0CC;\r\n    font-size:13px;\r\n}\r\n\r\n\/* =========================================================\r\n   PRICING\r\n========================================================= *\/\r\n\r\n.pricing{\r\n    background:var(--dark);\r\n}\r\n\r\n.pricing .section-head h2{\r\n    color:#fff;\r\n}\r\n\r\n.pricing .section-head p{\r\n    color:#BBD0CC;\r\n}\r\n\r\n.pricing-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:18px;\r\n    align-items:stretch;\r\n}\r\n\r\n.price-card{\r\n    background:#fff;\r\n    border-radius:15px;\r\n    padding:34px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    position:relative;\r\n}\r\n\r\n.price-card.featured{\r\n    border:3px solid var(--green);\r\n    transform:translateY(-9px);\r\n}\r\n\r\n.popular{\r\n    position:absolute;\r\n    top:-14px;\r\n    right:20px;\r\n    background:var(--green);\r\n    color:var(--dark);\r\n    padding:6px 13px;\r\n    border-radius:30px;\r\n    font-size:9px;\r\n    font-weight:800;\r\n}\r\n\r\n.price-card h3{\r\n    color:var(--dark);\r\n    font-size:23px;\r\n    margin-bottom:7px;\r\n}\r\n\r\n.price-description{\r\n    color:var(--gray);\r\n    font-size:12px;\r\n    min-height:52px;\r\n}\r\n\r\n.price{\r\n    color:var(--dark);\r\n    font-size:39px;\r\n    line-height:1;\r\n    font-weight:800;\r\n    margin:24px 0;\r\n    letter-spacing:-1.5px;\r\n}\r\n\r\n.price span{\r\n    color:var(--gray);\r\n    font-size:11px;\r\n    font-weight:500;\r\n    letter-spacing:0;\r\n}\r\n\r\n.features-list{\r\n    list-style:none;\r\n    margin-bottom:28px;\r\n    flex:1;\r\n}\r\n\r\n.features-list li{\r\n    padding:8px 0;\r\n    border-bottom:1px solid #EDF1F0;\r\n    color:#536462;\r\n    font-size:12px;\r\n}\r\n\r\n.features-list li:before{\r\n    content:\"\u2713\";\r\n    color:#008B4A;\r\n    font-weight:800;\r\n    margin-right:9px;\r\n}\r\n\r\n.price-button{\r\n    width:100%;\r\n    text-align:center;\r\n    padding:14px;\r\n    border-radius:8px;\r\n    background:var(--dark);\r\n    color:#fff;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    transition:.25s;\r\n}\r\n\r\n.price-button:hover{\r\n    background:#075B6B;\r\n}\r\n\r\n.featured .price-button{\r\n    background:var(--green);\r\n    color:var(--dark);\r\n}\r\n\r\n\/* =========================================================\r\n   COMPARISON\r\n========================================================= *\/\r\n\r\n.comparison-wrapper{\r\n    overflow-x:auto;\r\n}\r\n\r\n.comparison-table{\r\n    width:100%;\r\n    min-width:750px;\r\n    border-collapse:collapse;\r\n    background:#fff;\r\n    border:1px solid var(--border);\r\n    border-radius:12px;\r\n    overflow:hidden;\r\n}\r\n\r\n.comparison-table th{\r\n    background:var(--dark);\r\n    color:#fff;\r\n    padding:18px;\r\n    font-size:12px;\r\n    text-align:center;\r\n}\r\n\r\n.comparison-table th:first-child{\r\n    text-align:left;\r\n}\r\n\r\n.comparison-table td{\r\n    padding:15px 18px;\r\n    border-bottom:1px solid var(--border);\r\n    color:#596B68;\r\n    font-size:12px;\r\n    text-align:center;\r\n}\r\n\r\n.comparison-table td:first-child{\r\n    color:var(--dark);\r\n    font-weight:600;\r\n    text-align:left;\r\n}\r\n\r\n.table-check{\r\n    color:#008B4A;\r\n    font-weight:800;\r\n    font-size:16px;\r\n}\r\n\r\n\/* =========================================================\r\n   INDUSTRIES\r\n========================================================= *\/\r\n\r\n.industries{\r\n    display:flex;\r\n    justify-content:center;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n    max-width:900px;\r\n    margin:auto;\r\n}\r\n\r\n.industry{\r\n    padding:12px 19px;\r\n    border:1px solid var(--border);\r\n    border-radius:30px;\r\n    background:#fff;\r\n    color:var(--dark);\r\n    font-size:12px;\r\n    font-weight:600;\r\n    transition:.25s;\r\n}\r\n\r\n.industry:hover{\r\n    background:var(--dark);\r\n    color:#fff;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n========================================================= *\/\r\n\r\n.process-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:17px;\r\n}\r\n\r\n.process-card{\r\n    background:#fff;\r\n    border:1px solid var(--border);\r\n    border-radius:14px;\r\n    padding:28px;\r\n}\r\n\r\n.process-number{\r\n    color:#B8C9C5;\r\n    font-size:39px;\r\n    font-weight:800;\r\n    line-height:1;\r\n    margin-bottom:24px;\r\n}\r\n\r\n.process-card h3{\r\n    color:var(--dark);\r\n    font-size:17px;\r\n    margin-bottom:9px;\r\n}\r\n\r\n.process-card p{\r\n    color:var(--gray);\r\n    font-size:12px;\r\n    line-height:1.8;\r\n}\r\n\r\n\/* =========================================================\r\n   WHY CHOOSE US\r\n========================================================= *\/\r\n\r\n.why-grid{\r\n    display:grid;\r\n    grid-template-columns:.85fr 1.15fr;\r\n    gap:65px;\r\n    align-items:center;\r\n}\r\n\r\n.why-dark{\r\n    background:var(--dark);\r\n    border-radius:18px;\r\n    padding:48px;\r\n    min-height:390px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n}\r\n\r\n.why-dark h2{\r\n    color:#fff;\r\n    font-size:34px;\r\n    line-height:1.15;\r\n    letter-spacing:-1.3px;\r\n    margin-bottom:17px;\r\n}\r\n\r\n.why-dark p{\r\n    color:#BDD1CD;\r\n    font-size:13px;\r\n    line-height:1.9;\r\n}\r\n\r\n.why-list{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:28px;\r\n}\r\n\r\n.why-item{\r\n    display:flex;\r\n    gap:13px;\r\n}\r\n\r\n.why-icon{\r\n    min-width:32px;\r\n    height:32px;\r\n    border-radius:50%;\r\n    background:var(--soft-green);\r\n    color:#008B4A;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-weight:800;\r\n}\r\n\r\n.why-item h4{\r\n    color:var(--dark);\r\n    font-size:15px;\r\n    margin-bottom:5px;\r\n}\r\n\r\n.why-item p{\r\n    color:var(--gray);\r\n    font-size:11px;\r\n    line-height:1.7;\r\n}\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.cta{\r\n    background:var(--cream);\r\n    padding:100px 0;\r\n}\r\n\r\n.cta-box{\r\n    background:var(--dark);\r\n    border-radius:20px;\r\n    padding:75px 35px;\r\n    text-align:center;\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.cta-box:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:350px;\r\n    height:350px;\r\n    border-radius:50%;\r\n    background:var(--green);\r\n    opacity:.07;\r\n    right:-130px;\r\n    top:-170px;\r\n}\r\n\r\n.cta-box h2{\r\n    position:relative;\r\n    color:#fff;\r\n    font-size:clamp(34px,4vw,53px);\r\n    line-height:1.08;\r\n    letter-spacing:-2px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.cta-box p{\r\n    position:relative;\r\n    color:#C2D4D1;\r\n    max-width:580px;\r\n    margin:0 auto 30px;\r\n    font-size:14px;\r\n}\r\n\r\n.cta-note{\r\n    color:#8FAAA6;\r\n    font-size:10px;\r\n    margin-top:15px;\r\n}\r\n\r\n\/* =========================================================\r\n   FAQ\r\n========================================================= *\/\r\n\r\n.faq{\r\n    max-width:820px;\r\n    margin:auto;\r\n}\r\n\r\ndetails{\r\n    border-bottom:1px solid var(--border);\r\n    padding:20px 0;\r\n}\r\n\r\nsummary{\r\n    list-style:none;\r\n    cursor:pointer;\r\n    color:var(--dark);\r\n    font-size:14px;\r\n    font-weight:700;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n}\r\n\r\nsummary::-webkit-details-marker{\r\n    display:none;\r\n}\r\n\r\nsummary:after{\r\n    content:\"+\";\r\n    color:#008B4A;\r\n    font-size:20px;\r\n    line-height:1;\r\n}\r\n\r\ndetails[open] summary:after{\r\n    content:\"\u2212\";\r\n}\r\n\r\ndetails p{\r\n    color:var(--gray);\r\n    font-size:13px;\r\n    line-height:1.8;\r\n    max-width:700px;\r\n    padding-top:13px;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTACT FORM\r\n========================================================= *\/\r\n\r\n.contact-section{\r\n    background:#fff;\r\n}\r\n\r\n.contact-grid{\r\n    display:grid;\r\n    grid-template-columns:.85fr 1.15fr;\r\n    gap:60px;\r\n    align-items:start;\r\n}\r\n\r\n.contact-info h2{\r\n    color:var(--dark);\r\n    font-size:39px;\r\n    line-height:1.15;\r\n    letter-spacing:-1.5px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.contact-info p{\r\n    color:var(--gray);\r\n    font-size:14px;\r\n    line-height:1.8;\r\n    margin-bottom:25px;\r\n}\r\n\r\n.contact-points{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:13px;\r\n}\r\n\r\n.contact-point{\r\n    color:var(--dark);\r\n    font-size:12px;\r\n    font-weight:600;\r\n}\r\n\r\n.contact-point span{\r\n    color:#008B4A;\r\n    margin-right:8px;\r\n}\r\n\r\n.contact-form{\r\n    background:var(--light);\r\n    padding:32px;\r\n    border-radius:15px;\r\n    border:1px solid var(--border);\r\n}\r\n\r\n.form-row{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:14px;\r\n}\r\n\r\n.form-group{\r\n    margin-bottom:14px;\r\n}\r\n\r\n.form-group label{\r\n    display:block;\r\n    color:var(--dark);\r\n    font-size:11px;\r\n    font-weight:700;\r\n    margin-bottom:6px;\r\n}\r\n\r\n.form-group input,\r\n.form-group textarea,\r\n.form-group select{\r\n    width:100%;\r\n    border:1px solid #D5E2DF;\r\n    background:#fff;\r\n    border-radius:7px;\r\n    padding:12px;\r\n    outline:none;\r\n    font-size:12px;\r\n    color:var(--black);\r\n    transition:.2s;\r\n}\r\n\r\n.form-group textarea{\r\n    min-height:110px;\r\n    resize:vertical;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group textarea:focus,\r\n.form-group select:focus{\r\n    border-color:#67D99A;\r\n    box-shadow:0 0 0 3px rgba(3,231,88,.1);\r\n}\r\n\r\n.form-submit{\r\n    width:100%;\r\n    border:0;\r\n    cursor:pointer;\r\n}\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n========================================================= *\/\r\n\r\nfooter{\r\n    background:var(--dark2);\r\n    color:#fff;\r\n    padding:60px 0 25px;\r\n}\r\n\r\n.footer-grid{\r\n    display:grid;\r\n    grid-template-columns:1.4fr 1fr 1fr 1fr;\r\n    gap:45px;\r\n    padding-bottom:45px;\r\n}\r\n\r\n.footer-logo{\r\n    font-size:25px;\r\n    font-weight:800;\r\n    margin-bottom:14px;\r\n}\r\n\r\n.footer-logo span{\r\n    color:var(--green);\r\n}\r\n\r\n.footer-description{\r\n    color:#A9C2BE;\r\n    font-size:12px;\r\n    line-height:1.8;\r\n    max-width:340px;\r\n}\r\n\r\nfooter h4{\r\n    font-size:13px;\r\n    margin-bottom:15px;\r\n}\r\n\r\n.footer-links{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:8px;\r\n}\r\n\r\n.footer-links a{\r\n    color:#9EB9B5;\r\n    font-size:12px;\r\n    transition:.2s;\r\n}\r\n\r\n.footer-links a:hover{\r\n    color:var(--green);\r\n}\r\n\r\n.footer-bottom{\r\n    border-top:1px solid rgba(255,255,255,.1);\r\n    padding-top:22px;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n    color:#779591;\r\n    font-size:10px;\r\n}\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n========================================================= *\/\r\n\r\n.reveal{\r\n    opacity:0;\r\n    transform:translateY(25px);\r\n    transition:opacity .7s ease,transform .7s ease;\r\n}\r\n\r\n.reveal.visible{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n    .hero-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .website-preview{\r\n        max-width:650px;\r\n        margin:15px auto 0;\r\n    }\r\n\r\n    .problem-grid,\r\n    .why-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .services-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .pricing-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .price-card.featured{\r\n        transform:none;\r\n    }\r\n\r\n    .process-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .footer-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .contact-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n    .nav-links{\r\n        display:none;\r\n        position:absolute;\r\n        top:78px;\r\n        left:0;\r\n        width:100%;\r\n        padding:22px 5%;\r\n        background:var(--dark);\r\n        flex-direction:column;\r\n        align-items:stretch;\r\n        gap:17px;\r\n        border-top:1px solid rgba(255,255,255,.1);\r\n    }\r\n\r\n    .nav-links.active{\r\n        display:flex;\r\n    }\r\n\r\n    .nav-links a{\r\n        padding:5px 0;\r\n    }\r\n\r\n    .nav-cta{\r\n        text-align:center;\r\n    }\r\n\r\n    .menu-btn{\r\n        display:block;\r\n    }\r\n\r\n    .hero{\r\n        padding:70px 0;\r\n    }\r\n\r\n    .hero h1{\r\n        letter-spacing:-2.5px;\r\n    }\r\n\r\n    .hero-text{\r\n        font-size:15px;\r\n    }\r\n\r\n    .hero-buttons{\r\n        flex-direction:column;\r\n    }\r\n\r\n    .hero-buttons .btn{\r\n        width:100%;\r\n    }\r\n\r\n    .preview-floating{\r\n        right:-5px;\r\n    }\r\n\r\n    .section{\r\n        padding:70px 0;\r\n    }\r\n\r\n    .services-grid,\r\n    .problem-boxes,\r\n    .features-wrapper,\r\n    .redesign-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .feature-list{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .process-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .why-list{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .why-dark{\r\n        padding:35px;\r\n        min-height:auto;\r\n    }\r\n\r\n    .contact-form{\r\n        padding:23px;\r\n    }\r\n\r\n    .form-row{\r\n        grid-template-columns:1fr;\r\n        gap:0;\r\n    }\r\n\r\n    .footer-grid{\r\n        grid-template-columns:1fr;\r\n        gap:30px;\r\n    }\r\n\r\n    .footer-bottom{\r\n        flex-direction:column;\r\n    }\r\n\r\n    .cta{\r\n        padding:70px 0;\r\n    }\r\n\r\n    .cta-box{\r\n        padding:55px 22px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:450px){\r\n\r\n    .container{\r\n        width:92%;\r\n    }\r\n\r\n    .mock-page{\r\n        min-height:330px;\r\n        padding:20px;\r\n    }\r\n\r\n    .mock-content h3{\r\n        font-size:25px;\r\n    }\r\n\r\n    .website-preview{\r\n        transform:none;\r\n    }\r\n\r\n    .price-card{\r\n        padding:27px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<!-- =======================================================\r\n     NAVIGATION\r\n======================================================= -->\r\n\r\n<header class=\"navbar\">\r\n\r\n<div class=\"container nav-inner\">\r\n\r\n<a href=\"#\" class=\"logo\">\r\nZyan<span>.<\/span>\r\n<\/a>\r\n\r\n<div class=\"menu-btn\" id=\"menuBtn\">\r\n\u2630\r\n<\/div>\r\n\r\n<nav class=\"nav-links\" id=\"navLinks\">\r\n\r\n<a href=\"#services\">Services<\/a>\r\n\r\n<a href=\"#packages\">Packages<\/a>\r\n\r\n<a href=\"#process\">Process<\/a>\r\n\r\n<a href=\"#faq\">FAQ<\/a>\r\n\r\n<a href=\"#contact\" class=\"nav-cta\">\r\nGet a Website\r\n<\/a>\r\n\r\n<\/nav>\r\n\r\n<\/div>\r\n\r\n<\/header>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     HERO\r\n======================================================= -->\r\n\r\n<section class=\"hero\">\r\n\r\n<div class=\"container hero-grid\">\r\n\r\n<div class=\"reveal\">\r\n\r\n<div class=\"hero-label\">\r\nWEBSITES FOR LOCAL BUSINESSES\r\n<\/div>\r\n\r\n<h1>\r\nA better website can make your business look <span>better.<\/span>\r\n<\/h1>\r\n\r\n<p class=\"hero-text\">\r\nWe design and build modern, fast and professional websites for local businesses that want more calls, quote requests, bookings and customers.\r\n<\/p>\r\n\r\n<div class=\"hero-buttons\">\r\n\r\n<a href=\"#packages\" class=\"btn btn-primary\">\r\nView Website Packages \u2192\r\n<\/a>\r\n\r\n<a href=\"#contact\" class=\"btn btn-outline\">\r\nGet a Free Quote\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<p class=\"hero-note\">\r\n\u2713 Mobile-friendly &nbsp; \u2713 Professional design &nbsp; \u2713 Built for local businesses\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"website-preview reveal\">\r\n\r\n<div class=\"browser\">\r\n\r\n<span><\/span>\r\n<span><\/span>\r\n<span><\/span>\r\n\r\n<\/div>\r\n\r\n<div class=\"mock-page\">\r\n\r\n<div class=\"mock-nav\">\r\n\r\n<div class=\"mock-logo\">\r\nLOCAL BUSINESS\r\n<\/div>\r\n\r\n<div class=\"mock-nav-button\">\r\nGET A QUOTE\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"mock-content\">\r\n\r\n<h3>\r\nGreat service deserves a great website.\r\n<\/h3>\r\n\r\n<p>\r\nMake a strong first impression with a website that clearly explains your services and makes it easy for customers to contact you.\r\n<\/p>\r\n\r\n<div class=\"mock-button\">\r\nREQUEST A QUOTE\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"preview-floating\">\r\n\u2605\u2605\u2605\u2605\u2605\r\n<small>Professional website experience<\/small>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     TRUST STRIP\r\n======================================================= -->\r\n\r\n<section class=\"trust-strip\">\r\n\r\n<div class=\"container trust-items\">\r\n\r\n<div class=\"trust-item\">\r\n<span class=\"trust-check\">\u2713<\/span>\r\nMobile Friendly\r\n<\/div>\r\n\r\n<div class=\"trust-item\">\r\n<span class=\"trust-check\">\u2713<\/span>\r\nFast Loading\r\n<\/div>\r\n\r\n<div class=\"trust-item\">\r\n<span class=\"trust-check\">\u2713<\/span>\r\nLocal Business Focused\r\n<\/div>\r\n\r\n<div class=\"trust-item\">\r\n<span class=\"trust-check\">\u2713<\/span>\r\nConversion Focused\r\n<\/div>\r\n\r\n<div class=\"trust-item\">\r\n<span class=\"trust-check\">\u2713<\/span>\r\nEasy To Manage\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     PROBLEM\r\n======================================================= -->\r\n\r\n<section class=\"section\">\r\n\r\n<div class=\"container problem-grid\">\r\n\r\n<div class=\"problem-left reveal\">\r\n\r\n<div class=\"eyebrow\">\r\nYOUR WEBSITE MATTERS\r\n<\/div>\r\n\r\n<h2>\r\nIs your website making customers leave?\r\n<\/h2>\r\n\r\n<p>\r\nPeople often check a business website before they call, visit or request a quote. If your website looks outdated, loads slowly or makes information hard to find, you could lose potential customers before you ever speak with them.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"problem-boxes reveal\">\r\n\r\n<div class=\"problem-card\">\r\n\r\n<div class=\"problem-number\">\r\n01\r\n<\/div>\r\n\r\n<h3>Looks Outdated<\/h3>\r\n\r\n<p>\r\nAn old-looking website can make a good business look less professional.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"problem-card\">\r\n\r\n<div class=\"problem-number\">\r\n02\r\n<\/div>\r\n\r\n<h3>Hard to Use<\/h3>\r\n\r\n<p>\r\nCustomers should not have to search around to understand what you offer.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"problem-card\">\r\n\r\n<div class=\"problem-number\">\r\n03\r\n<\/div>\r\n\r\n<h3>Bad on Mobile<\/h3>\r\n\r\n<p>\r\nYour website needs to work properly on the device your customers use most.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"problem-card\">\r\n\r\n<div class=\"problem-number\">\r\n04\r\n<\/div>\r\n\r\n<h3>No Clear Action<\/h3>\r\n\r\n<p>\r\nVisitors should always know how to call, book or request a quote.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     SERVICES\r\n======================================================= -->\r\n\r\n<section class=\"section section-light\" id=\"services\">\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"section-head reveal\">\r\n\r\n<div class=\"eyebrow\">\r\nWHAT WE BUILD\r\n<\/div>\r\n\r\n<h2>\r\nEverything your local business website needs.\r\n<\/h2>\r\n\r\n<p>\r\nNo unnecessary complexity. We focus on making your business look professional and making it easy for customers to take the next step.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"services-grid\">\r\n\r\n<div class=\"service-card reveal\">\r\n\r\n<div class=\"service-number\">\r\n01\r\n<\/div>\r\n\r\n<h3>Custom Website Design<\/h3>\r\n\r\n<p>\r\nA clean and modern design built around your business, industry and customers.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"service-card reveal\">\r\n\r\n<div class=\"service-number\">\r\n02\r\n<\/div>\r\n\r\n<h3>Website Development<\/h3>\r\n\r\n<p>\r\nResponsive websites that work smoothly across phones, tablets and desktop computers.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"service-card reveal\">\r\n\r\n<div class=\"service-number\">\r\n03\r\n<\/div>\r\n\r\n<h3>Service Pages<\/h3>\r\n\r\n<p>\r\nClear pages for each important service so customers can quickly understand what you offer.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"service-card reveal\">\r\n\r\n<div class=\"service-number\">\r\n04\r\n<\/div>\r\n\r\n<h3>Lead Generation<\/h3>\r\n\r\n<p>\r\nClear calls-to-action that encourage visitors to call, message, book or request a quote.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"service-card reveal\">\r\n\r\n<div class=\"service-number\">\r\n05\r\n<\/div>\r\n\r\n<h3>Website Redesign<\/h3>\r\n\r\n<p>\r\nTransform an outdated website into a modern, professional online presence.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"service-card reveal\">\r\n\r\n<div class=\"service-number\">\r\n06\r\n<\/div>\r\n\r\n<h3>Website Support<\/h3>\r\n\r\n<p>\r\nNeed new pages, content changes or updates after launch? We can help keep your site current.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     WEBSITE FEATURES\r\n======================================================= -->\r\n\r\n<section class=\"section\">\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"section-head reveal\">\r\n\r\n<div class=\"eyebrow\">\r\nWHAT'S INCLUDED\r\n<\/div>\r\n\r\n<h2>\r\nA website built around your customers.\r\n<\/h2>\r\n\r\n<p>\r\nWe focus on the details that make a local business website useful, trustworthy and easy to use.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"features-wrapper\">\r\n\r\n<div class=\"feature-box reveal\">\r\n\r\n<h3>\r\nEvery website can include\r\n<\/h3>\r\n\r\n<div class=\"feature-list\">\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Mobile responsive design\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Custom layout\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Contact forms\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Quote request forms\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Click-to-call buttons\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Google Maps\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Social media links\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Basic SEO structure\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Speed optimization\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Clear CTAs\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Service sections\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> FAQ sections\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"feature-box reveal\">\r\n\r\n<h3>\r\nBuilt for local customers\r\n<\/h3>\r\n\r\n<div class=\"feature-list\">\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Easy-to-find phone number\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Service information\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Location information\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Business hours\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Trust-building content\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Strong calls-to-action\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Mobile-first experience\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Clean navigation\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Professional typography\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Modern visual design\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Easy content structure\r\n<\/div>\r\n\r\n<div class=\"feature\">\r\n<span>\u2713<\/span> Scalable pages\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     BEFORE \/ AFTER\r\n======================================================= -->\r\n\r\n<section class=\"section redesign-section\">\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"section-head reveal\">\r\n\r\n<div class=\"eyebrow\">\r\nREDESIGN\r\n<\/div>\r\n\r\n<h2>\r\nTurn an outdated website into a better first impression.\r\n<\/h2>\r\n\r\n<p>\r\nAlready have a website? We can redesign it without forcing you to start your business from scratch.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"redesign-grid\">\r\n\r\n<div class=\"design-preview reveal\">\r\n\r\n<div class=\"preview-label old-label\">\r\nBEFORE\r\n<\/div>\r\n\r\n<div class=\"old-site\">\r\n\r\n<div class=\"old-header\"><\/div>\r\n\r\n<div class=\"old-title\"><\/div>\r\n\r\n<div class=\"old-line\"><\/div>\r\n\r\n<div class=\"old-line\"><\/div>\r\n\r\n<div class=\"old-line short\"><\/div>\r\n\r\n<div class=\"old-button\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"design-preview reveal\">\r\n\r\n<div class=\"preview-label new-label\">\r\nAFTER\r\n<\/div>\r\n\r\n<div class=\"new-site\">\r\n\r\n<div class=\"new-header\">\r\n\r\n<div class=\"new-logo\">\r\nLOCAL BUSINESS\r\n<\/div>\r\n\r\n<div class=\"new-nav\">\r\n\r\n<span><\/span>\r\n<span><\/span>\r\n<span><\/span>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"new-title\">\r\nA professional website built for your customers.\r\n<\/div>\r\n\r\n<div class=\"new-text\">\r\nClear information, strong calls-to-action and a modern experience across every device.\r\n<\/div>\r\n\r\n<div class=\"new-button\">\r\nGET A QUOTE\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"redesign-bottom\">\r\nYour business may already be great. Your website should show it.\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     PACKAGES\r\n======================================================= -->\r\n\r\n<section class=\"section pricing\" id=\"packages\">\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"section-head reveal\">\r\n\r\n<div class=\"eyebrow\">\r\nWEBSITE PACKAGES\r\n<\/div>\r\n\r\n<h2>\r\nSimple packages. No confusing pricing.\r\n<\/h2>\r\n\r\n<p>\r\nChoose the package that matches where your business is today. Need something different? We can create a custom plan.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"pricing-grid\">\r\n\r\n\r\n<!-- STARTER -->\r\n\r\n<div class=\"price-card reveal\">\r\n\r\n<h3>\r\nStarter\r\n<\/h3>\r\n\r\n<p class=\"price-description\">\r\nFor small businesses that need a clean and professional online presence.\r\n<\/p>\r\n\r\n<div class=\"price\">\r\n$399 <span>\/ project<\/span>\r\n<\/div>\r\n\r\n<ul class=\"features-list\">\r\n\r\n<li>Up to 4 pages<\/li>\r\n<li>Custom website design<\/li>\r\n<li>Mobile responsive<\/li>\r\n<li>Contact form<\/li>\r\n<li>Click-to-call button<\/li>\r\n<li>Google Maps<\/li>\r\n<li>Basic SEO structure<\/li>\r\n<li>Social links<\/li>\r\n<li>7 days support<\/li>\r\n\r\n<\/ul>\r\n\r\n<a href=\"#contact\" class=\"price-button\">\r\nChoose Starter\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- BUSINESS -->\r\n\r\n<div class=\"price-card featured reveal\">\r\n\r\n<div class=\"popular\">\r\nMOST POPULAR\r\n<\/div>\r\n\r\n<h3>\r\nBusiness\r\n<\/h3>\r\n\r\n<p class=\"price-description\">\r\nFor growing local businesses that need a stronger website to generate leads.\r\n<\/p>\r\n\r\n<div class=\"price\">\r\n$699 <span>\/ project<\/span>\r\n<\/div>\r\n\r\n<ul class=\"features-list\">\r\n\r\n<li>Up to 8 pages<\/li>\r\n<li>Premium custom design<\/li>\r\n<li>Mobile responsive<\/li>\r\n<li>Lead \/ quote forms<\/li>\r\n<li>Multiple service pages<\/li>\r\n<li>Google Maps<\/li>\r\n<li>Local SEO structure<\/li>\r\n<li>Speed optimization<\/li>\r\n<li>CTA optimization<\/li>\r\n<li>14 days support<\/li>\r\n\r\n<\/ul>\r\n\r\n<a href=\"#contact\" class=\"price-button\">\r\nChoose Business\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- PREMIUM -->\r\n\r\n<div class=\"price-card reveal\">\r\n\r\n<h3>\r\nPremium\r\n<\/h3>\r\n\r\n<p class=\"price-description\">\r\nFor established businesses that want a complete and polished website experience.\r\n<\/p>\r\n\r\n<div class=\"price\">\r\n$1,199 <span>\/ project<\/span>\r\n<\/div>\r\n\r\n<ul class=\"features-list\">\r\n\r\n<li>Up to 15 pages<\/li>\r\n<li>Premium custom design<\/li>\r\n<li>Advanced responsive design<\/li>\r\n<li>Multiple service pages<\/li>\r\n<li>Location pages<\/li>\r\n<li>Advanced forms<\/li>\r\n<li>Local SEO structure<\/li>\r\n<li>Speed optimization<\/li>\r\n<li>Conversion-focused layout<\/li>\r\n<li>Google Maps<\/li>\r\n<li>30 days support<\/li>\r\n\r\n<\/ul>\r\n\r\n<a href=\"#contact\" class=\"price-button\">\r\nChoose Premium\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     PACKAGE COMPARISON\r\n======================================================= -->\r\n\r\n<section class=\"section section-light\">\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"section-head reveal\">\r\n\r\n<div class=\"eyebrow\">\r\nCOMPARE PACKAGES\r\n<\/div>\r\n\r\n<h2>\r\nSee what's included.\r\n<\/h2>\r\n\r\n<p>\r\nA quick comparison to help you choose the right package.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"comparison-wrapper reveal\">\r\n\r\n<table class=\"comparison-table\">\r\n\r\n<thead>\r\n\r\n<tr>\r\n\r\n<th>Feature<\/th>\r\n<th>Starter<\/th>\r\n<th>Business<\/th>\r\n<th>Premium<\/th>\r\n\r\n<\/tr>\r\n\r\n<\/thead>\r\n\r\n<tbody>\r\n\r\n<tr>\r\n<td>Pages<\/td>\r\n<td>Up to 4<\/td>\r\n<td>Up to 8<\/td>\r\n<td>Up to 15<\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>Custom Design<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>Mobile Responsive<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>Contact Form<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>Service Pages<\/td>\r\n<td>Basic<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>Local SEO Structure<\/td>\r\n<td>Basic<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>Speed Optimization<\/td>\r\n<td>Basic<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>Location Pages<\/td>\r\n<td>\u2014<\/td>\r\n<td>\u2014<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>Advanced Forms<\/td>\r\n<td>\u2014<\/td>\r\n<td>\u2014<\/td>\r\n<td class=\"table-check\">\u2713<\/td>\r\n<\/tr>\r\n\r\n<tr>\r\n<td>Support<\/td>\r\n<td>7 Days<\/td>\r\n<td>14 Days<\/td>\r\n<td>30 Days<\/td>\r\n<\/tr>\r\n\r\n<\/tbody>\r\n\r\n<\/table>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     INDUSTRIES\r\n======================================================= -->\r\n\r\n<section class=\"section\">\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"section-head reveal\">\r\n\r\n<div class=\"eyebrow\">\r\nLOCAL BUSINESS WEBSITES\r\n<\/div>\r\n\r\n<h2>\r\nBuilt for businesses that need customers.\r\n<\/h2>\r\n\r\n<p>\r\nYour industry is different. Your website shouldn't look like everyone else's.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"industries reveal\">\r\n\r\n<div class=\"industry\">Roofing<\/div>\r\n<div class=\"industry\">HVAC<\/div>\r\n<div class=\"industry\">Plumbing<\/div>\r\n<div class=\"industry\">Electrical<\/div>\r\n<div class=\"industry\">Dentists<\/div>\r\n<div class=\"industry\">Law Firms<\/div>\r\n<div class=\"industry\">Cleaning<\/div>\r\n<div class=\"industry\">Landscaping<\/div>\r\n<div class=\"industry\">Construction<\/div>\r\n<div class=\"industry\">Auto Services<\/div>\r\n<div class=\"industry\">Real Estate<\/div>\r\n<div class=\"industry\">Home Services<\/div>\r\n<div class=\"industry\">Restaurants<\/div>\r\n<div class=\"industry\">Gyms<\/div>\r\n<div class=\"industry\">Beauty<\/div>\r\n<div class=\"industry\">Professional Services<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     PROCESS\r\n======================================================= -->\r\n\r\n<section class=\"section section-light\" id=\"process\">\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"section-head reveal\">\r\n\r\n<div class=\"eyebrow\">\r\nOUR PROCESS\r\n<\/div>\r\n\r\n<h2>\r\nFrom idea to live website.\r\n<\/h2>\r\n\r\n<p>\r\nA simple process designed to keep your project clear and moving forward.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"process-grid\">\r\n\r\n<div class=\"process-card reveal\">\r\n\r\n<div class=\"process-number\">\r\n01\r\n<\/div>\r\n\r\n<h3>\r\nTell Us About Your Business\r\n<\/h3>\r\n\r\n<p>\r\nTell us about your services, customers, location and what you want your website to accomplish.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"process-card reveal\">\r\n\r\n<div class=\"process-number\">\r\n02\r\n<\/div>\r\n\r\n<h3>\r\nPlan & Design\r\n<\/h3>\r\n\r\n<p>\r\nWe plan the pages and create the visual direction around your business and customers.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"process-card reveal\">\r\n\r\n<div class=\"process-number\">\r\n03\r\n<\/div>\r\n\r\n<h3>\r\nBuild & Review\r\n<\/h3>\r\n\r\n<p>\r\nWe build the website and give you an opportunity to review the important details.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"process-card reveal\">\r\n\r\n<div class=\"process-number\">\r\n04\r\n<\/div>\r\n\r\n<h3>\r\nLaunch\r\n<\/h3>\r\n\r\n<p>\r\nAfter testing the website, we launch it and make sure everything is ready for your customers.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     WHY CHOOSE US\r\n======================================================= -->\r\n\r\n<section class=\"section\">\r\n\r\n<div class=\"container why-grid\">\r\n\r\n<div class=\"why-dark reveal\">\r\n\r\n<div class=\"eyebrow\">\r\nWHY ZYAN\r\n<\/div>\r\n\r\n<h2>\r\nWe build websites around the business \u2014 not just a template.\r\n<\/h2>\r\n\r\n<p>\r\nYour website should explain what you do, show why customers should trust you and make it easy for them to take action.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"why-list\">\r\n\r\n<div class=\"why-item reveal\">\r\n\r\n<div class=\"why-icon\">\r\n\u2713\r\n<\/div>\r\n\r\n<div>\r\n\r\n<h4>Professional Design<\/h4>\r\n\r\n<p>\r\nA modern visual experience that makes a strong first impression.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"why-item reveal\">\r\n\r\n<div class=\"why-icon\">\r\n\u2713\r\n<\/div>\r\n\r\n<div>\r\n\r\n<h4>Mobile First<\/h4>\r\n\r\n<p>\r\nDesigned to work properly on phones, tablets and desktops.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"why-item reveal\">\r\n\r\n<div class=\"why-icon\">\r\n\u2713\r\n<\/div>\r\n\r\n<div>\r\n\r\n<h4>Clear Messaging<\/h4>\r\n\r\n<p>\r\nCustomers should understand your business without reading a wall of text.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"why-item reveal\">\r\n\r\n<div class=\"why-icon\">\r\n\u2713\r\n<\/div>\r\n\r\n<div>\r\n\r\n<h4>Lead Focused<\/h4>\r\n\r\n<p>\r\nCalls, forms and quote requests are easy for visitors to find.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"why-item reveal\">\r\n\r\n<div class=\"why-icon\">\r\n\u2713\r\n<\/div>\r\n\r\n<div>\r\n\r\n<h4>Fast Experience<\/h4>\r\n\r\n<p>\r\nWe keep the website clean and optimized for a smooth experience.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"why-item reveal\">\r\n\r\n<div class=\"why-icon\">\r\n\u2713\r\n<\/div>\r\n\r\n<div>\r\n\r\n<h4>Easy to Grow<\/h4>\r\n\r\n<p>\r\nYour website can expand as your business and services grow.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     CONTACT \/ FINAL FORM\r\n======================================================= -->\r\n\r\n<section class=\"section contact-section\" id=\"contact\">\r\n\r\n<div class=\"container contact-grid\">\r\n\r\n<div class=\"contact-info reveal\">\r\n\r\n<div class=\"eyebrow\">\r\nSTART YOUR PROJECT\r\n<\/div>\r\n\r\n<h2>\r\nLet's build a website your customers will trust.\r\n<\/h2>\r\n\r\n<p>\r\nTell us a little about your business and the website you need. We'll review your project and get back to you with the next steps.\r\n<\/p>\r\n\r\n<div class=\"contact-points\">\r\n\r\n<div class=\"contact-point\">\r\n<span>\u2713<\/span>\r\nNo complicated process\r\n<\/div>\r\n\r\n<div class=\"contact-point\">\r\n<span>\u2713<\/span>\r\nClear project pricing\r\n<\/div>\r\n\r\n<div class=\"contact-point\">\r\n<span>\u2713<\/span>\r\nBuilt around your business\r\n<\/div>\r\n\r\n<div class=\"contact-point\">\r\n<span>\u2713<\/span>\r\nMobile-friendly design\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"contact-form reveal\">\r\n\r\n<form action=\"#\" method=\"POST\">\r\n\r\n<div class=\"form-row\">\r\n\r\n<div class=\"form-group\">\r\n\r\n<label>\r\nYour Name\r\n<\/label>\r\n\r\n<input\r\ntype=\"text\"\r\nname=\"name\"\r\nplaceholder=\"John Smith\"\r\nrequired\r\n>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"form-group\">\r\n\r\n<label>\r\nBusiness Name\r\n<\/label>\r\n\r\n<input\r\ntype=\"text\"\r\nname=\"business\"\r\nplaceholder=\"Your Business\"\r\nrequired\r\n>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"form-row\">\r\n\r\n<div class=\"form-group\">\r\n\r\n<label>\r\nEmail\r\n<\/label>\r\n\r\n<input\r\ntype=\"email\"\r\nname=\"email\"\r\nplaceholder=\"you@example.com\"\r\nrequired\r\n>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"form-group\">\r\n\r\n<label>\r\nPhone\r\n<\/label>\r\n\r\n<input\r\ntype=\"tel\"\r\nname=\"phone\"\r\nplaceholder=\"(555) 123-4567\"\r\n>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"form-group\">\r\n\r\n<label>\r\nWhat do you need?\r\n<\/label>\r\n\r\n<select name=\"package\">\r\n\r\n<option value=\"\">\r\nChoose an option\r\n<\/option>\r\n\r\n<option>\r\nNew Website\r\n<\/option>\r\n\r\n<option>\r\nWebsite Redesign\r\n<\/option>\r\n\r\n<option>\r\nWebsite Update\r\n<\/option>\r\n\r\n<option>\r\nNot Sure Yet\r\n<\/option>\r\n\r\n<\/select>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"form-group\">\r\n\r\n<label>\r\nTell us about your project\r\n<\/label>\r\n\r\n<textarea\r\nname=\"message\"\r\nplaceholder=\"Tell us about your business, website and what you need...\"\r\n><\/textarea>\r\n\r\n<\/div>\r\n\r\n\r\n<button\r\ntype=\"submit\"\r\nclass=\"btn btn-primary form-submit\"\r\n>\r\nRequest a Website Quote \u2192\r\n<\/button>\r\n\r\n<\/form>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     FAQ\r\n======================================================= -->\r\n\r\n<section class=\"section section-light\" id=\"faq\">\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"section-head reveal\">\r\n\r\n<div class=\"eyebrow\">\r\nFAQ\r\n<\/div>\r\n\r\n<h2>\r\nQuestions before getting started?\r\n<\/h2>\r\n\r\n<p>\r\nHere are some common questions local business owners ask.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"faq\">\r\n\r\n<details>\r\n\r\n<summary>\r\nHow long does a website take?\r\n<\/summary>\r\n\r\n<p>\r\nMost websites take around 1\u20133 weeks depending on the number of pages, content, revisions and project requirements.\r\n<\/p>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nDo you redesign existing websites?\r\n<\/summary>\r\n\r\n<p>\r\nYes. If your current website looks outdated, is difficult to use or doesn't represent your business well, we can redesign it.\r\n<\/p>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nWill my website work on mobile?\r\n<\/summary>\r\n\r\n<p>\r\nYes. Every website is designed to work across phones, tablets and desktop computers.\r\n<\/p>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nCan you help with website content?\r\n<\/summary>\r\n\r\n<p>\r\nYes. We can help structure your pages and improve the messaging so customers can quickly understand your services.\r\n<\/p>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nCan I add more pages later?\r\n<\/summary>\r\n\r\n<p>\r\nYes. Your website can grow with your business. Additional pages and features can be added later.\r\n<\/p>\r\n\r\n<\/details>\r\n\r\n\r\n<details>\r\n\r\n<summary>\r\nDo you provide support after launch?\r\n<\/summary>\r\n\r\n<p>\r\nYes. Each package includes a different amount of post-launch support, and ongoing support can also be arranged.\r\n<\/p>\r\n\r\n<\/details>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     FINAL CTA\r\n======================================================= -->\r\n\r\n<section class=\"cta\">\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"cta-box reveal\">\r\n\r\n<h2>\r\nYour next customer could be checking your website right now.\r\n<\/h2>\r\n\r\n<p>\r\nGive them a better first impression. Get a modern website built around your local business.\r\n<\/p>\r\n\r\n<a href=\"#contact\" class=\"btn btn-primary\">\r\nLet's Build Your Website \u2192\r\n<\/a>\r\n\r\n<div class=\"cta-note\">\r\nNew website \u00b7 Redesign \u00b7 Website updates\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     FOOTER\r\n======================================================= -->\r\n\r\n<footer>\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"footer-grid\">\r\n\r\n<div>\r\n\r\n<div class=\"footer-logo\">\r\nZyan<span>.<\/span>\r\n<\/div>\r\n\r\n<p class=\"footer-description\">\r\nModern websites for local businesses that want to look professional, build trust and make it easier for customers to contact them.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<div>\r\n\r\n<h4>\r\nWebsite\r\n<\/h4>\r\n\r\n<div class=\"footer-links\">\r\n\r\n<a href=\"#services\">Services<\/a>\r\n\r\n<a href=\"#packages\">Packages<\/a>\r\n\r\n<a href=\"#process\">Process<\/a>\r\n\r\n<a href=\"#faq\">FAQ<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div>\r\n\r\n<h4>\r\nIndustries\r\n<\/h4>\r\n\r\n<div class=\"footer-links\">\r\n\r\n<a href=\"#contact\">Roofing<\/a>\r\n\r\n<a href=\"#contact\">HVAC<\/a>\r\n\r\n<a href=\"#contact\">Plumbing<\/a>\r\n\r\n<a href=\"#contact\">Home Services<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div>\r\n\r\n<h4>\r\nGet Started\r\n<\/h4>\r\n\r\n<div class=\"footer-links\">\r\n\r\n<a href=\"#contact\">Start a Project<\/a>\r\n\r\n<a href=\"#contact\">Get a Quote<\/a>\r\n\r\n<a href=\"#packages\">View Packages<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"footer-bottom\">\r\n\r\n<div>\r\n\u00a9 2026 Zyan Studio. All rights reserved.\r\n<\/div>\r\n\r\n<div>\r\nWebsites for Local Businesses\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     JAVASCRIPT\r\n======================================================= -->\r\n\r\n<script>\r\n\r\n\/* ============================\r\n   MOBILE MENU\r\n============================ *\/\r\n\r\nconst menuBtn = document.getElementById(\"menuBtn\");\r\nconst navLinks = document.getElementById(\"navLinks\");\r\n\r\nmenuBtn.addEventListener(\"click\", function(){\r\n\r\n    navLinks.classList.toggle(\"active\");\r\n\r\n});\r\n\r\n\r\n\/* CLOSE MOBILE MENU *\/\r\n\r\ndocument.querySelectorAll(\".nav-links a\").forEach(function(link){\r\n\r\n    link.addEventListener(\"click\", function(){\r\n\r\n        navLinks.classList.remove(\"active\");\r\n\r\n    });\r\n\r\n});\r\n\r\n\r\n\/* ============================\r\n   SCROLL REVEAL\r\n============================ *\/\r\n\r\nconst revealElements = document.querySelectorAll(\".reveal\");\r\n\r\nconst observer = new IntersectionObserver(\r\n\r\nfunction(entries){\r\n\r\n    entries.forEach(function(entry){\r\n\r\n        if(entry.isIntersecting){\r\n\r\n            entry.target.classList.add(\"visible\");\r\n\r\n            observer.unobserve(entry.target);\r\n\r\n        }\r\n\r\n    });\r\n\r\n},\r\n\r\n{\r\n    threshold:0.12\r\n}\r\n\r\n);\r\n\r\nrevealElements.forEach(function(element){\r\n\r\n    observer.observe(element);\r\n\r\n});\r\n\r\n\r\n\/* ============================\r\n   SMOOTH ANCHOR OFFSET\r\n============================ *\/\r\n\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor){\r\n\r\n    anchor.addEventListener(\"click\",function(e){\r\n\r\n        const targetId = this.getAttribute(\"href\");\r\n\r\n        if(targetId === \"#\"){\r\n            return;\r\n        }\r\n\r\n        const target = document.querySelector(targetId);\r\n\r\n        if(target){\r\n\r\n            e.preventDefault();\r\n\r\n            const headerHeight = document.querySelector(\".navbar\").offsetHeight;\r\n\r\n            const targetPosition =\r\n                target.getBoundingClientRect().top +\r\n                window.pageYOffset -\r\n                headerHeight;\r\n\r\n            window.scrollTo({\r\n\r\n                top:targetPosition,\r\n\r\n                behavior:\"smooth\"\r\n\r\n            });\r\n\r\n        }\r\n\r\n    });\r\n\r\n});\r\n\r\n\r\n\/* ============================\r\n   FORM DEMO\r\n============================ *\/\r\n\r\n\/*\r\n   Replace this with your real form\r\n   action \/ webhook \/ WordPress form.\r\n\r\n   This prevents the demo form from\r\n   refreshing the page.\r\n*\/\r\n\r\nconst contactForm = document.querySelector(\".contact-form form\");\r\n\r\ncontactForm.addEventListener(\"submit\",function(e){\r\n\r\n    e.preventDefault();\r\n\r\n    const button = contactForm.querySelector(\"button\");\r\n\r\n    const originalText = button.innerHTML;\r\n\r\n    button.innerHTML = \"Thanks! We'll be in touch.\";\r\n\r\n    button.style.background = \"#03424F\";\r\n    button.style.color = \"#FFFFFF\";\r\n\r\n    contactForm.reset();\r\n\r\n    setTimeout(function(){\r\n\r\n        button.innerHTML = originalText;\r\n        button.style.background = \"\";\r\n        button.style.color = \"\";\r\n\r\n    },4000);\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Professional Websites for Local Businesses | Zyan Studio Zyan. \u2630 Services Packages Process FAQ Get a Website WEBSITES FOR LOCAL BUSINESSES A better website can make your business look better. We design and build modern, fast and professional websites for local businesses that want more calls, quote requests, bookings and customers. View Website Packages \u2192 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-79","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zyanstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zyanstudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zyanstudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zyanstudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zyanstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=79"}],"version-history":[{"count":14,"href":"https:\/\/zyanstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/zyanstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/zyanstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}