{"id":1817,"date":"2026-05-19T00:28:47","date_gmt":"2026-05-19T07:28:47","guid":{"rendered":"https:\/\/grade-a.store\/services\/?page_id=1817"},"modified":"2026-05-19T00:28:47","modified_gmt":"2026-05-19T07:28:47","slug":"home-webdesign","status":"publish","type":"page","link":"https:\/\/grade-a.store\/services\/home-webdesign\/","title":{"rendered":"Home webdesign"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div style=\"background: linear-gradient(135deg,#0d2b6b 0%,#1e5bbf 60%,#4a9fd4 100%); color: #fff; padding: 80px 40px; text-align: center;\">\n\n\u00a0\n<p style=\"font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: #4a9fd4; margin-bottom: 12px; font-weight: bold;\">Professional Web Design & Development<\/p>\n\n<h1 style=\"font-size: 48px; font-weight: 800; color: #fff; line-height: 1.2; margin-bottom: 20px; max-width: 780px; margin-left: auto; margin-right: auto;\">Websites That Win Clients & Drive Real Results<\/h1>\n<p style=\"font-size: 19px; color: rgba(255,255,255,.85); max-width: 600px; margin: 0 auto 36px; line-height: 1.7;\">Grade-A Web Design builds fast, accessible, conversion-focused websites for small businesses, startups, and e-commerce brands.<\/p>\n<a style=\"display: inline-block; background: #3b82f6; color: #fff; padding: 16px 36px; border-radius: 6px; font-size: 17px; font-weight: bold; text-decoration: none; margin-right: 12px;\" href=\"\/contact\/\">Get a Free Quote<\/a>\n<a style=\"display: inline-block; background: transparent; color: #fff; padding: 15px 36px; border-radius: 6px; font-size: 17px; font-weight: bold; text-decoration: none; border: 2px solid rgba(255,255,255,.6);\" href=\"\/portfolio\/\">View Our Work<\/a>\n\n<\/div>\n<div style=\"background: #f5f7fa; padding: 24px 40px; text-align: center; border-bottom: 1px solid #e2e8f0;\">\n<p style=\"color: #2d3748; font-size: 15px; font-weight: 600; margin: 0;\">WCAG 2.1 AA Accessible \u00a0\u00b7\u00a0 ADA Compliant \u00a0\u00b7\u00a0 Google Core Web Vitals Optimized \u00a0\u00b7\u00a0 Serving New York & Beyond<\/p>\n\n<\/div>\n<div style=\"padding: 72px 40px; background: #fff; text-align: center;\">\n<p style=\"font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #3b82f6; font-weight: bold; margin-bottom: 10px;\">What We Do<\/p>\n\n<h2 style=\"font-size: 38px; font-weight: 800; color: #0d2b6b; margin-bottom: 14px;\">Full-Service Web Design Solutions<\/h2>\n<p style=\"font-size: 17px; color: #4a5568; max-width: 580px; margin: 0 auto 52px; line-height: 1.7;\">From simple landing pages to full e-commerce stores, we design and build websites that represent your brand and convert visitors into customers.<\/p>\n\n<div style=\"display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; max-width: 1100px; margin: 0 auto;\">\n<div style=\"background: #f5f7fa; border-radius: 12px; padding: 36px 28px; flex: 1; min-width: 220px; max-width: 280px; text-align: left; border-top: 4px solid #1e5bbf;\">\n<div style=\"font-size: 32px; margin-bottom: 14px;\">\ud83d\udda5<\/div>\n<h3 style=\"font-size: 19px; font-weight: bold; color: #0d2b6b; margin-bottom: 10px;\">WordPress Development<\/h3>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65; margin-bottom: 16px;\">Custom WordPress sites built for speed, security, and scalability. Perfect for businesses, blogs, and service providers.<\/p>\n<a style=\"color: #3b82f6; font-weight: 600; text-decoration: none; font-size: 14px;\" href=\"\/services\/\">Learn more \u2192<\/a>\n\n<\/div>\n<div style=\"background: #f5f7fa; border-radius: 12px; padding: 36px 28px; flex: 1; min-width: 220px; max-width: 280px; text-align: left; border-top: 4px solid #1e5bbf;\">\n<div style=\"font-size: 32px; margin-bottom: 14px;\">\ud83d\uded2<\/div>\n<h3 style=\"font-size: 19px; font-weight: bold; color: #0d2b6b; margin-bottom: 10px;\">E-Commerce & Shopify<\/h3>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65; margin-bottom: 16px;\">Launch or upgrade your online store with WooCommerce or Shopify. We optimize for conversions, UX, and mobile shoppers.<\/p>\n<a style=\"color: #3b82f6; font-weight: 600; text-decoration: none; font-size: 14px;\" href=\"\/services\/\">Learn more \u2192<\/a>\n\n<\/div>\n<div style=\"background: #f5f7fa; border-radius: 12px; padding: 36px 28px; flex: 1; min-width: 220px; max-width: 280px; text-align: left; border-top: 4px solid #1e5bbf;\">\n<div style=\"font-size: 32px; margin-bottom: 14px;\">\ud83d\udd0d<\/div>\n<h3 style=\"font-size: 19px; font-weight: bold; color: #0d2b6b; margin-bottom: 10px;\">SEO & Performance<\/h3>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65; margin-bottom: 16px;\">On-page SEO, Core Web Vitals optimization, and technical SEO built into every project from day one.<\/p>\n<a style=\"color: #3b82f6; font-weight: 600; text-decoration: none; font-size: 14px;\" href=\"\/services\/\">Learn more \u2192<\/a>\n\n<\/div>\n<div style=\"background: #f5f7fa; border-radius: 12px; padding: 36px 28px; flex: 1; min-width: 220px; max-width: 280px; text-align: left; border-top: 4px solid #1e5bbf;\">\n<div style=\"font-size: 32px; margin-bottom: 14px;\">\ud83d\udd27<\/div>\n<h3 style=\"font-size: 19px; font-weight: bold; color: #0d2b6b; margin-bottom: 10px;\">Maintenance & Support<\/h3>\n<p style=\"font-size: 14px; color: #4a5568; line-height: 1.65; margin-bottom: 16px;\">Keep your site secure, updated, and fast with our ongoing maintenance and support plans.<\/p>\n<a style=\"color: #3b82f6; font-weight: 600; text-decoration: none; font-size: 14px;\" href=\"\/services\/\">Learn more \u2192<\/a>\n\n<\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 72px 40px; background: #0d2b6b; text-align: center;\">\n<p style=\"font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #4a9fd4; font-weight: bold; margin-bottom: 10px;\">Why Grade-A<\/p>\n\n<h2 style=\"font-size: 38px; font-weight: 800; color: #fff; margin-bottom: 44px;\">The Grade-A Difference<\/h2>\n<div style=\"display: flex; flex-wrap: wrap; gap: 28px; justify-content: center; max-width: 960px; margin: 0 auto;\">\n<div style=\"flex: 1; min-width: 200px; max-width: 240px;\">\n<div style=\"font-size: 38px; font-weight: 900; color: #3b82f6; margin-bottom: 6px;\">100%<\/div>\n<h3 style=\"font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 6px;\">Accessibility First<\/h3>\n<p style=\"font-size: 14px; color: rgba(255,255,255,.75); line-height: 1.6;\">Every site meets WCAG 2.1 AA and ADA standards by default.<\/p>\n\n<\/div>\n<div style=\"flex: 1; min-width: 200px; max-width: 240px;\">\n<div style=\"font-size: 38px; font-weight: 900; color: #3b82f6; margin-bottom: 6px;\"><2s<\/div>\n<h3 style=\"font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 6px;\">Load Time Target<\/h3>\n<p style=\"font-size: 14px; color: rgba(255,255,255,.75); line-height: 1.6;\">Optimized to load in under 2 seconds on mobile and desktop.<\/p>\n\n<\/div>\n<div style=\"flex: 1; min-width: 200px; max-width: 240px;\">\n<div style=\"font-size: 38px; font-weight: 900; color: #3b82f6; margin-bottom: 6px;\">5\u2605<\/div>\n<h3 style=\"font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 6px;\">Client Satisfaction<\/h3>\n<p style=\"font-size: 14px; color: rgba(255,255,255,.75); line-height: 1.6;\">Our clients rave about the results. Reviews speak for themselves.<\/p>\n\n<\/div>\n<div style=\"flex: 1; min-width: 200px; max-width: 240px;\">\n<div style=\"font-size: 38px; font-weight: 900; color: #3b82f6; margin-bottom: 6px;\">24\/7<\/div>\n<h3 style=\"font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 6px;\">Ongoing Support<\/h3>\n<p style=\"font-size: 14px; color: rgba(255,255,255,.75); line-height: 1.6;\">We don't disappear after launch. Our team is here when you need us.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 72px 40px; background: #f5f7fa; text-align: center;\">\n<p style=\"font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #3b82f6; font-weight: bold; margin-bottom: 10px;\">Transparent Pricing<\/p>\n\n<h2 style=\"font-size: 38px; font-weight: 800; color: #0d2b6b; margin-bottom: 14px;\">Plans Built for Every Budget<\/h2>\n<p style=\"font-size: 17px; color: #4a5568; max-width: 520px; margin: 0 auto 44px; line-height: 1.7;\">No hidden fees. No surprises. Just professional web design at a fair price.<\/p>\n\n<div style=\"display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 960px; margin: 0 auto 40px;\">\n<div style=\"background: #fff; border-radius: 12px; padding: 32px 24px; flex: 1; min-width: 180px; max-width: 210px; box-shadow: 0 2px 12px rgba(0,0,0,.07);\">\n<div style=\"font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; color: #3b82f6; margin-bottom: 10px;\">Starter<\/div>\n<div style=\"font-size: 36px; font-weight: 900; color: #0d2b6b; margin-bottom: 6px;\">$499<\/div>\n<p style=\"font-size: 13px; color: #4a5568;\">Simple sites & landing pages<\/p>\n\n<\/div>\n<div style=\"background: #1e5bbf; border-radius: 12px; padding: 32px 24px; flex: 1; min-width: 180px; max-width: 210px; box-shadow: 0 4px 20px rgba(30,91,191,.35);\">\n<div style=\"font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; color: #4a9fd4; margin-bottom: 10px;\">Professional<\/div>\n<div style=\"font-size: 36px; font-weight: 900; color: #fff; margin-bottom: 6px;\">$999<\/div>\n<p style=\"font-size: 13px; color: rgba(255,255,255,.85);\">Most popular for growing businesses<\/p>\n\n<\/div>\n<div style=\"background: #fff; border-radius: 12px; padding: 32px 24px; flex: 1; min-width: 180px; max-width: 210px; box-shadow: 0 2px 12px rgba(0,0,0,.07);\">\n<div style=\"font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; color: #3b82f6; margin-bottom: 10px;\">Enterprise<\/div>\n<div style=\"font-size: 36px; font-weight: 900; color: #0d2b6b; margin-bottom: 6px;\">$1,999<\/div>\n<p style=\"font-size: 13px; color: #4a5568;\">Advanced features & custom builds<\/p>\n\n<\/div>\n<div style=\"background: #fff; border-radius: 12px; padding: 32px 24px; flex: 1; min-width: 180px; max-width: 210px; box-shadow: 0 2px 12px rgba(0,0,0,.07);\">\n<div style=\"font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; color: #3b82f6; margin-bottom: 10px;\">E-Commerce<\/div>\n<div style=\"font-size: 36px; font-weight: 900; color: #0d2b6b; margin-bottom: 6px;\">$2,499<\/div>\n<p style=\"font-size: 13px; color: #4a5568;\">Complete online store with payments<\/p>\n\n<\/div>\n<\/div>\n<a style=\"display: inline-block; background: #1e5bbf; color: #fff; padding: 15px 38px; border-radius: 6px; font-size: 16px; font-weight: bold; text-decoration: none;\" href=\"\/pricing\/\">See Full Pricing & Features<\/a>\n\n<\/div>\n<div style=\"background: linear-gradient(135deg,#1e5bbf 0%,#0d2b6b 100%); padding: 72px 40px; text-align: center;\">\n<h2 style=\"font-size: 38px; font-weight: 800; color: #fff; margin-bottom: 18px;\">Ready to Build Something Great?<\/h2>\n<p style=\"font-size: 18px; color: rgba(255,255,255,.85); max-width: 520px; margin: 0 auto 32px; line-height: 1.7;\">Free consultation, no obligation, and no pushy sales tactics. Let's talk about your project.<\/p>\n<a style=\"display: inline-block; background: #3b82f6; color: #fff; padding: 17px 42px; border-radius: 6px; font-size: 18px; font-weight: bold; text-decoration: none;\" href=\"\/contact\/\">Start Your Free Consultation<\/a>\n\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"content-type":"","footnotes":""},"class_list":["post-1817","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/pages\/1817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/comments?post=1817"}],"version-history":[{"count":1,"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/pages\/1817\/revisions"}],"predecessor-version":[{"id":1818,"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/pages\/1817\/revisions\/1818"}],"wp:attachment":[{"href":"https:\/\/grade-a.store\/services\/wp-json\/wp\/v2\/media?parent=1817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}