{"id":1239,"date":"2026-06-13T13:10:57","date_gmt":"2026-06-13T13:10:57","guid":{"rendered":"https:\/\/ruchiorbit.com\/?page_id=1239"},"modified":"2026-06-17T14:09:01","modified_gmt":"2026-06-17T14:09:01","slug":"website-design-development","status":"publish","type":"page","link":"https:\/\/ruchiorbit.com\/?page_id=1239","title":{"rendered":"Website Design &amp; Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1239\" class=\"elementor elementor-1239\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22cd9a4 e-con-full e-flex e-con e-parent\" data-id=\"22cd9a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8322146 elementor-widget elementor-widget-html\" data-id=\"8322146\" 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\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<title>Website Design & Development \u2014 Ruchiorbit<\/title>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');\r\n\r\n:root {\r\n  --white:       #FFFFFF;\r\n  --off:         #FDFAF4;\r\n  --surface:     #F7F2EA;\r\n  --gold:        #B8860B;\r\n  --gold-mid:    #D4A017;\r\n  --gold-lt:     #E8B84B;\r\n  --gold-pale:   #FBF2DC;\r\n  --gold-pale2:  #F5E6BC;\r\n  --amber:       #F59E0B;\r\n  --amber-lt:    #FCD34D;\r\n  --amber-pale:  #FEF3C7;\r\n  --purple:      #3B1F8C;\r\n  --purple-mid:  #5535AD;\r\n  --purple-lt:   #7C5CC4;\r\n  --purple-pale: #EDE8FF;\r\n  --ink:         #1A1040;\r\n  --text-2:      #4A3D6B;\r\n  --text-3:      #7B6FA0;\r\n  --text-4:      #B0A8C8;\r\n  --border:      rgba(59,31,140,0.1);\r\n  --border-g:    rgba(184,134,11,0.2);\r\n  --hero-bg:     #03FFE0;\r\n  --font-d: 'Cormorant Garamond', Georgia, serif;\r\n  --font-u: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:var(--font-u);background:var(--off);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}\r\n::-webkit-scrollbar{width:5px}\r\n::-webkit-scrollbar-track{background:var(--surface)}\r\n::-webkit-scrollbar-thumb{background:var(--gold-mid);border-radius:3px}\r\n\r\n\/* BACK LINK *\/\r\n.back-bar{padding:24px 5vw 0;display:flex;align-items:center;gap:8px}\r\n.back-link{font-size:13px;font-weight:500;color:var(--text-3);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .2s}\r\n.back-link:hover{color:var(--purple)}\r\n.back-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.back-sep{color:var(--text-4);font-size:13px}\r\n.back-current{font-size:13px;color:var(--purple);font-weight:500}\r\n\r\n\/* HERO LANDING *\/\r\n.lp-hero{padding:50px 5vw 72px;background:var(--hero-bg);position:relative;overflow:hidden}\r\n.lp-hero-bg{position:absolute;inset:0;pointer-events:none}\r\n.lp-badge{display:inline-flex;align-items:center;gap:7px;background:var(--gold-pale);border:1px solid var(--border-g);border-radius:100px;padding:6px 16px;margin-bottom:22px}\r\n.lp-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold-mid);flex-shrink:0}\r\n.lp-badge span{font-size:11.5px;font-weight:600;color:var(--gold);letter-spacing:.4px}\r\n.lp-hero h1{font-family:var(--font-d);font-size:clamp(44px,7vw,80px);font-weight:300;line-height:1.05;letter-spacing:-1.5px;color:var(--ink);margin-bottom:18px}\r\n.lp-hero h1 em{font-style:italic;color:var(--gold-mid)}\r\n.lp-hero h1 strong{font-weight:600;color:var(--purple)}\r\n.lp-hero-sub{font-size:16.5px;font-weight:300;color:var(--text-2);line-height:1.8;max-width:560px;margin-bottom:36px}\r\n.lp-hero-btns{display:flex;gap:12px;flex-wrap:wrap}\r\n.btn-purple{font-family:var(--font-u);font-size:14px;font-weight:600;background:var(--purple);color:var(--white);padding:13px 28px;border-radius:100px;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 18px rgba(59,31,140,0.28)}\r\n.btn-purple:hover{background:var(--purple-mid);transform:translateY(-2px);box-shadow:0 7px 22px rgba(59,31,140,0.35)}\r\n.btn-gold{font-family:var(--font-u);font-size:14px;font-weight:600;background:var(--gold-mid);color:var(--white);padding:13px 28px;border-radius:100px;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 18px rgba(212,160,23,0.3)}\r\n.btn-gold:hover{background:var(--gold-lt);transform:translateY(-2px);box-shadow:0 7px 22px rgba(212,160,23,0.4)}\r\n.btn-outline{font-family:var(--font-u);font-size:14px;font-weight:500;background:transparent;color:var(--purple);padding:13px 28px;border-radius:100px;border:1.5px solid rgba(59,31,140,0.25);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s,background .2s,transform .15s}\r\n.btn-outline:hover{border-color:var(--purple);background:var(--purple-pale);transform:translateY(-2px)}\r\n\r\n\/* HERO VISUAL SIDE *\/\r\n.lp-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}\r\n.lp-hero-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}\r\n.hero-img-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 12px 48px rgba(59,31,140,0.1);width:100%;max-width:360px}\r\n.hero-metric{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(59,31,140,0.06)}\r\n.hero-metric:last-child{border-bottom:none}\r\n.hm-icon{width:40px;height:40px;border-radius:10px;background:var(--gold-pale);border:1px solid var(--border-g);display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.hm-icon svg{width:18px;height:18px;stroke:var(--gold-mid);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\r\n.hm-label{font-size:12px;color:var(--text-3);font-weight:400}\r\n.hm-val{font-family:var(--font-d);font-size:24px;font-weight:300;color:var(--ink);letter-spacing:-.5px}\r\n.hm-val span{color:var(--gold-mid)}\r\n.hero-float-badge{position:absolute;background:var(--purple);color:var(--white);border-radius:100px;padding:8px 16px;font-size:12px;font-weight:600;box-shadow:0 4px 16px rgba(59,31,140,0.35);white-space:nowrap}\r\n.hero-float-badge.top-r{top:10%;right:-5%}\r\n.hero-float-badge.bot-l{bottom:12%;left:-5%}\r\n\r\n\/* STATS ROW *\/\r\n.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(59,31,140,0.08);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}\r\n.stat-cell{background:var(--white);padding:28px 20px;text-align:center}\r\n.stat-num{font-family:var(--font-d);font-size:40px;font-weight:300;color:var(--gold-mid);letter-spacing:-1px;line-height:1}\r\n.stat-lbl{font-size:12px;font-weight:500;color:var(--text-3);margin-top:5px;letter-spacing:.8px;text-transform:uppercase}\r\n\r\n\/* SECTION WRAPPER *\/\r\n.lp-section{padding:80px 5vw}\r\n.lp-section.alt{background:var(--surface)}\r\n.lp-section.white{background:var(--white)}\r\n.lp-section.purple{background:var(--purple)}\r\n.lp-section.purple .lbl{color:var(--amber-lt)}\r\n.lp-section.purple h2{color:var(--white)}\r\n.lp-section.purple h2 em{color:var(--amber-lt)}\r\n.lp-section.purple p{color:rgba(255,255,255,0.6)}\r\n.sec-header{margin-bottom:48px}\r\n.lbl{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:10px}\r\n.sec-header h2{font-family:var(--font-d);font-size:clamp(34px,4.5vw,52px);font-weight:300;line-height:1.08;letter-spacing:-.5px;color:var(--ink)}\r\n.sec-header h2 em{font-style:italic;color:var(--purple)}\r\n.sec-header p{margin-top:12px;font-size:15px;line-height:1.8;color:var(--text-2);font-weight:300}\r\n\r\n\/* FEATURE GRID *\/\r\n.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\r\n.feat-card{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:32px 26px;transition:border-color .3s,box-shadow .3s,transform .25s;position:relative;overflow:hidden}\r\n.feat-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--purple-pale) 0%,transparent 55%);opacity:0;transition:opacity .3s;border-radius:18px}\r\n.feat-card:hover{border-color:rgba(59,31,140,0.22);box-shadow:0 8px 36px rgba(59,31,140,0.09);transform:translateY(-3px)}\r\n.feat-card:hover::before{opacity:1}\r\n.feat-icon{width:46px;height:46px;border-radius:12px;background:var(--gold-pale);border:1px solid var(--border-g);display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;transition:background .3s}\r\n.feat-card:hover .feat-icon{background:var(--amber-pale);border-color:rgba(245,158,11,0.3)}\r\n.feat-icon svg{width:20px;height:20px;stroke:var(--gold-mid);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\r\n.feat-card:hover .feat-icon svg{stroke:var(--amber)}\r\n.feat-card h3{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:8px;position:relative}\r\n.feat-card p{font-size:13.5px;line-height:1.75;color:var(--text-2);font-weight:300;position:relative}\r\n\r\n\/* PROCESS STEPS *\/\r\n.steps-list{display:flex;flex-direction:column;gap:0}\r\n.step-item{display:flex;gap:28px;align-items:flex-start;padding:28px 0;border-bottom:1px solid var(--border)}\r\n.step-item:last-child{border-bottom:none}\r\n.step-num{font-family:var(--font-d);font-size:52px;font-weight:300;color:rgba(59,31,140,0.12);line-height:1;min-width:56px;letter-spacing:-1px;flex-shrink:0}\r\n.step-body h4{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:6px}\r\n.step-body p{font-size:14px;line-height:1.75;color:var(--text-2);font-weight:300}\r\n.step-tag{display:inline-block;margin-top:10px;font-size:11px;font-weight:600;color:var(--gold);background:var(--gold-pale);border:1px solid var(--border-g);padding:3px 12px;border-radius:100px}\r\n\r\n\/* PACKAGE CARDS *\/\r\n.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\r\n.pkg-card{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:32px 26px;transition:border-color .3s,box-shadow .3s}\r\n.pkg-card:hover{border-color:rgba(59,31,140,0.22);box-shadow:0 8px 36px rgba(59,31,140,0.09)}\r\n.pkg-card.featured{background:var(--purple);border-color:transparent}\r\n.pkg-card.featured .pkg-name{color:rgba(255,255,255,0.6)}\r\n.pkg-card.featured .pkg-price{color:var(--amber-lt)}\r\n.pkg-card.featured h3{color:var(--white)}\r\n.pkg-card.featured .pkg-feat li{color:rgba(255,255,255,0.75)}\r\n.pkg-card.featured .pkg-feat li::before{color:var(--amber-lt)}\r\n.pkg-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--amber);background:var(--amber-pale);border:1px solid rgba(245,158,11,0.25);padding:3px 12px;border-radius:100px;margin-bottom:16px;letter-spacing:.3px}\r\n.pkg-name{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}\r\n.pkg-price{font-family:var(--font-d);font-size:42px;font-weight:300;color:var(--gold-mid);letter-spacing:-1px;line-height:1;margin-bottom:4px}\r\n.pkg-price sub{font-size:16px;letter-spacing:0;vertical-align:middle;font-weight:400}\r\n.pkg-price-label{font-size:12px;color:var(--text-3);margin-bottom:20px}\r\n.pkg-card h3{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:6px}\r\n.pkg-desc{font-size:13px;line-height:1.7;color:var(--text-2);font-weight:300;margin-bottom:20px}\r\n.pkg-feat{list-style:none;margin-bottom:24px}\r\n.pkg-feat li{font-size:13px;color:var(--text-2);padding:5px 0;display:flex;align-items:flex-start;gap:8px}\r\n.pkg-feat li::before{content:'\u2713';color:var(--gold-mid);font-weight:700;flex-shrink:0;margin-top:1px}\r\n.divider{width:100%;height:1px;background:var(--border);margin:20px 0}\r\n\r\n\/* FAQ *\/\r\n.faq-list{display:flex;flex-direction:column;gap:0;max-width:760px;margin:0 auto}\r\n.faq-item{border-bottom:1px solid var(--border);padding:22px 0;cursor:pointer}\r\n.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px}\r\n.faq-q span{font-size:15.5px;font-weight:500;color:var(--ink)}\r\n.faq-icon{width:28px;height:28px;border-radius:50%;background:var(--gold-pale);border:1px solid var(--border-g);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}\r\n.faq-icon svg{width:14px;height:14px;stroke:var(--gold-mid);fill:none;stroke-width:2;stroke-linecap:round;transition:transform .3s}\r\n.faq-item.open .faq-icon{background:var(--purple-pale)}\r\n.faq-item.open .faq-icon svg{stroke:var(--purple);transform:rotate(45deg)}\r\n.faq-a{font-size:14px;line-height:1.8;color:var(--text-2);font-weight:300;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .2s;padding-top:0}\r\n.faq-item.open .faq-a{max-height:200px;padding-top:12px}\r\n\r\n\/* CTA STRIP *\/\r\n.cta-strip{background:var(--gold-pale);border-top:1px solid var(--border-g);border-bottom:1px solid var(--border-g);padding:60px 5vw;text-align:center}\r\n.cta-strip h2{font-family:var(--font-d);font-size:clamp(32px,4.5vw,52px);font-weight:300;color:var(--ink);margin-bottom:12px;letter-spacing:-.5px}\r\n.cta-strip h2 em{font-style:italic;color:var(--purple)}\r\n.cta-strip p{font-size:15px;color:var(--text-2);margin-bottom:28px;font-weight:300}\r\n.cta-strip-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}\r\n\r\n\/* TICKER *\/\r\n.ticker{background:var(--purple);padding:11px 0;overflow:hidden;white-space:nowrap}\r\n.ticker-t{display:inline-flex;animation:tick 24s linear infinite}\r\n@keyframes tick{to{transform:translateX(-50%)}}\r\n@media(prefers-reduced-motion:reduce){.ticker-t{animation:none}}\r\n.ti{font-size:12px;font-weight:400;color:rgba(255,255,255,0.65);padding:0 24px;display:inline-flex;align-items:center;gap:8px}\r\n.ti::after{content:'\u2726';color:var(--amber-lt);font-size:8px}\r\n\r\n\/* ANIMATION *\/\r\n.fu{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}\r\n.fu.v{opacity:1;transform:none}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n  .lp-hero-layout{grid-template-columns:1fr}\r\n  .lp-hero-visual{display:none}\r\n  .feat-grid{grid-template-columns:repeat(2,1fr)}\r\n  .pkg-grid{grid-template-columns:1fr}\r\n  .stats-row{grid-template-columns:repeat(2,1fr)}\r\n}\r\n@media(max-width:600px){\r\n  .feat-grid{grid-template-columns:1fr}\r\n  .stats-row{grid-template-columns:1fr}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"back-bar\"><a href=\"index.html\" class=\"back-link\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>All Services<\/a><span class=\"back-sep\">\/<\/span><span class=\"back-current\">Website Design & Development<\/span><\/div>\r\n\r\n<section class=\"lp-hero\">\r\n  <div class=\"lp-hero-bg\" style=\"background:radial-gradient(ellipse 65% 50% at 60% 50%,rgba(59,31,140,0.07) 0%,transparent 65%)\"><\/div>\r\n  <div class=\"lp-hero-layout\">\r\n    <div>\r\n      <div class=\"lp-badge\"><span class=\"lp-badge-dot\"><\/span><span>Website Design & Development<\/span><\/div>\r\n      <h1>Websites that <em>work<\/em><br>as hard as you do.<\/h1>\r\n      <p class=\"lp-hero-sub\">We design and develop fast, beautiful, conversion-optimised websites \u2014 from business sites to e-commerce stores \u2014 built to rank on Google and turn visitors into customers.<\/p>\r\n      <div class=\"lp-hero-btns\"><a href=\"#contact\" class=\"btn-purple\">Get Free Mockup <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><a href=\"#packages\" class=\"btn-outline\">View Packages<\/a><\/div>\r\n    <\/div>\r\n    <div class=\"lp-hero-visual\">\r\n      <div class=\"hero-img-card\">\r\n        <div class=\"hero-metric\"><div class=\"hm-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"13 17 18 12 13 7\"\/><polyline points=\"6 17 11 12 6 7\"\/><\/svg><\/div><div><div class=\"hm-label\">Page Speed Score<\/div><div class=\"hm-val\"><span>95+<\/span> \/ 100<\/div><\/div><\/div>\r\n        <div class=\"hero-metric\"><div class=\"hm-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div><div><div class=\"hm-label\">Avg Conversion Lift<\/div><div class=\"hm-val\"><span>+67%<\/span><\/div><\/div><\/div>\r\n        <div class=\"hero-metric\"><div class=\"hm-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div><div><div class=\"hm-label\">Websites Launched<\/div><div class=\"hm-val\"><span>300+<\/span><\/div><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"hero-float-badge top-r\">\u26a1 WordPress \u00b7 Custom \u00b7 E-comm<\/div>\r\n      <div class=\"hero-float-badge bot-l\">\u2726 300+ sites launched<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"stats-row\">\r\n  <div class=\"stat-cell\"><div class=\"stat-num\">300+<\/div><div class=\"stat-lbl\">Websites Launched<\/div><\/div>\r\n  <div class=\"stat-cell\"><div class=\"stat-num\">95+<\/div><div class=\"stat-lbl\">Avg PageSpeed Score<\/div><\/div>\r\n  <div class=\"stat-cell\"><div class=\"stat-num\">67%<\/div><div class=\"stat-lbl\">Avg Conversion Lift<\/div><\/div>\r\n  <div class=\"stat-cell\"><div class=\"stat-num\">21 days<\/div><div class=\"stat-lbl\">Avg Delivery Time<\/div><\/div>\r\n<\/div>\r\n\r\n<section class=\"lp-section white\">\r\n  <div class=\"sec-header fu\"><span class=\"lbl\">What We Build<\/span><h2>Every type of website,<br>built to <em>convert.<\/em><\/h2><\/div>\r\n  <div class=\"feat-grid fu\">\r\n    <div class=\"feat-card\"><div class=\"feat-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div><h3>Business Websites<\/h3><p>Professional 5\u201310 page websites that establish credibility, communicate your value proposition, and generate enquiries.<\/p><\/div>\r\n    <div class=\"feat-card\"><div class=\"feat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 01-8 0\"\/><\/svg><\/div><h3>E-Commerce Stores<\/h3><p>Full-featured WooCommerce or Shopify stores \u2014 product pages, cart, checkout, payment gateway, and inventory management.<\/p><\/div>\r\n    <div class=\"feat-card\"><div class=\"feat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div><h3>Landing Pages<\/h3><p>High-conversion single-page designs for campaigns, product launches, and lead generation \u2014 A\/B test-ready.<\/p><\/div>\r\n    <div class=\"feat-card\"><div class=\"feat-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\"\/><\/svg><\/div><h3>SEO-Ready Architecture<\/h3><p>Every website is built with clean code, fast loading, mobile-first design, and on-page SEO foundations from day one.<\/p><\/div>\r\n    <div class=\"feat-card\"><div class=\"feat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><h3>SSL, Security & Maintenance<\/h3><p>SSL certificates, malware protection, plugin updates, backups, and uptime monitoring \u2014 full ongoing website care.<\/p><\/div>\r\n    <div class=\"feat-card\"><div class=\"feat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg><\/div><h3>CMS Training & Handover<\/h3><p>We train your team to manage content confidently with video walkthroughs and ongoing email support included.<\/p><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"lp-section alt\">\r\n  <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start\">\r\n    <div><div class=\"sec-header fu\"><span class=\"lbl\">Our Process<\/span><h2>From wireframe<br>to <em>live launch.<\/em><\/h2><p>A transparent 5-step process delivering your website on time, on budget, and beyond expectations.<\/p><\/div><\/div>\r\n    <div class=\"steps-list fu\">\r\n      <div class=\"step-item\"><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Discovery & Sitemap<\/h4><p>We define your goals, audience, and content structure \u2014 creating a full sitemap and project plan.<\/p><span class=\"step-tag\">Day 1\u20133<\/span><\/div><\/div>\r\n      <div class=\"step-item\"><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Design Mockup<\/h4><p>UI\/UX wireframes and full visual mockups for your approval before any development begins.<\/p><span class=\"step-tag\">Day 4\u20138<\/span><\/div><\/div>\r\n      <div class=\"step-item\"><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Development<\/h4><p>We build your approved design \u2014 mobile-first, fast, and CMS-powered for easy future editing.<\/p><span class=\"step-tag\">Day 9\u201318<\/span><\/div><\/div>\r\n      <div class=\"step-item\"><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Testing & QA<\/h4><p>Cross-browser testing, mobile testing, speed optimisation, and full QA before anything goes live.<\/p><span class=\"step-tag\">Day 19\u201321<\/span><\/div><\/div>\r\n      <div class=\"step-item\"><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Launch & Handover<\/h4><p>We launch your site, submit to Google, configure analytics, and provide a full training session.<\/p><span class=\"step-tag\">Day 21\u201323<\/span><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"lp-section white\" id=\"packages\">\r\n  <div class=\"sec-header fu\" style=\"text-align:center;max-width:480px;margin:0 auto 44px\"><span class=\"lbl\">Pricing<\/span><h2>Website <em>packages.<\/em><\/h2><\/div>\r\n  <div class=\"pkg-grid fu\">\r\n    <div class=\"pkg-card\"><div class=\"pkg-name\">Business Site<\/div><div class=\"pkg-price\"><sub>\u20b9<\/sub>24,999<\/div><div class=\"pkg-price-label\">one-time<\/div><div class=\"divider\"><\/div><ul class=\"pkg-feat\"><li>Up to 5 pages<\/li><li>Mobile-first design<\/li><li>WordPress CMS<\/li><li>Contact form + map<\/li><li>SSL + basic SEO setup<\/li><li>3 months free support<\/li><\/ul><a href=\"#contact\" class=\"btn-outline\" style=\"width:100%;justify-content:center\">Get Started<\/a><\/div>\r\n    <div class=\"pkg-card featured\"><div class=\"pkg-badge\">Most Popular<\/div><div class=\"pkg-name\">Growth Website<\/div><div class=\"pkg-price\"><sub>\u20b9<\/sub>44,999<\/div><div class=\"pkg-price-label\">one-time<\/div><div class=\"divider\" style=\"background:rgba(255,255,255,0.1)\"><\/div><ul class=\"pkg-feat\"><li>Up to 10 pages<\/li><li>Custom UI\/UX design<\/li><li>Speed optimisation (95+ score)<\/li><li>Full on-page SEO setup<\/li><li>Google Analytics + Search Console<\/li><li>Blog setup<\/li><li>6 months free support<\/li><\/ul><a href=\"#contact\" class=\"btn-gold\" style=\"width:100%;justify-content:center\">Get Started<\/a><\/div>\r\n    <div class=\"pkg-card\"><div class=\"pkg-name\">E-Commerce<\/div><div class=\"pkg-price\"><sub>\u20b9<\/sub>74,999<\/div><div class=\"pkg-price-label\">one-time<\/div><div class=\"divider\"><\/div><ul class=\"pkg-feat\"><li>WooCommerce \/ Shopify<\/li><li>Up to 100 products setup<\/li><li>Payment gateway integration<\/li><li>Order management system<\/li><li>Mobile-first checkout<\/li><li>1 year free support<\/li><\/ul><a href=\"#contact\" class=\"btn-outline\" style=\"width:100%;justify-content:center\">Get Started<\/a><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"lp-section alt\"><div class=\"sec-header fu\" style=\"text-align:center;max-width:480px;margin:0 auto 40px\"><span class=\"lbl\">FAQ<\/span><h2>Common <em>questions.<\/em><\/h2><\/div><div class=\"faq-list fu\"><div class=\"faq-item\"><div class=\"faq-q\"><span>Will I be able to edit the website myself?<\/span><div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div><\/div><div class=\"faq-a\">Yes. We build on WordPress or Shopify and provide video training so you can update text, images, and pages independently. No developer needed for routine updates.<\/div><\/div><div class=\"faq-item\"><div class=\"faq-q\"><span>Do you provide hosting?<\/span><div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div><\/div><div class=\"faq-a\">Yes. We can set up managed hosting on fast servers starting at \u20b92,999\/year \u2014 or migrate your site to your existing hosting at no extra charge.<\/div><\/div><div class=\"faq-item\"><div class=\"faq-q\"><span>What if I want changes after launch?<\/span><div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div><\/div><div class=\"faq-a\">All packages include free support for 3\u201312 months depending on your plan. After that, we offer affordable monthly maintenance retainers.<\/div><\/div><\/div><\/section>\r\n\r\n<div class=\"cta-strip\" id=\"contact\"><h2>Let's build your <em>dream website.<\/em><\/h2><p>Get a free design mockup for your homepage \u2014 no strings attached.<\/p><div class=\"cta-strip-btns\"><a href=\"mailto:hello@ruchiorbit.com\" class=\"btn-purple\">Get Free Mockup<\/a><a href=\"tel:+919876543210\" class=\"btn-outline\">Call Us<\/a><\/div><\/div>\r\n<div class=\"ticker\" aria-hidden=\"true\"><div class=\"ticker-t\"><span class=\"ti\">WordPress Development<\/span><span class=\"ti\">E-Commerce Stores<\/span><span class=\"ti\">Landing Pages<\/span><span class=\"ti\">UI\/UX Design<\/span><span class=\"ti\">Speed Optimisation<\/span><span class=\"ti\">SEO Setup<\/span><span class=\"ti\">WordPress Development<\/span><span class=\"ti\">E-Commerce Stores<\/span><span class=\"ti\">Landing Pages<\/span><span class=\"ti\">UI\/UX Design<\/span><span class=\"ti\">Speed Optimisation<\/span><span class=\"ti\">SEO Setup<\/span><\/div><\/div>\r\n<script>const obs=new IntersectionObserver(e=>{e.forEach((n,i)=>{if(n.isIntersecting){setTimeout(()=>n.target.classList.add('v'),i*70);obs.unobserve(n.target)}})},{threshold:.1});document.querySelectorAll('.fu').forEach(el=>obs.observe(el));document.querySelectorAll('.faq-item').forEach(item=>{item.addEventListener('click',()=>item.classList.toggle('open'))});<\/script>\r\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Website Design &#038; Development \u2014 Ruchiorbit All Services\/Website Design &#038; Development Website Design &#038; Development Websites that workas hard as [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1239","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ruchiorbit.com\/index.php?rest_route=\/wp\/v2\/pages\/1239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruchiorbit.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ruchiorbit.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ruchiorbit.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruchiorbit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1239"}],"version-history":[{"count":6,"href":"https:\/\/ruchiorbit.com\/index.php?rest_route=\/wp\/v2\/pages\/1239\/revisions"}],"predecessor-version":[{"id":1351,"href":"https:\/\/ruchiorbit.com\/index.php?rest_route=\/wp\/v2\/pages\/1239\/revisions\/1351"}],"wp:attachment":[{"href":"https:\/\/ruchiorbit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}