diff --git a/digital-branding.html b/digital-branding.html index 86846c0..dd18131 100644 --- a/digital-branding.html +++ b/digital-branding.html @@ -1,477 +1,1125 @@ - - - AI Digital Branding Services - Quantum Tasks AI - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + AI Digital Branding — Quantum Tasks AI + + + + + + + + + + + + + + + + + - - + + html { scroll-behavior: smooth; } + body { + font-family: 'Inter', system-ui, sans-serif; + color: var(--text); background: var(--white); + line-height: 1.6; -webkit-font-smoothing: antialiased; + overflow-x: hidden; + } + img { max-width: 100%; display: block; } + a { text-decoration: none; color: inherit; } + + /* ── Utilities ──────────────────────────────────────── */ + .container { max-width: 1160px; margin: 0 auto; padding: 0 24px; } + + .section-label { + font-size: 12px; font-weight: 700; + letter-spacing: .12em; text-transform: uppercase; + color: var(--indigo); margin-bottom: 14px; + display: flex; align-items: center; gap: 8px; + } + .section-label::before { + content: ''; width: 20px; height: 2px; + background: var(--indigo); border-radius: 2px; + } + .section-label.center { justify-content: center; } + .section-label.center::before { display: none; } + + .section-title { + font-size: clamp(30px, 3.6vw, 46px); + font-weight: 800; line-height: 1.12; + color: var(--navy); letter-spacing: -.025em; + } + .section-sub { + font-size: 17px; color: var(--gray500); + max-width: 560px; line-height: 1.75; margin-top: 12px; + } + + /* Buttons */ + .btn { + display: inline-flex; align-items: center; gap: 8px; + font-family: inherit; font-size: 15px; font-weight: 700; + padding: 13px 26px; border-radius: 10px; cursor: pointer; + border: none; transition: all .2s; white-space: nowrap; + } + .btn:hover { transform: translateY(-2px); } + + .btn-primary { + background: linear-gradient(135deg, var(--orange), #ef4444); + color: var(--white); + box-shadow: 0 4px 20px rgba(249,115,22,0.4); + } + .btn-primary:hover { box-shadow: 0 8px 30px rgba(249,115,22,0.55); } + + .btn-ghost { + background: rgba(255,255,255,0.08); color: var(--white); + border: 1px solid rgba(255,255,255,0.18); + } + .btn-ghost:hover { background: rgba(255,255,255,0.14); } + + .btn-outline { + background: transparent; color: var(--indigo); + border: 2px solid var(--indigo); + } + .btn-outline:hover { background: var(--indigo); color: var(--white); } + + /* ════════════════════════════════════════ HERO */ + .hero { + background: var(--navy); + position: relative; overflow: hidden; + padding: 96px 0 80px; + } + + .hero-orb { + position: absolute; border-radius: 50%; + filter: blur(80px); pointer-events: none; + } + .hero-orb-1 { + width: 650px; height: 650px; + background: radial-gradient(circle, rgba(168,85,247,0.25) 0%, transparent 65%); + top: -180px; left: -100px; + animation: orb1 14s ease-in-out infinite; + } + .hero-orb-2 { + width: 450px; height: 450px; + background: radial-gradient(circle, rgba(99,102,241,0.2) 0%, transparent 65%); + bottom: -120px; right: 5%; + animation: orb2 16s ease-in-out infinite; + } + .hero-orb-3 { + width: 280px; height: 280px; + background: radial-gradient(circle, rgba(249,115,22,0.15) 0%, transparent 65%); + top: 40%; right: 15%; + animation: orb1 11s ease-in-out infinite reverse; + } + @keyframes orb1 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(28px,-38px)} } + @keyframes orb2 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-22px,28px)} } + + .hero::before { + content: ''; position: absolute; inset: 0; + background-image: + linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), + linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); + background-size: 60px 60px; pointer-events: none; + } + + .hero-inner { + position: relative; z-index: 2; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 64px; align-items: center; + } + + /* ── Brand Mockup ── */ + .hero-visual { position: relative; } + + .brand-card { + background: rgba(15,23,42,0.8); + border: 1px solid rgba(255,255,255,0.1); + border-radius: 20px; overflow: hidden; + backdrop-filter: blur(20px); + box-shadow: 0 40px 80px rgba(0,0,0,0.5); + } + + .brand-chrome { + background: rgba(255,255,255,0.04); + border-bottom: 1px solid rgba(255,255,255,0.06); + padding: 14px 20px; + display: flex; align-items: center; gap: 12px; + } + .b-dots { display: flex; gap: 6px; } + .b-dot { width: 10px; height: 10px; border-radius: 50%; } + .b-dot:nth-child(1){background:#ef4444;} + .b-dot:nth-child(2){background:#f59e0b;} + .b-dot:nth-child(3){background:#22c55e;} + .b-url { + flex: 1; background: rgba(255,255,255,0.05); + border: 1px solid rgba(255,255,255,0.08); + border-radius: 6px; padding: 5px 12px; + font-size: 12px; color: rgba(255,255,255,0.3); + font-family: monospace; + } + + .brand-body { padding: 24px; } + + .brand-label { + font-size: 11px; font-weight: 700; letter-spacing: .1em; + text-transform: uppercase; color: rgba(255,255,255,.3); + margin-bottom: 18px; + display: flex; align-items: center; gap: 8px; + } + .brand-label::after { + content: 'LIVE'; font-size: 9px; font-weight: 800; + background: rgba(168,85,247,0.2); color: #d8b4fe; + border: 1px solid rgba(168,85,247,0.3); + padding: 2px 6px; border-radius: 4px; + } + + /* Channel rows */ + .channel-row { + display: flex; align-items: center; justify-content: space-between; + padding: 10px 0; + border-bottom: 1px solid rgba(255,255,255,0.04); + } + .channel-row:last-of-type { border-bottom: none; } + + .ch-left { display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgba(255,255,255,.6); } + .ch-ico { + width: 28px; height: 28px; border-radius: 7px; + display: flex; align-items: center; justify-content: center; font-size: 13px; + } + + .ch-right { display: flex; align-items: center; gap: 10px; } + .ch-bar { width: 80px; height: 5px; background: rgba(255,255,255,.08); border-radius: 999px; overflow: hidden; } + .ch-fill { height: 100%; border-radius: 999px; animation: fillBar 1.5s ease forwards; } + @keyframes fillBar { from{width:0} } + .ch-val { font-size: 13px; font-weight: 800; color: var(--white); width: 36px; text-align: right; } + + /* Mini stat row */ + .brand-stats-row { + display: grid; grid-template-columns: repeat(3,1fr); + gap: 10px; margin-top: 18px; + } + .brand-mini-stat { + background: rgba(255,255,255,.04); + border: 1px solid rgba(255,255,255,.07); + border-radius: 10px; padding: 12px; + text-align: center; + } + .brand-mini-num { + font-size: 18px; font-weight: 900; color: var(--white); + letter-spacing: -.03em; line-height: 1; margin-bottom: 4px; + } + .brand-mini-label { font-size: 11px; color: rgba(255,255,255,.4); font-weight: 500; } + + /* Floating badge */ + .hero-float-badge { + position: absolute; + background: var(--white); border-radius: 12px; + padding: 10px 16px; box-shadow: 0 12px 32px rgba(0,0,0,0.3); + display: flex; align-items: center; gap: 10px; + font-size: 13px; font-weight: 700; color: var(--navy); + white-space: nowrap; z-index: 3; + animation: floatBadge 4s ease-in-out infinite; + } + .hero-float-badge .fb-dot { + width: 8px; height: 8px; border-radius: 50%; background: #22c55e; + } + .float-tl { top: -16px; left: -32px; animation-delay: 0s; } + .float-br { bottom: 20px; right: -24px; animation-delay: .9s; } + @keyframes floatBadge { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} } + + @media (max-width: 1024px) { + .hero-inner { grid-template-columns: 1fr; gap: 48px; } + .hero-visual { display: none; } + } + + .hero-pill { + display: inline-flex; align-items: center; gap: 10px; + background: rgba(168,85,247,0.12); + border: 1px solid rgba(168,85,247,0.3); + border-radius: 999px; padding: 6px 16px 6px 8px; + margin-bottom: 28px; + } + .hero-pill-badge { + background: var(--violet); color: var(--white); + font-size: 10px; font-weight: 800; + letter-spacing: .08em; text-transform: uppercase; + padding: 3px 8px; border-radius: 999px; + } + .hero-pill-text { font-size: 13px; font-weight: 500; color: #d8b4fe; } + + .hero-h1 { + font-size: clamp(40px, 5.5vw, 68px); + font-weight: 900; line-height: 1.07; + letter-spacing: -.035em; color: var(--white); + margin-bottom: 22px; + } + .hero-h1 .grad { + background: linear-gradient(135deg, #c084fc 0%, #818cf8 50%, #fb923c 100%); + -webkit-background-clip: text; -webkit-text-fill-color: transparent; + background-clip: text; + } + + .hero-sub { + font-size: 18px; color: rgba(255,255,255,.6); + line-height: 1.75; max-width: 580px; margin-bottom: 36px; + } + + .hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 52px; } + + .hero-stats { + display: flex; gap: 40px; flex-wrap: wrap; + padding-top: 36px; + border-top: 1px solid rgba(255,255,255,.08); + } + .hero-stat-num { + font-size: 30px; font-weight: 900; + letter-spacing: -.03em; color: var(--white); line-height: 1; + margin-bottom: 4px; + } + .hero-stat-label { font-size: 13px; color: rgba(255,255,255,.45); font-weight: 500; } + + /* ════════════════════════════════ MARQUEE */ + .marquee-strip { + background: var(--navy2); + border-top: 1px solid rgba(255,255,255,.06); + border-bottom: 1px solid rgba(255,255,255,.06); + padding: 13px 0; overflow: hidden; + } + .marquee-track { + display: flex; animation: marquee 30s linear infinite; + width: max-content; + } + .marquee-track:hover { animation-play-state: paused; } + @keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} } + .marquee-item { + display: flex; align-items: center; gap: 10px; + padding: 0 36px; font-size: 13px; font-weight: 600; + color: rgba(255,255,255,.4); + border-right: 1px solid rgba(255,255,255,.08); + white-space: nowrap; + } + .marquee-item span { color: #d8b4fe; font-size: 15px; } + + /* ════════════════════════════════ PROOF */ + .proof { background: var(--white); padding: 72px 0; border-bottom: 1px solid var(--gray100); } + .proof-grid { display: grid; grid-template-columns: repeat(4,1fr); } + .proof-item { + text-align: center; padding: 0 24px; + border-right: 1px solid var(--gray100); + } + .proof-item:last-child { border-right: none; } + .proof-num { + font-size: clamp(36px,4vw,52px); font-weight: 900; + letter-spacing: -.04em; line-height: 1; margin-bottom: 8px; + background: linear-gradient(135deg, var(--navy), var(--violet)); + -webkit-background-clip: text; -webkit-text-fill-color: transparent; + background-clip: text; + } + .proof-label { font-size: 14px; font-weight: 600; color: var(--gray500); } + .proof-sub { font-size: 12px; color: var(--gray400); margin-top: 4px; } + + /* ════════════════════════════════ WHY */ + .why { background: var(--gray50); padding: 100px 0; } + .why-header { text-align: center; max-width: 640px; margin: 0 auto 56px; } + .why-header .section-sub { margin: 12px auto 0; } + + .why-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; } + + .why-card { + background: var(--white); border: 1px solid var(--gray200); + border-radius: 16px; padding: 32px; + transition: box-shadow .2s, transform .2s; + position: relative; overflow: hidden; + } + .why-card::after { + content: ''; position: absolute; + top: 0; left: 0; right: 0; height: 3px; + opacity: 0; transition: opacity .2s; + } + .why-card:nth-child(1)::after { background: linear-gradient(90deg,var(--indigo),var(--violet)); } + .why-card:nth-child(2)::after { background: linear-gradient(90deg,var(--violet),var(--orange)); } + .why-card:nth-child(3)::after { background: linear-gradient(90deg,var(--orange),var(--cyan)); } + .why-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-5px); } + .why-card:hover::after { opacity: 1; } + + .why-icon { + width: 52px; height: 52px; border-radius: 14px; + display: flex; align-items: center; justify-content: center; + font-size: 22px; margin-bottom: 20px; + } + .why-title { font-size: 17px; font-weight: 700; color: var(--navy); margin-bottom: 10px; } + .why-text { font-size: 14px; color: var(--gray500); line-height: 1.7; } + + /* ════════════════════════════════ PROCESS */ + .process { background: var(--white); padding: 100px 0; } + .process-header { text-align: center; max-width: 680px; margin: 0 auto 64px; } + .process-header .section-sub { margin: 12px auto 0; } + + /* SOSTAC label row */ + .sostac-labels { + display: grid; grid-template-columns: repeat(6,1fr); + gap: 12px; margin-bottom: 16px; + } + .sostac-label { + text-align: center; font-size: 11px; font-weight: 800; + letter-spacing: .1em; text-transform: uppercase; + color: var(--indigo2); padding: 6px 0; + } + + .process-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; } + + .process-card { + background: var(--gray50); border: 1px solid var(--gray200); + border-radius: 16px; padding: 28px; + transition: box-shadow .2s, transform .2s; + position: relative; + } + .process-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); } + + .process-num { + width: 36px; height: 36px; border-radius: 10px; + background: linear-gradient(135deg, var(--indigo), var(--violet)); + color: var(--white); font-size: 15px; font-weight: 800; + display: flex; align-items: center; justify-content: center; + margin-bottom: 16px; + } + .process-title { font-size: 16px; font-weight: 700; color: var(--navy); margin-bottom: 8px; } + .process-text { font-size: 14px; color: var(--gray500); line-height: 1.65; } + + /* RACE section */ + .race { background: var(--navy); padding: 80px 0; } + + .race-header { text-align: center; margin-bottom: 52px; } + .race-header .section-label { color: #d8b4fe; justify-content: center; } + .race-header .section-label::before { display: none; } + .race-title { font-size: clamp(26px,3vw,38px); font-weight: 800; color: var(--white); letter-spacing: -.025em; margin-bottom: 10px; } + .race-sub { font-size: 16px; color: rgba(255,255,255,.5); max-width: 520px; margin: 0 auto; line-height: 1.7; } + + .race-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; } + + .race-card { + background: rgba(255,255,255,.05); + border: 1px solid rgba(255,255,255,.1); + border-radius: 16px; padding: 28px; + transition: background .2s, border-color .2s; + position: relative; overflow: hidden; + } + .race-card::before { + content: ''; position: absolute; + top: 0; left: 0; right: 0; height: 3px; + } + .race-card:nth-child(1)::before { background: linear-gradient(90deg,var(--indigo),var(--violet)); } + .race-card:nth-child(2)::before { background: linear-gradient(90deg,var(--violet),var(--orange)); } + .race-card:nth-child(3)::before { background: linear-gradient(90deg,var(--orange),#f59e0b); } + .race-card:nth-child(4)::before { background: linear-gradient(90deg,var(--cyan),var(--green)); } + .race-card:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); } + + .race-letter { + font-size: 40px; font-weight: 900; letter-spacing: -.04em; + background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.3)); + -webkit-background-clip: text; -webkit-text-fill-color: transparent; + background-clip: text; + line-height: 1; margin-bottom: 4px; + } + .race-word { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: rgba(255,255,255,.4); margin-bottom: 16px; } + .race-focus { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 10px; } + .race-actions { font-size: 13px; color: rgba(255,255,255,.5); line-height: 1.65; } + + /* ════════════════════════════════ SERVICES */ + .services { background: var(--gray50); padding: 100px 0; } + .services-header { text-align: center; max-width: 640px; margin: 0 auto 56px; } + .services-header .section-sub { margin: 12px auto 0; } + + .svc-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; } + + .svc-card { + background: var(--white); border: 1px solid var(--gray200); + border-radius: 16px; padding: 30px; + transition: all .25s; position: relative; overflow: hidden; + } + .svc-card::before { + content: ''; position: absolute; + top: 0; left: 0; right: 0; height: 0; + background: linear-gradient(135deg, var(--violet), var(--indigo)); + transition: height .25s; opacity: .06; + } + .svc-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-5px); border-color: transparent; } + .svc-card:hover::before { height: 100%; } + + .svc-icon { + width: 48px; height: 48px; border-radius: 12px; + display: flex; align-items: center; justify-content: center; + font-size: 20px; margin-bottom: 18px; + } + .svc-title { font-size: 17px; font-weight: 700; color: var(--navy); margin-bottom: 10px; } + .svc-text { font-size: 14px; color: var(--gray500); line-height: 1.7; } + + /* ════════════════════════════════ CTA BANNER */ + .cta-banner { + background: var(--navy); padding: 100px 0; + position: relative; overflow: hidden; + } + .cta-banner::before { + content: ''; position: absolute; inset: 0; + background: + radial-gradient(ellipse at 25% 50%, rgba(168,85,247,.22) 0%, transparent 58%), + radial-gradient(ellipse at 75% 50%, rgba(249,115,22,.15) 0%, transparent 58%); + } + .cta-inner { position: relative; z-index: 1; } + + .cta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; } + + .cta-eyebrow { + display: inline-flex; align-items: center; gap: 8px; + background: rgba(168,85,247,.12); border: 1px solid rgba(168,85,247,.25); + border-radius: 999px; padding: 6px 14px; margin-bottom: 20px; + font-size: 12px; font-weight: 700; text-transform: uppercase; + letter-spacing: .08em; color: #d8b4fe; + } + .cta-title { + font-size: clamp(28px,3.6vw,44px); font-weight: 900; + color: var(--white); letter-spacing: -.025em; + line-height: 1.12; margin-bottom: 16px; + } + .cta-title .grad { + background: linear-gradient(135deg, #c084fc, #818cf8, var(--orange2)); + -webkit-background-clip: text; -webkit-text-fill-color: transparent; + background-clip: text; + } + .cta-desc { font-size: 16px; color: rgba(255,255,255,.55); line-height: 1.7; margin-bottom: 32px; } + + .cta-checks { display: flex; flex-direction: column; gap: 12px; margin-bottom: 36px; } + .cta-check { + display: flex; align-items: center; gap: 12px; + font-size: 15px; color: rgba(255,255,255,.7); + } + .cta-check-icon { + width: 22px; height: 22px; border-radius: 50%; + background: rgba(34,197,94,.2); color: var(--green); + display: flex; align-items: center; justify-content: center; + font-size: 12px; font-weight: 800; flex-shrink: 0; + } + + .cta-buttons { display: flex; gap: 12px; flex-wrap: wrap; } + + /* Right side info card */ + .cta-info-card { + background: rgba(255,255,255,.05); + border: 1px solid rgba(255,255,255,.1); + border-radius: 20px; padding: 36px; + } + .cta-info-title { font-size: 18px; font-weight: 800; color: var(--white); margin-bottom: 24px; } + + .cta-contact-item { + display: flex; gap: 14px; margin-bottom: 20px; align-items: flex-start; + } + .cta-contact-icon { + width: 40px; height: 40px; border-radius: 10px; + background: rgba(255,255,255,.07); + border: 1px solid rgba(255,255,255,.1); + display: flex; align-items: center; justify-content: center; + font-size: 16px; flex-shrink: 0; + } + .cta-contact-item h4 { font-size: 13px; font-weight: 700; color: rgba(255,255,255,.5); margin-bottom: 4px; } + .cta-contact-item p, .cta-contact-item a { + font-size: 15px; color: var(--white); font-weight: 500; + } + .cta-contact-item a:hover { color: var(--indigo2); } + + .cta-promise { + margin-top: 24px; padding: 18px 20px; + background: rgba(168,85,247,.1); border: 1px solid rgba(168,85,247,.2); + border-radius: 12px; + font-size: 14px; color: #d8b4fe; line-height: 1.65; + } + + /* ════════════════════════════════ FOOTER */ + .footer { background: var(--navy); padding: 72px 0 32px; } + .footer-main { + display: grid; grid-template-columns: 2.2fr 1fr 1fr 1fr; + gap: 48px; margin-bottom: 56px; + } + .footer-logo-img { + height: 40px; width: auto; margin-bottom: 18px; + filter: brightness(0) invert(1); opacity: .8; + } + .footer-desc { font-size: 14px; color: rgba(255,255,255,.45); line-height: 1.7; margin-bottom: 24px; } + .footer-contact-link { + display: flex; align-items: center; gap: 8px; + font-size: 13px; color: rgba(255,255,255,.4); + margin-bottom: 8px; transition: color .15s; + } + .footer-contact-link:hover { color: var(--white); } + .footer-col-title { + font-size: 12px; font-weight: 700; text-transform: uppercase; + letter-spacing: .1em; color: var(--white); margin-bottom: 20px; + } + .footer-links { display: flex; flex-direction: column; gap: 10px; } + .footer-link { font-size: 14px; color: rgba(255,255,255,.45); transition: color .15s; } + .footer-link:hover { color: var(--white); } + .footer-bottom { + display: flex; align-items: center; justify-content: space-between; + padding-top: 28px; border-top: 1px solid rgba(255,255,255,.08); + font-size: 13px; color: rgba(255,255,255,.3); + } + .footer-bottom-links { display: flex; gap: 20px; } + + /* ════════════════════════════════ RESPONSIVE */ + @media (max-width: 1024px) { + .why-grid { grid-template-columns: 1fr 1fr; } + .race-grid { grid-template-columns: 1fr 1fr; } + .svc-grid { grid-template-columns: 1fr 1fr; } + .cta-grid { grid-template-columns: 1fr; gap: 40px; } + .footer-main { grid-template-columns: 1fr 1fr; gap: 36px; } + .proof-grid { grid-template-columns: repeat(2,1fr); } + .proof-item:nth-child(2) { border-right: none; } + .proof-item:nth-child(3) { border-top: 1px solid var(--gray100); } + .proof-item:nth-child(4) { border-top: 1px solid var(--gray100); border-right: none; } + } + @media (max-width: 768px) { + .process-grid { grid-template-columns: 1fr; } + .why-grid { grid-template-columns: 1fr; } + .race-grid { grid-template-columns: 1fr 1fr; } + .svc-grid { grid-template-columns: 1fr; } + .footer-main { grid-template-columns: 1fr; } + .footer-bottom { flex-direction: column; gap: 12px; text-align: center; } + .hero-stats { gap: 24px; } + } + @media (max-width: 480px) { + .race-grid { grid-template-columns: 1fr; } + } + - - - - -
- -
-
- -
- - Trusted Digital Brand Partner -
-

- - AI-Powered Digital Branding - -
- - Intelligence - -

+ -

- Elevate Your Brand with Intelligent Digital Strategies. Combine proven marketing expertise with AI automation to accelerate growth, optimize performance, and deliver measurable results that matter. -

+
- -
- - Get Started - - - Learn More - -
+ +
+
+
+
- -
-
-
- 250% -
-
- Average ROI Increase -
-
-
-
- 3x -
-
- Faster Content Creation -
-
-
-
- 24/7 -
-
- Performance Monitoring -
-
-
+
+
+ + +
+
+ AI-Powered + SOSTAC+RACE framework — proven, automated, measurable +
+ +

+ Build a Brand That
+ AI Remembers. +

+ +

+ Combine 35+ years of marketing expertise with cutting-edge AI automation. Get a custom brand strategy, faster content, and measurable growth — delivered in 24 hours. +

+ +
+ + Get My Free Brand Assessment → + + + See the Framework + +
+ +
+
+
250%
+
Average ROI increase
-
- - -
-
- -
-
- - Why Choose Us -
-

- Intelligent Digital Excellence -

-

- Combine proven digital strategies with smart automation and data insights to accelerate your brand's growth and market impact -

-
- -
-
-
-

Data-Driven Brand Intelligence

-

- Advanced analytics and automation for real-time audience insights, trend forecasting, and competitive intelligence. Our smart systems continuously optimize your strategy based on performance data. -

-
-
-
-

Comprehensive Digital Automation

-

- End-to-end digital presence management with smart automation, content optimization, intelligent scheduling, SEO enhancement, and reputation management for maximum efficiency and impact. -

-
-
-
-

Smart Personalization & Optimization

-

- Intelligent systems that learn your brand identity, automatically adapt strategies for your market, and continuously optimize campaigns based on performance data and market insights. -

-
-
+
+
3×
+
Faster content creation
-
- - -
-
-
-
- - Our Process -
-

- AI-Enhanced SOSTAC+RACE Framework -

-

- Our proven methodology supercharged with artificial intelligence, machine learning insights, and automated optimization at every stage -

-
- -
-
-
1
-
-

AI-Powered Situation Analysis

-

- Deploy machine learning algorithms to analyze your brand's digital DNA, competitive intelligence automation, and predictive market positioning with real-time data insights. -

-
-
-
-
2
-
-

AI-Optimized Objectives

-

- Generate data-driven SMART goals using predictive analytics, automated KPI tracking, and AI-powered performance forecasting with continuous goal optimization. -

-
-
-
-
3
-
-

Intelligent Strategy Design

-

- AI-driven customer journey mapping, automated audience segmentation, dynamic value proposition testing, and intelligent channel selection with performance optimization. -

-
-
-
-
4
-
-

AI-Automated Tactics (RACE Framework)

-

- Deploy intelligent automation for Reach (AI-powered visibility), Act (automated engagement), Convert (smart sales funnels), and Engage (AI-driven loyalty programs). -

-
-
-
-
5
-
-

Automated Action Execution

-

- AI-powered task automation, intelligent timeline management, and automated brand asset generation with smart content creation and deployment systems. -

-
-
-
-
6
-
-

Intelligent Control & Optimization

-

- Real-time AI monitoring, predictive KPI analysis, automated strategy refinement, and continuous machine learning optimization with performance forecasting. -

-
-
-
- - -
-

RACE Framework Breakdown

-
-
-
- -

Reach

-
-
AI-Powered Visibility
-
Automated LLM optimization, AI-driven SEO, smart ad targeting, AI influencer matching, automated PR distribution
-
-
-
- -

Act

-
-
Intelligent Engagement
-
AI content generation, dynamic landing pages, chatbot interactions, automated social responses
-
-
-
- -

Convert

-
-
Smart Conversions
-
AI-optimized CTAs, predictive retargeting, automated lead scoring, intelligent funnel optimization
-
-
-
- -

Engage

-
-
AI-Driven Loyalty
-
Automated email personalization, AI community management, predictive advocacy, smart retention campaigns
-
-
-
+
+
24/7
+
Performance monitoring
-
- - -
-
-

- AI-Powered Service Portfolio -

-

- Advanced artificial intelligence solutions that automate, optimize, and accelerate your digital brand transformation -

-
-
-
-

Brand Discovery & Smart Identity Design

-

- Complete brand audit enhanced with AI insights, strategic identity creation, and adaptive design systems that evolve with market trends and audience data. -

-
-
-
-

Strategic Platform Management & Automation

-

- Smart platform selection and optimization, automated content distribution, intelligent scheduling, and performance optimization across social media, websites, and digital touchpoints. -

-
-
-
-

Advanced Content & Marketing Automation

-

- AI-enhanced content creation, automated SEO optimization, intelligent ad targeting and social media management with real-time performance adjustments for maximum impact. -

-
-
-
-

Influencer Partnerships & Digital PR

-

- Strategic influencer discovery and matching, automated PR campaign management, smart media outreach, and comprehensive relationship management for maximum brand amplification. -

-
-
-
-

Brand Consistency & Messaging Systems

-

- Unified brand guidelines with automated enforcement, intelligent messaging frameworks, smart visual asset management, and consistent brand voice across all platforms. -

-
-
-
-

Predictive AI Analytics & Automated Insights

-

- Real-time predictive analytics, automated performance optimization, AI-generated insights and recommendations, with intelligent forecasting and proactive strategy adjustments. -

-
-
+
+
24h
+
Strategy delivered
-
+
+ - -
-
-

- Accelerate Your Digital Brand Growth -

-
- -
-

Ready to transform your digital brand presence?

-

- Complete our Digital Brand Strategy Assessment and receive a customized growth roadmap with smart automation recommendations within 24 hours. -

- - -
-
- - Free comprehensive brand analysis -
-
- - Personalized growth automation roadmap -
-
- - Custom strategy proposal in 24 hours -
-
+ +
+ +
+ Brand score improved +34 +
+
+ ✦ 3× content output +
- -
-

Get in Touch

- - -
-
- -
-
-

Email Address

-

- - abhay@quantumtaskai.com - -

-
-
- - -
-

- Leading the AI Revolution in Digital Branding - Where Artificial Intelligence Meets Brand Excellence for Unprecedented Growth and Automation. -

-
-
+
+
+
+
+
+
+
+
Brand Performance Dashboard
+ +
+
Channel Visibility Score
+ +
+
+
✦
+ AI Search (GEO) +
+
+
+
91
+
+
+ +
+
+
🔍
+ Organic SEO +
+
+
+
84
+
+
+ +
+
+
📱
+ Social Reach +
+
+
+
76
+
+
+ +
+
+
✉
+ Email Open Rate +
+
+
+
68
+
+
+ +
+
+
+34%
+
Brand Score
+
+
+
3.2×
+
Content Volume
+
+
+
250%
+
ROI Growth
+
+
+
+
+
-
-
+ - - + + + + +
+
+ ✦ Brand Identity Design + 📊 SOSTAC+RACE Framework + 🤖 AI Content Generation + 🎯 Predictive Analytics + 📱 Platform Automation + 📢 Influencer Partnerships + 🔍 SEO & GEO Optimization + 💡 Smart Personalization + ✦ Brand Identity Design + 📊 SOSTAC+RACE Framework + 🤖 AI Content Generation + 🎯 Predictive Analytics + 📱 Platform Automation + 📢 Influencer Partnerships + 🔍 SEO & GEO Optimization + 💡 Smart Personalization +
+
+ + +
+
+
+
+
250%
+
Average ROI Increase
+
Measured across branding engagements
+
+
+
3×
+
Faster Content Output
+
With AI automation pipelines
+
+
+
24h
+
Strategy Delivered
+
Custom roadmap, guaranteed
+
+
+
24/7
+
Performance Monitoring
+
Real-time AI oversight
+
+
+
+
+ + +
+
+
+

Why Choose Us

+

Intelligence that actually moves the needle

+

Not generic templates. A custom AI strategy built around your brand, your market, and your goals.

+
+ +
+
+
🤖
+
Data-Driven Brand Intelligence
+
Machine learning algorithms analyse your brand's digital footprint, forecast trends, and continuously optimise your strategy based on live performance data — not guesswork.
+
+
+
🌐
+
End-to-End Digital Automation
+
From content scheduling and SEO to reputation management and paid ads — every digital touchpoint handled by intelligent automation so your team stays focused on growth.
+
+
+
⚡
+
Smart Personalisation at Scale
+
Systems that learn your brand identity and audience, automatically adapt messaging for each channel, and optimise campaigns in real time for maximum conversion impact.
+
+
+
+
+ + +
+
+
+

Our Framework

+

The AI-Enhanced SOSTAC+RACE Framework

+

A proven 6-step methodology supercharged with AI — from situation analysis to continuous optimisation.

+
+ +
+
+
S
+
AI Situation Analysis
+
Deploy ML algorithms to map your brand's digital DNA, automate competitive intelligence, and generate predictive market positioning with real-time data.
+
+
+
O
+
AI-Optimised Objectives
+
Data-driven SMART goals using predictive analytics, automated KPI tracking, and AI-powered performance forecasting with continuous goal refinement.
+
+
+
S
+
Intelligent Strategy Design
+
AI-driven customer journey mapping, automated audience segmentation, dynamic value proposition testing, and intelligent channel selection.
+
+
+
T
+
AI-Automated Tactics
+
Deploy the RACE framework with intelligent automation across Reach, Act, Convert, and Engage — each stage optimised by AI in real time.
+
+
+
A
+
Automated Execution
+
AI-powered task automation, intelligent timelines, and automated brand asset generation with smart content creation and multi-channel deployment.
+
+
+
C
+
Intelligent Control
+
Real-time AI monitoring, predictive KPI analysis, automated strategy refinement, and continuous machine learning optimisation with performance forecasting.
+
+
+
+
+ + +
+
+
+

RACE Breakdown

+

Four phases. One intelligent engine.

+

Every customer interaction — from first impression to long-term loyalty — automated and optimised by AI.

+
+ +
+
+
R
+
Reach
+
AI-Powered Visibility
+
LLM optimisation, AI-driven SEO, smart ad targeting, influencer matching, automated PR distribution
+
+
+
A
+
Act
+
Intelligent Engagement
+
AI content generation, dynamic landing pages, chatbot interactions, automated social responses
+
+
+
C
+
Convert
+
Smart Conversions
+
AI-optimised CTAs, predictive retargeting, automated lead scoring, intelligent funnel optimisation
+
+
+
E
+
Engage
+
AI-Driven Loyalty
+
Automated email personalisation, AI community management, predictive advocacy, smart retention campaigns
+
+
+
+
+ + +
+
+
+

Service Portfolio

+

Everything your brand needs to dominate digitally

+

Six AI-powered services that cover every dimension of your digital brand — end to end.

+
+ +
+
+
🎨
+
Brand Discovery & Smart Identity
+
Complete AI-enhanced brand audit, strategic identity creation, and adaptive design systems that evolve with market trends and live audience data.
+
+
+
📱
+
Platform Management & Automation
+
Smart platform optimisation, automated content distribution, intelligent scheduling, and performance tuning across every digital touchpoint.
+
+
+
✍
+
Content & Marketing Automation
+
AI content creation, automated SEO, intelligent ad targeting, and social media management with real-time performance adjustments for maximum impact.
+
+
+
📢
+
Influencer Partnerships & Digital PR
+
Strategic influencer discovery, automated PR campaign management, smart media outreach, and relationship tracking for maximum brand amplification.
+
+
+
🎯
+
Brand Consistency & Messaging
+
Unified brand guidelines with automated enforcement, intelligent messaging frameworks, and consistent brand voice maintained across every platform.
+
+
+
📈
+
Predictive Analytics & AI Insights
+
Real-time predictive analytics, automated performance optimisation, AI-generated insights, and intelligent forecasting with proactive strategy adjustments.
+
+
+
+
+ + +
+
+
+
+ + +
+
✦ Free Assessment
+

+ Ready to transform
your digital brand? +

+

+ Complete our Digital Brand Strategy Assessment and receive a customised AI-powered growth roadmap within 24 hours — no commitment required. +

+
+
+
✓
+ Free comprehensive brand analysis +
+
+
✓
+ Personalised AI automation roadmap +
+
+
✓
+ Custom strategy proposal in 24 hours +
+
+
+ + Start My Free Assessment → + +
+
+ + +
+
Or get in touch directly
+ +
+
✉
+ +
+ +
+
📍
+
+

Office

+

Meydan Grandstand, 6th floor
Dubai, U.A.E.

+
+
+ +
+
🔍
+
+

Free Site Audit

+ audit.quantumtaskai.com → +
+
+ +
+ Leading the AI revolution in digital branding — where artificial intelligence meets brand excellence for unprecedented growth. +
+
+ +
+
+
+
+ + + + + + + - - - \ No newline at end of file + diff --git a/header.js b/header.js index 962b8de..3b99e18 100644 --- a/header.js +++ b/header.js @@ -70,21 +70,46 @@ } .sh-nav a:hover { - color: #3b82f6; - background: rgba(59,130,246,0.05); + color: #6366f1; + background: rgba(99,102,241,0.06); } .sh-nav a.sh-active { - color: #1d4ed8; - background: rgba(59,130,246,0.08); + color: #4f46e5; + background: rgba(99,102,241,0.08); font-weight: 600; } .sh-nav a:focus-visible { - outline: 2px solid #3b82f6; + outline: 2px solid #6366f1; outline-offset: 2px; } + /* ── CTA Button ── */ + .sh-cta { + display: inline-flex; + align-items: center; + gap: 6px; + font-family: 'Inter', Arial, sans-serif; + font-size: 14px; + font-weight: 700; + color: #ffffff; + background: linear-gradient(135deg, #f97316, #ef4444); + padding: 8px 18px; + border-radius: 8px; + text-decoration: none; + white-space: nowrap; + margin-left: 8px; + transition: opacity .15s, transform .15s, box-shadow .15s; + box-shadow: 0 2px 10px rgba(249,115,22,0.35); + } + + .sh-cta:hover { + opacity: 0.92; + transform: translateY(-1px); + box-shadow: 0 4px 16px rgba(249,115,22,0.45); + } + /* ── Hamburger ── */ .sh-burger { display: none; @@ -99,11 +124,12 @@ transition: background .15s; } - .sh-burger:hover { background: rgba(59,130,246,0.05); } + .sh-burger:hover { background: rgba(99,102,241,0.06); } /* ── Mobile menu ── */ @media (max-width: 768px) { .sh-burger { display: flex; } + .sh-cta { display: none; } .sh-inner { position: relative; } @@ -171,6 +197,7 @@ '' + + 'Free Audit →' + ' - - - -
-

Contact Information

- - -
-
- -
-
-

Mailing Address

-

- Meydan Grandstand, 6th floor
- Meydan Road, Nad Al Sheba
- Dubai, U.A.E. -

-
-
- - -
-
- -
-
-

Email Address

-

- - abhay@quantumtaskai.com - -

-
-
- - -
-

- We are committed to deliver top-tier AI & Cybersecurity solutions for businesses of all sizes. -

-
-
- - - - - - - + + + + +
+
+ + 🛡 Cybersecurity Consulting + ⚡ AI Automation + 🔍 AI Site Auditor + ✦ Digital Branding + 📊 SOSTAC+RACE Framework + 🤖 AI Content Generation + 🏆 Six Sigma Methodology + 🌐 Based in Dubai, UAE + 🛡 Cybersecurity Consulting + ⚡ AI Automation + 🔍 AI Site Auditor + ✦ Digital Branding + 📊 SOSTAC+RACE Framework + 🤖 AI Content Generation + 🏆 Six Sigma Methodology + 🌐 Based in Dubai, UAE +
+
+ + +
+
+
+
+
35+
+
Years Combined Expertise
+
Cybersecurity & Process Automation
+
+
+
250%
+
Average ROI Increase
+
Across digital branding clients
+
+
+
3×
+
Faster Content Output
+
With AI automation pipelines
+
+
+
24/7
+
Monitoring & Response
+
Security & automation coverage
+
+
+
+
+ + +
+
+
+
+

What We Do

+

Every AI tool your
business needs to win

+
+ + Get Started → + +
+ +
+ +
+
Free
+
🔍
+
AI Site Auditor
+
See exactly how ChatGPT, Perplexity, and Google AI see your site. GEO + SEO audit with actionable fixes — in minutes, not weeks.
+ Run a free audit → +
+ +
+
🛡
+
Cybersecurity Consulting
+
Threat detection, security frameworks, and incident response backed by 35+ years of hands-on expertise and Six Sigma methodology.
+ Get a security review → +
+ +
+
⚡
+
AI Automation
+
Eliminate repetitive work with intelligent workflows, machine learning integrations, and automated pipelines that scale with your team.
+ Automate your workflow → +
+ +
+
✦
+
AI Digital Branding
+
Build a brand that stands out. Strategy + content + identity using the proven SOSTAC+RACE framework — powered by AI for 3× faster execution.
+ Explore branding → +
+ +
+
⚠
+
Rapid Response
+
When a security incident hits, every minute costs money. Our response team activates immediately to contain threats and restore operations.
+ Get emergency support → +
+ +
+
✍
+
AI Content & Blog
+
Automated content pipelines that research, write, and publish SEO-optimized articles — keeping your blog alive without lifting a finger.
+ Read our blog → +
+ +
+
+
+ + +
+
+

Why Choose Us

+

Not a software vendor.
A strategic AI partner.

+ +
+ +
+
+
🎯
+
+
35+ Years Operational Depth
+
Our founders bring decades of real-world experience in cybersecurity, process automation, and international business — not just theory.
+
+
+
+
🏆
+
+
Six Sigma Black Belt Rigor
+
Every engagement is built on proven operational methodology. Zero-waste processes, measurable outcomes, and continuous improvement built in.
+
+
+
+
🌍
+
+
Global Perspective, Local Focus
+
Based in Dubai with international reach — we understand the unique challenges of businesses operating across the UAE and beyond.
+
+
+
+
⚡
+
+
Results in Days, Not Months
+
AI tools that deploy fast. Strategy that shows measurable results within the first 30 days — or we don't stop until they do.
+
+
+
+ +
+
+
+
45+
+
Years combined business leadership
+
+
+
250%
+
Avg. ROI increase for branding clients
+
+
+
3×
+
Faster content output with AI pipelines
+
+
+
100%
+
AI-powered delivery model
+
+
+
+ ✦  "The only consultancy in the region combining deep cybersecurity expertise with full-stack AI implementation." +
+
+ +
+
+
+ + +
+
+
+

Client Results

+

Businesses that made the switch

+

Real outcomes from real engagements — no fluff.

+
+ +
+ +
+
★★★★★
+
"
+

Quantum Tasks AI overhauled our entire security posture in under three weeks. The combination of technical depth and structured Six Sigma methodology meant nothing was left to chance.

+
+
M
+
+
Management Team
+
MTSV Foods Industries Pvt Ltd
+
+
+
+ +
+
★★★★★
+
"
+

The AI branding strategy delivered exactly what they promised — our content output tripled and our digital presence went from invisible to ranking on the first page within 60 days.

+
+
A
+
+
Operations Director
+
Apple Tree Industries
+
+
+
+ +
+
★★★★★
+
"
+

Running the free AI audit was an eye-opener. We had no idea how poorly our site was performing for AI-powered search. The fixes took a day and the results were immediate.

+
+
T
+
+
Founder
+
TechStart Solutions
+
+
+
+ +
+
+
+ + +
+
+
+
+ + Free — no credit card required +
+

Your competitors are
already using AI.
Don't get left behind.

+

Start with a free audit of your site — see exactly where you stand in under 5 minutes.

+
+ + Run My Free Audit → + + + Book a Consultation + +
+

Or email us directly at abhay@quantumtaskai.com

+
+
+
+ + +
+
+
+

Get In Touch

+

Let's talk about your business

+

Security concern, automation project, or branding strategy — we respond within 24 hours.

+
+ +
+ +
+
Send us a message
+
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+ +
+
+ +
+
We're based in Dubai.
+
Serving businesses across the UAE, GCC, and globally. Response within 24 hours, guaranteed.
+ +
+
📍
+
+

Office

+

Meydan Grandstand, 6th floor
Meydan Road, Nad Al Sheba
Dubai, U.A.E.

+
+
+ +
+
✉
+ +
+ +
+
Our commitment to you
+
Every engagement starts with understanding your specific challenge. No generic solutions, no unnecessary upselling — just the right AI strategy for your business.
+
+
+ +
+
+
+ + + + + + + - -