{"id":7,"date":"2026-04-18T09:40:44","date_gmt":"2026-04-18T09:40:44","guid":{"rendered":"https:\/\/ai-development.svalphawp.com\/?page_id=7"},"modified":"2026-04-18T10:37:21","modified_gmt":"2026-04-18T10:37:21","slug":"home","status":"publish","type":"page","link":"https:\/\/ai-development.svalphawp.com\/?page_id=7","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nRankAI \u2014 AI-Powered SEO Agency<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --bg: #050810; --surface: #0c1120; --card: #111827;\r\n --border: rgba(255,255,255,0.07); --accent: #00f5a0;\r\n --accent2: #00d4ff; --accent3: #ff6b6b;\r\n --text: #e8eaf0; --muted: #6b7280;\r\n --heading: 'Syne', sans-serif; --body: 'DM Sans', sans-serif;\r\n}\r\n* { margin:0; padding:0; box-sizing:border-box; }\r\nhtml { scroll-behavior:smooth; }\r\nbody { background:var(--bg); color:var(--text); font-family:var(--body); font-weight:300; overflow-x:hidden; }\r\nbody::before {\r\n content:''; position:fixed; inset:0; pointer-events:none; z-index:9999; opacity:0.4;\r\n background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* NAV *\/\r\nnav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:18px 60px; background:rgba(5,8,16,0.85); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); }\r\n.logo { font-family:var(--heading); font-weight:800; font-size:1.4rem; letter-spacing:-0.02em; }\r\n.logo span { color:var(--accent); }\r\nnav ul { display:flex; gap:32px; list-style:none; }\r\nnav ul a { color:var(--muted); text-decoration:none; font-size:0.875rem; transition:color 0.2s; }\r\nnav ul a:hover { color:var(--text); }\r\n.nav-cta { background:var(--accent) !important; color:#000 !important; padding:9px 20px; border-radius:6px; font-weight:500 !important; }\r\n\r\n\/* HERO *\/\r\n.hero { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:140px 40px 80px; position:relative; overflow:hidden; }\r\n.hero-glow { position:absolute; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle,rgba(0,245,160,0.12) 0%,transparent 70%); top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; animation:pulse 4s ease-in-out infinite; }\r\n.hero-glow2 { position:absolute; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(0,212,255,0.08) 0%,transparent 70%); top:30%; left:60%; pointer-events:none; animation:pulse 6s ease-in-out infinite reverse; }\r\n@keyframes pulse { 0%,100%{transform:translate(-50%,-50%) scale(1); opacity:1;} 50%{transform:translate(-50%,-50%) scale(1.1); opacity:0.7;} }\r\n.badge { display:inline-flex; align-items:center; gap:8px; background:rgba(0,245,160,0.1); border:1px solid rgba(0,245,160,0.3); color:var(--accent); padding:6px 16px; border-radius:100px; font-size:0.75rem; font-weight:500; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:28px; }\r\n.badge-dot { width:6px; height:6px; border-radius:50%; background:var(--accent); animation:blink 1.5s ease-in-out infinite; }\r\n@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.2} }\r\nh1 { font-family:var(--heading); font-size:clamp(2.8rem,6vw,5.5rem); font-weight:800; line-height:1.05; letter-spacing:-0.03em; max-width:900px; margin-bottom:24px; }\r\nh1 .highlight { background:linear-gradient(135deg,var(--accent),var(--accent2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n.hero-sub { font-size:1.1rem; color:var(--muted); max-width:560px; line-height:1.7; margin-bottom:40px; }\r\n.hero-buttons { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }\r\n.btn-primary { background:var(--accent); color:#000; padding:14px 32px; border-radius:8px; font-family:var(--body); font-weight:500; font-size:0.95rem; border:none; cursor:pointer; transition:all 0.2s; text-decoration:none; display:inline-block; }\r\n.btn-primary:hover { transform:translateY(-2px); box-shadow:0 12px 40px rgba(0,245,160,0.3); }\r\n.btn-ghost { background:transparent; color:var(--text); padding:14px 32px; border-radius:8px; font-family:var(--body); font-weight:400; font-size:0.95rem; border:1px solid var(--border); cursor:pointer; transition:all 0.2s; text-decoration:none; display:inline-block; }\r\n.btn-ghost:hover { border-color:rgba(255,255,255,0.2); background:rgba(255,255,255,0.04); }\r\n.hero-stats { display:flex; gap:60px; justify-content:center; margin-top:64px; padding-top:44px; border-top:1px solid var(--border); }\r\n.stat-num { font-family:var(--heading); font-size:2.2rem; font-weight:800; color:var(--accent); }\r\n.stat-label { font-size:0.78rem; color:var(--muted); margin-top:4px; letter-spacing:0.04em; }\r\n\r\n\/* MARQUEE *\/\r\n.marquee-wrap { overflow:hidden; background:var(--surface); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:14px 0; }\r\n.marquee-track { display:flex; gap:60px; animation:marquee 22s linear infinite; white-space:nowrap; }\r\n.marquee-item { display:flex; align-items:center; gap:10px; font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); }\r\n.marquee-item em { color:var(--accent); font-style:normal; }\r\n@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }\r\n\r\n\/* SECTION *\/\r\n.section-wrap { padding:100px 60px; max-width:1200px; margin:0 auto; }\r\n.section-label { font-size:0.7rem; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; color:var(--accent); margin-bottom:14px; }\r\n.section-title { font-family:var(--heading); font-size:clamp(1.8rem,3.5vw,3rem); font-weight:800; letter-spacing:-0.02em; line-height:1.15; margin-bottom:14px; }\r\n.section-sub { color:var(--muted); font-size:0.975rem; line-height:1.7; max-width:520px; }\r\n\r\n\/* TABS NAV *\/\r\n.tools-nav { display:flex; gap:8px; margin-bottom:32px; flex-wrap:wrap; }\r\n.tool-tab { background:transparent; border:1px solid var(--border); color:var(--muted); padding:9px 20px; border-radius:8px; font-family:var(--body); font-size:0.85rem; cursor:pointer; transition:all 0.2s; }\r\n.tool-tab.active { background:var(--accent); color:#000; border-color:var(--accent); font-weight:500; }\r\n.tool-panel { display:none; }\r\n.tool-panel.active { display:block; }\r\n\r\n\/* TOOL CARD *\/\r\n.tool-card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:36px; }\r\n.tool-card h3 { font-family:var(--heading); font-size:1.2rem; font-weight:700; margin-bottom:8px; }\r\n.tool-card p { color:var(--muted); font-size:0.875rem; margin-bottom:24px; line-height:1.6; }\r\n.tool-input { width:100%; background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:14px 18px; font-family:var(--body); font-size:0.9rem; color:var(--text); outline:none; resize:vertical; min-height:100px; transition:border-color 0.2s; }\r\n.tool-input:focus { border-color:rgba(0,245,160,0.4); }\r\n.tool-input-single { min-height:auto; resize:none; }\r\n.tool-row { display:flex; gap:12px; margin-bottom:16px; }\r\n.tool-row .tool-input { margin-bottom:0; }\r\n.tool-select { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:13px 18px; font-family:var(--body); font-size:0.875rem; color:var(--text); outline:none; cursor:pointer; }\r\n.run-btn { background:var(--accent); color:#000; border:none; padding:13px 28px; border-radius:8px; font-family:var(--body); font-weight:600; font-size:0.875rem; cursor:pointer; transition:all 0.2s; white-space:nowrap; }\r\n.run-btn:hover { opacity:0.85; transform:translateY(-1px); }\r\n.run-btn:disabled { opacity:0.5; cursor:not-allowed; transform:none; }\r\n\r\n\/* OUTPUT *\/\r\n.output-box { margin-top:24px; background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:24px; display:none; }\r\n.output-box.show { display:block; animation:fadeUp 0.3s ease; }\r\n@keyframes fadeUp { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }\r\n.output-label { font-size:0.7rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--accent); margin-bottom:14px; font-weight:600; }\r\n.output-content { font-size:0.875rem; line-height:1.8; color:var(--text); white-space:pre-wrap; }\r\n.output-content strong { color:var(--accent); }\r\n.loading-dots { display:inline-flex; gap:5px; align-items:center; }\r\n.loading-dots span { width:6px; height:6px; border-radius:50%; background:var(--accent); animation:dot 1.2s ease-in-out infinite; }\r\n.loading-dots span:nth-child(2) { animation-delay:0.2s; }\r\n.loading-dots span:nth-child(3) { animation-delay:0.4s; }\r\n@keyframes dot { 0%,80%,100%{transform:scale(0.6);opacity:0.4} 40%{transform:scale(1);opacity:1} }\r\n\r\n\/* KEYWORD TABLE *\/\r\n.kw-table { width:100%; border-collapse:collapse; font-size:0.82rem; }\r\n.kw-table th { text-align:left; padding:10px 14px; color:var(--muted); font-weight:500; border-bottom:1px solid var(--border); font-size:0.75rem; letter-spacing:0.05em; }\r\n.kw-table td { padding:10px 14px; border-bottom:1px solid rgba(255,255,255,0.04); }\r\n.kw-table tr:hover td { background:rgba(255,255,255,0.02); }\r\n.vol-badge { background:rgba(0,245,160,0.12); color:var(--accent); padding:2px 8px; border-radius:4px; font-size:0.72rem; font-weight:500; }\r\n.diff-badge { padding:2px 8px; border-radius:4px; font-size:0.72rem; font-weight:500; }\r\n.diff-low { background:rgba(0,245,160,0.12); color:var(--accent); }\r\n.diff-mid { background:rgba(251,191,36,0.12); color:#fbbf24; }\r\n.diff-high { background:rgba(255,107,107,0.12); color:var(--accent3); }\r\n\r\n\/* AUDIT SCORES *\/\r\n.audit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:20px; }\r\n.audit-score-card { background:var(--card); border-radius:10px; padding:16px; text-align:center; border:1px solid var(--border); }\r\n.audit-score-num { font-family:var(--heading); font-size:1.8rem; font-weight:800; }\r\n.audit-score-name { font-size:0.72rem; color:var(--muted); margin-top:4px; }\r\n.score-green { color:var(--accent); }\r\n.score-yellow { color:#fbbf24; }\r\n.score-red { color:var(--accent3); }\r\n.audit-issue { display:flex; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.04); font-size:0.82rem; }\r\n.issue-icon { flex-shrink:0; width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.65rem; }\r\n.issue-warn { background:rgba(251,191,36,0.15); color:#fbbf24; }\r\n.issue-err { background:rgba(255,107,107,0.15); color:var(--accent3); }\r\n.issue-ok { background:rgba(0,245,160,0.15); color:var(--accent); }\r\n.issue-text { flex:1; line-height:1.5; }\r\n.issue-fix { color:var(--muted); font-size:0.78rem; margin-top:3px; }\r\n\r\n\/* CHATBOT *\/\r\n.chat-messages { max-height:320px; overflow-y:auto; display:flex; flex-direction:column; gap:12px; margin-bottom:16px; padding-right:4px; }\r\n.chat-messages::-webkit-scrollbar { width:4px; }\r\n.chat-messages::-webkit-scrollbar-track { background:transparent; }\r\n.chat-messages::-webkit-scrollbar-thumb { background:var(--border); border-radius:4px; }\r\n.msg { max-width:82%; padding:12px 16px; border-radius:12px; font-size:0.85rem; line-height:1.6; }\r\n.msg-ai { background:var(--card); border:1px solid var(--border); align-self:flex-start; border-bottom-left-radius:4px; }\r\n.msg-user { background:rgba(0,245,160,0.15); border:1px solid rgba(0,245,160,0.2); align-self:flex-end; border-bottom-right-radius:4px; color:var(--text); }\r\n.chat-form { display:flex; gap:10px; }\r\n.chat-text-input { flex:1; background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:12px 16px; font-family:var(--body); font-size:0.875rem; color:var(--text); outline:none; }\r\n.chat-text-input:focus { border-color:rgba(0,245,160,0.4); }\r\n.chat-send { background:var(--accent); color:#000; border:none; padding:12px 18px; border-radius:10px; font-size:1rem; cursor:pointer; transition:opacity 0.2s; }\r\n.chat-send:hover { opacity:0.85; }\r\n\r\n\/* SERVICES *\/\r\n.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--border); border:1px solid var(--border); border-radius:16px; overflow:hidden; margin-top:56px; }\r\n.service-card { background:var(--card); padding:36px 32px; transition:background 0.2s; position:relative; overflow:hidden; }\r\n.service-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--accent),var(--accent2)); transform:scaleX(0); transition:transform 0.3s; transform-origin:left; }\r\n.service-card:hover::before { transform:scaleX(1); }\r\n.service-card:hover { background:#161e30; }\r\n.service-icon { width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:20px; }\r\n.service-card h3 { font-family:var(--heading); font-size:1rem; font-weight:700; margin-bottom:10px; }\r\n.service-card p { font-size:0.82rem; color:var(--muted); line-height:1.6; margin-bottom:16px; }\r\n.service-tag { display:inline-block; font-size:0.68rem; font-weight:500; letter-spacing:0.06em; text-transform:uppercase; color:var(--accent); border:1px solid rgba(0,245,160,0.3); padding:3px 10px; border-radius:4px; }\r\n\r\n\/* PRICING *\/\r\n.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:56px; }\r\n.pricing-card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:36px 28px; position:relative; transition:transform 0.2s; }\r\n.pricing-card:hover { transform:translateY(-4px); }\r\n.pricing-card.featured { border-color:rgba(0,245,160,0.4); background:linear-gradient(160deg,#111827 0%,#0d1f1a 100%); }\r\n.featured-badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--accent); color:#000; font-size:0.68rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; padding:4px 14px; border-radius:100px; }\r\n.price-plan { font-size:0.72rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); margin-bottom:10px; }\r\n.price-amount { font-family:var(--heading); font-size:2.6rem; font-weight:800; letter-spacing:-0.03em; margin-bottom:4px; }\r\n.price-period { font-size:0.8rem; color:var(--muted); margin-bottom:24px; }\r\n.price-features { list-style:none; display:flex; flex-direction:column; gap:11px; margin-bottom:28px; }\r\n.price-features li { font-size:0.85rem; color:var(--muted); display:flex; align-items:center; gap:9px; }\r\n.price-features li::before { content:'\u2713'; color:var(--accent); font-weight:700; font-size:0.78rem; }\r\n\r\n\/* TESTIMONIALS *\/\r\n.testimonials-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:56px; }\r\n.testimonial-card { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:26px; }\r\n.stars { color:#fbbf24; font-size:0.82rem; margin-bottom:12px; }\r\n.testimonial-text { font-size:0.85rem; line-height:1.7; color:var(--text); margin-bottom:18px; font-style:italic; }\r\n.author-avatar { width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.85rem; font-weight:700; color:#000; }\r\n.author-name { font-size:0.83rem; font-weight:500; }\r\n.author-role { font-size:0.73rem; color:var(--muted); }\r\n\r\n\/* CTA *\/\r\n.cta-box { background:linear-gradient(135deg,rgba(0,245,160,0.08),rgba(0,212,255,0.05)); border:1px solid rgba(0,245,160,0.2); border-radius:24px; padding:80px 60px; text-align:center; position:relative; overflow:hidden; }\r\n.cta-box h2 { font-family:var(--heading); font-size:clamp(1.8rem,3.5vw,3.2rem); font-weight:800; letter-spacing:-0.02em; margin-bottom:14px; }\r\n.cta-box p { color:var(--muted); margin-bottom:32px; }\r\n\r\n\/* FOOTER *\/\r\nfooter { border-top:1px solid var(--border); padding:36px 60px; display:flex; align-items:center; justify-content:space-between; }\r\n.footer-copy { font-size:0.8rem; color:var(--muted); }\r\n.footer-links { display:flex; gap:22px; }\r\n.footer-links a { font-size:0.8rem; color:var(--muted); text-decoration:none; transition:color 0.2s; }\r\n.footer-links a:hover { color:var(--text); }\r\n\r\n\/* FLOATING CHAT *\/\r\n.float-chat { position:fixed; bottom:28px; right:28px; z-index:500; }\r\n.float-btn { width:54px; height:54px; border-radius:50%; background:var(--accent); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:1.3rem; box-shadow:0 8px 32px rgba(0,245,160,0.4); transition:transform 0.2s; }\r\n.float-btn:hover { transform:scale(1.08); }\r\n\r\n@media(max-width:900px){\r\n nav { padding:14px 20px; }\r\n nav ul { display:none; }\r\n .section-wrap { padding:60px 20px; }\r\n .services-grid,.pricing-grid,.testimonials-grid,.audit-grid { grid-template-columns:1fr; }\r\n .hero-stats { gap:28px; flex-wrap:wrap; }\r\n h1 { font-size:2.3rem; }\r\n footer { flex-direction:column; gap:14px; text-align:center; }\r\n .tool-row { flex-direction:column; }\r\n .cta-box { padding:48px 24px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <div class=\"logo\">Rank<span>AI<\/span><\/div>\r\n <ul>\r\n <li><a href=\"#tools\">AI Tools<\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#pricing\">Pricing<\/a><\/li>\r\n <li><a href=\"#tools\" class=\"nav-cta\">Try Free<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<div class=\"hero\">\r\n <div class=\"hero-glow\"><\/div>\r\n <div class=\"hero-glow2\"><\/div>\r\n <div class=\"badge\"><span class=\"badge-dot\"><\/span> AI-Powered SEO Agency<\/div>\r\n <h1>Rank Higher. Grow<br><span class=\"highlight\">Faster<\/span> with AI.<\/h1>\r\n <p class=\"hero-sub\">We combine cutting-edge AI with proven SEO strategies to dominate search rankings \u2014 for Bangladeshi and international markets.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#tools\" class=\"btn-primary\">Try AI Tools Free \u2192<\/a>\r\n <a href=\"#services\" class=\"btn-ghost\">Our Services<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div><div class=\"stat-num\">500+<\/div><div class=\"stat-label\">Clients Served<\/div><\/div>\r\n <div><div class=\"stat-num\">3.8x<\/div><div class=\"stat-label\">Avg. Traffic Growth<\/div><\/div>\r\n <div><div class=\"stat-num\">#1<\/div><div class=\"stat-label\">Rankings Achieved<\/div><\/div>\r\n <div><div class=\"stat-num\">98%<\/div><div class=\"stat-label\">Client Retention<\/div><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- MARQUEE -->\r\n<div class=\"marquee-wrap\">\r\n <div class=\"marquee-track\">\r\n <div class=\"marquee-item\"><em>\u26a1<\/em> Keyword Research<\/div>\r\n <div class=\"marquee-item\"><em>\ud83c\udfaf<\/em> On-Page SEO<\/div>\r\n <div class=\"marquee-item\"><em>\ud83d\udd17<\/em> Backlink Building<\/div>\r\n <div class=\"marquee-item\"><em>\u270d\ufe0f<\/em> AI Content Writing<\/div>\r\n <div class=\"marquee-item\"><em>\ud83d\udee0\ufe0f<\/em> Technical SEO<\/div>\r\n <div class=\"marquee-item\"><em>\ud83d\udcca<\/em> SEO Audit<\/div>\r\n <div class=\"marquee-item\"><em>\ud83e\udd16<\/em> AI Chatbot<\/div>\r\n <div class=\"marquee-item\"><em>\ud83c\udf0d<\/em> International SEO<\/div>\r\n <div class=\"marquee-item\"><em>\u26a1<\/em> Keyword Research<\/div>\r\n <div class=\"marquee-item\"><em>\ud83c\udfaf<\/em> On-Page SEO<\/div>\r\n <div class=\"marquee-item\"><em>\ud83d\udd17<\/em> Backlink Building<\/div>\r\n <div class=\"marquee-item\"><em>\u270d\ufe0f<\/em> AI Content Writing<\/div>\r\n <div class=\"marquee-item\"><em>\ud83d\udee0\ufe0f<\/em> Technical SEO<\/div>\r\n <div class=\"marquee-item\"><em>\ud83d\udcca<\/em> SEO Audit<\/div>\r\n <div class=\"marquee-item\"><em>\ud83e\udd16<\/em> AI Chatbot<\/div>\r\n <div class=\"marquee-item\"><em>\ud83c\udf0d<\/em> International SEO<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- AI TOOLS SECTION -->\r\n<div class=\"section-wrap\" id=\"tools\">\r\n <div class=\"section-label\">Live AI Tools<\/div>\r\n <div class=\"section-title\">Try Our AI SEO Suite<\/div>\r\n <p class=\"section-sub\" style=\"margin-bottom:32px\">Real AI, real results. All tools powered by Claude AI \u2014 free to try right now.<\/p>\r\n\r\n <div class=\"tools-nav\">\r\n <button class=\"tool-tab active\" onclick=\"switchTab('audit')\">\ud83d\udd0d SEO Audit<\/button>\r\n <button class=\"tool-tab\" onclick=\"switchTab('keywords')\">\ud83d\udcca Keyword Research<\/button>\r\n <button class=\"tool-tab\" onclick=\"switchTab('content')\">\u270d\ufe0f Content Writer<\/button>\r\n <button class=\"tool-tab\" onclick=\"switchTab('onpage')\">\ud83d\udcc4 On-Page Optimizer<\/button>\r\n <button class=\"tool-tab\" onclick=\"switchTab('chat')\">\ud83d\udcac SEO Chatbot<\/button>\r\n <\/div>\r\n\r\n <!-- AUDIT TOOL -->\r\n <div class=\"tool-panel active\" id=\"panel-audit\">\r\n <div class=\"tool-card\">\r\n <h3>\ud83d\udd0d AI SEO Website Audit<\/h3>\r\n <p>Enter your website URL and describe your business. Our AI will generate a full SEO audit report with issues, scores, and actionable fixes.<\/p>\r\n <div class=\"tool-row\">\r\n <input type=\"text\" class=\"tool-input tool-input-single\" id=\"audit-url\" placeholder=\"https:\/\/yourwebsite.com\" style=\"min-height:auto;resize:none;\" \/>\r\n <input type=\"text\" class=\"tool-input tool-input-single\" id=\"audit-niche\" placeholder=\"Business type (e.g. e-commerce, restaurant)\" style=\"min-height:auto;resize:none;\" \/>\r\n <button class=\"run-btn\" onclick=\"runAudit()\">Audit Now \u2192<\/button>\r\n <\/div>\r\n <div class=\"output-box\" id=\"audit-output\">\r\n <div class=\"output-label\">AI SEO Audit Report<\/div>\r\n <div class=\"output-content\" id=\"audit-result\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- KEYWORD TOOL -->\r\n <div class=\"tool-panel\" id=\"panel-keywords\">\r\n <div class=\"tool-card\">\r\n <h3>\ud83d\udcca AI Keyword Research<\/h3>\r\n <p>Enter your niche or product and target market. AI will generate targeted keywords with estimated search volume, difficulty, and intent.<\/p>\r\n <div class=\"tool-row\">\r\n <input type=\"text\" class=\"tool-input tool-input-single\" id=\"kw-niche\" placeholder=\"Your niche or product (e.g. handmade jewelry Bangladesh)\" style=\"min-height:auto;resize:none;\" \/>\r\n <select class=\"tool-select\" id=\"kw-market\">\r\n <option value=\"Bangladesh\">\ud83c\udde7\ud83c\udde9 Bangladesh<\/option>\r\n <option value=\"United States\">\ud83c\uddfa\ud83c\uddf8 United States<\/option>\r\n <option value=\"United Kingdom\">\ud83c\uddec\ud83c\udde7 United Kingdom<\/option>\r\n <option value=\"Global\">\ud83c\udf0d Global<\/option>\r\n <\/select>\r\n <button class=\"run-btn\" onclick=\"runKeywords()\">Find Keywords \u2192<\/button>\r\n <\/div>\r\n <div class=\"output-box\" id=\"kw-output\">\r\n <div class=\"output-label\">AI Keyword Research Results<\/div>\r\n <div id=\"kw-result\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CONTENT TOOL -->\r\n <div class=\"tool-panel\" id=\"panel-content\">\r\n <div class=\"tool-card\">\r\n <h3>\u270d\ufe0f AI SEO Content Writer<\/h3>\r\n <p>Give us your topic, target keyword, and content type. AI will write fully SEO-optimized content ready to publish.<\/p>\r\n <div style=\"display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap;\">\r\n <input type=\"text\" class=\"tool-input tool-input-single\" id=\"content-topic\" placeholder=\"Topic (e.g. Best Restaurants in Dhaka)\" style=\"min-height:auto;resize:none;flex:2;\" \/>\r\n <input type=\"text\" class=\"tool-input tool-input-single\" id=\"content-keyword\" placeholder=\"Target keyword\" style=\"min-height:auto;resize:none;flex:1;\" \/>\r\n <select class=\"tool-select\" id=\"content-type\">\r\n <option value=\"Blog Post Introduction (300 words)\">Blog Intro<\/option>\r\n <option value=\"Full Blog Post (600 words)\">Full Blog Post<\/option>\r\n <option value=\"Meta Title & Description\">Meta Tags<\/option>\r\n <option value=\"Product Description\">Product Desc<\/option>\r\n <option value=\"FAQ Section (5 questions)\">FAQ Section<\/option>\r\n <\/select>\r\n <select class=\"tool-select\" id=\"content-lang\">\r\n <option value=\"English\">English<\/option>\r\n <option value=\"Bangla\">\u09ac\u09be\u0982\u09b2\u09be<\/option>\r\n <\/select>\r\n <button class=\"run-btn\" onclick=\"runContent()\">Generate \u2192<\/button>\r\n <\/div>\r\n <div class=\"output-box\" id=\"content-output\">\r\n <div class=\"output-label\">AI Generated Content<\/div>\r\n <div class=\"output-content\" id=\"content-result\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ON-PAGE TOOL -->\r\n <div class=\"tool-panel\" id=\"panel-onpage\">\r\n <div class=\"tool-card\">\r\n <h3>\ud83d\udcc4 On-Page SEO Optimizer<\/h3>\r\n <p>Paste your existing page title, meta description, and content. AI will analyze and rewrite everything for maximum SEO performance.<\/p>\r\n <div style=\"display:flex;gap:12px;margin-bottom:12px;\">\r\n <input type=\"text\" class=\"tool-input tool-input-single\" id=\"op-title\" placeholder=\"Current page title\" style=\"min-height:auto;resize:none;flex:1;\" \/>\r\n <input type=\"text\" class=\"tool-input tool-input-single\" id=\"op-keyword\" placeholder=\"Target keyword\" style=\"min-height:auto;resize:none;flex:1;\" \/>\r\n <\/div>\r\n <textarea class=\"tool-input\" id=\"op-content\" placeholder=\"Paste your page content or meta description here...\" style=\"min-height:120px;margin-bottom:12px;\"><\/textarea>\r\n <div style=\"text-align:right;\">\r\n <button class=\"run-btn\" onclick=\"runOnPage()\">Optimize \u2192<\/button>\r\n <\/div>\r\n <div class=\"output-box\" id=\"op-output\">\r\n <div class=\"output-label\">On-Page Optimization Report<\/div>\r\n <div class=\"output-content\" id=\"op-result\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CHATBOT -->\r\n <div class=\"tool-panel\" id=\"panel-chat\">\r\n <div class=\"tool-card\">\r\n <h3>\ud83d\udcac AI SEO Chatbot<\/h3>\r\n <p>Ask anything about SEO \u2014 strategy, keywords, backlinks, technical issues. Our AI expert answers instantly.<\/p>\r\n <div class=\"chat-messages\" id=\"chat-messages\">\r\n <div class=\"msg msg-ai\">\ud83d\udc4b Hi! I'm your AI SEO expert. Ask me anything about SEO \u2014 keyword strategy, backlinks, technical issues, content optimization, or ranking tips. How can I help you today?<\/div>\r\n <\/div>\r\n <div class=\"chat-form\">\r\n <input type=\"text\" class=\"chat-text-input\" id=\"chat-input\" placeholder=\"Ask an SEO question...\" onkeypress=\"if(event.key==='Enter') sendChat()\" \/>\r\n <button class=\"chat-send\" onclick=\"sendChat()\">\u27a4<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- SERVICES -->\r\n<div style=\"background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);\">\r\n <div class=\"section-wrap\" id=\"services\">\r\n <div class=\"section-label\">What We Do<\/div>\r\n <div class=\"section-title\">Full-Spectrum SEO Services,<br>Powered by AI<\/div>\r\n <p class=\"section-sub\">Every service enhanced with AI to deliver faster results and measurable growth.<\/p>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\"><div class=\"service-icon\" style=\"background:rgba(0,245,160,0.1)\">\ud83d\udd0d<\/div><h3>Keyword Research<\/h3><p>AI-driven keyword discovery uncovering high-intent, low-competition opportunities your competitors are missing.<\/p><span class=\"service-tag\">AI Enhanced<\/span><\/div>\r\n <div class=\"service-card\"><div class=\"service-icon\" style=\"background:rgba(0,212,255,0.1)\">\ud83d\udcc4<\/div><h3>On-Page SEO<\/h3><p>Smart optimization of titles, meta tags, headings, and content structure \u2014 analyzed and improved by AI.<\/p><span class=\"service-tag\">Automated<\/span><\/div>\r\n <div class=\"service-card\"><div class=\"service-icon\" style=\"background:rgba(255,107,107,0.1)\">\ud83d\udd17<\/div><h3>Backlink Building<\/h3><p>High-quality link acquisition from authoritative sources using AI to identify best outreach strategies.<\/p><span class=\"service-tag\">White Hat<\/span><\/div>\r\n <div class=\"service-card\"><div class=\"service-icon\" style=\"background:rgba(251,191,36,0.1)\">\u270d\ufe0f<\/div><h3>AI Content Writing<\/h3><p>SEO-optimized, human-quality content at scale \u2014 blog posts, landing pages, product descriptions in BD or English.<\/p><span class=\"service-tag\">AI Powered<\/span><\/div>\r\n <div class=\"service-card\"><div class=\"service-icon\" style=\"background:rgba(139,92,246,0.1)\">\u2699\ufe0f<\/div><h3>Technical SEO<\/h3><p>Comprehensive audits covering Core Web Vitals, crawlability, schema markup, page speed, and mobile optimization.<\/p><span class=\"service-tag\">Deep Audit<\/span><\/div>\r\n <div class=\"service-card\"><div class=\"service-icon\" style=\"background:rgba(0,245,160,0.1)\">\ud83c\udf0d<\/div><h3>International SEO<\/h3><p>Expand globally with multilingual SEO, hreflang, and market-specific strategies for BD and international audiences.<\/p><span class=\"service-tag\">Global<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- PRICING -->\r\n<div class=\"section-wrap\" id=\"pricing\">\r\n <div class=\"section-label\">Pricing<\/div>\r\n <div class=\"section-title\">Simple, Transparent Plans<\/div>\r\n <p class=\"section-sub\">No hidden fees. Designed for Bangladeshi SMEs and international businesses.<\/p>\r\n <div class=\"pricing-grid\">\r\n <div class=\"pricing-card\">\r\n <div class=\"price-plan\">Starter<\/div>\r\n <div class=\"price-amount\">\u09f34,999<\/div>\r\n <div class=\"price-period\">per month<\/div>\r\n <ul class=\"price-features\">\r\n <li>AI SEO Audit (monthly)<\/li>\r\n <li>5 Keywords Tracked<\/li>\r\n <li>On-Page Optimization<\/li>\r\n <li>4 AI Blog Posts\/month<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"#tools\" class=\"btn-ghost\" style=\"display:block;text-align:center;padding:12px\">Get Started<\/a>\r\n <\/div>\r\n <div class=\"pricing-card featured\">\r\n <div class=\"featured-badge\">Most Popular<\/div>\r\n <div class=\"price-plan\">Growth<\/div>\r\n <div class=\"price-amount\" style=\"color:var(--accent)\">\u09f312,999<\/div>\r\n <div class=\"price-period\">per month<\/div>\r\n <ul class=\"price-features\">\r\n <li>Full AI SEO Suite<\/li>\r\n <li>25 Keywords Tracked<\/li>\r\n <li>Backlink Building (10\/mo)<\/li>\r\n <li>12 AI Blog Posts\/month<\/li>\r\n <li>Technical SEO Fixes<\/li>\r\n <li>AI Chatbot Integration<\/li>\r\n <li>Weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"#tools\" class=\"btn-primary\" style=\"display:block;text-align:center;padding:12px\">Get Started<\/a>\r\n <\/div>\r\n <div class=\"pricing-card\">\r\n <div class=\"price-plan\">Enterprise<\/div>\r\n <div class=\"price-amount\">Custom<\/div>\r\n <div class=\"price-period\">tailored pricing<\/div>\r\n <ul class=\"price-features\">\r\n <li>Everything in Growth<\/li>\r\n <li>Unlimited Keywords<\/li>\r\n <li>Dedicated SEO Manager<\/li>\r\n <li>International SEO<\/li>\r\n <li>Custom AI Tools<\/li>\r\n <li>Daily Reporting<\/li>\r\n <\/ul>\r\n <a href=\"#tools\" class=\"btn-ghost\" style=\"display:block;text-align:center;padding:12px\">Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- TESTIMONIALS -->\r\n<div style=\"background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);\">\r\n <div class=\"section-wrap\">\r\n <div class=\"section-label\">Client Love<\/div>\r\n <div class=\"section-title\">What Our Clients Say<\/div>\r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testimonial-text\">\"RankAI took our e-commerce site from page 5 to the top 3 in just 3 months. The AI content tool saved us \u09f350,000 in writing costs.\"<\/p><div style=\"display:flex;align-items:center;gap:12px\"><div class=\"author-avatar\" style=\"background:#00f5a0\">R<\/div><div><div class=\"author-name\">Rafiqul Islam<\/div><div class=\"author-role\">CEO, DhakaShop.com<\/div><\/div><\/div><\/div>\r\n <div class=\"testimonial-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testimonial-text\">\"As a UK-based business targeting Bangladeshi customers, RankAI's bilingual SEO was exactly what we needed. Organic traffic up 320%.\"<\/p><div style=\"display:flex;align-items:center;gap:12px\"><div class=\"author-avatar\" style=\"background:#00d4ff\">S<\/div><div><div class=\"author-name\">Sarah Ahmed<\/div><div class=\"author-role\">Founder, RemitEasy UK<\/div><\/div><\/div><\/div>\r\n <div class=\"testimonial-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testimonial-text\">\"The free AI audit revealed 47 issues I never knew existed. After fixes, bounce rate dropped 40% and sales doubled in 6 weeks.\"<\/p><div style=\"display:flex;align-items:center;gap:12px\"><div class=\"author-avatar\" style=\"background:#a78bfa\">M<\/div><div><div class=\"author-name\">Masud Rana<\/div><div class=\"author-role\">Director, TechBD Solutions<\/div><\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- CTA -->\r\n<div class=\"section-wrap\">\r\n <div class=\"cta-box\">\r\n <div class=\"badge\" style=\"margin:0 auto 22px\"><span class=\"badge-dot\"><\/span> Free AI Tools \u2014 No Signup<\/div>\r\n <h2>Start Ranking #1<br>on Google Today<\/h2>\r\n <p>Try all our AI SEO tools for free \u2014 no credit card, no commitment.<\/p>\r\n <a href=\"#tools\" class=\"btn-primary\" style=\"font-size:1rem;padding:16px 36px\">Try AI Tools Free \u2192<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<footer>\r\n <div class=\"logo\">Rank<span>AI<\/span><\/div>\r\n <div class=\"footer-copy\">\u00a9 2025 RankAI. AI-Powered SEO Agency.<\/div>\r\n <div class=\"footer-links\"><a href=\"#\">Privacy<\/a><a href=\"#\">Terms<\/a><a href=\"#\">Contact<\/a><\/div>\r\n<\/footer>\r\n\r\n<!-- FLOATING CHAT BUTTON -->\r\n<div class=\"float-chat\">\r\n <button class=\"float-btn\" onclick=\"switchTab('chat');document.getElementById('tools').scrollIntoView({behavior:'smooth'})\">\ud83d\udcac<\/button>\r\n<\/div>\r\n\r\n<script>\r\nconst API_URL = \"https:\/\/api.anthropic.com\/v1\/messages\";\r\nconst MODEL = \"claude-sonnet-4-20250514\";\r\n\r\n\/\/ \u2500\u2500 TAB SWITCHER \u2500\u2500\r\nfunction switchTab(id) {\r\n document.querySelectorAll('.tool-tab').forEach((t,i) => t.classList.remove('active'));\r\n document.querySelectorAll('.tool-panel').forEach(p => p.classList.remove('active'));\r\n const tabs = ['audit','keywords','content','onpage','chat'];\r\n const idx = tabs.indexOf(id);\r\n document.querySelectorAll('.tool-tab')[idx].classList.add('active');\r\n document.getElementById('panel-' + id).classList.add('active');\r\n}\r\n\r\n\/\/ \u2500\u2500 CALL CLAUDE \u2500\u2500\r\nasync function callClaude(systemPrompt, userMessage) {\r\n const res = await fetch(API_URL, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({\r\n model: MODEL,\r\n max_tokens: 1000,\r\n system: systemPrompt,\r\n messages: [{ role: 'user', content: userMessage }]\r\n })\r\n });\r\n const data = await res.json();\r\n if (data.error) throw new Error(data.error.message);\r\n return data.content.map(b => b.text || '').join('');\r\n}\r\n\r\n\/\/ \u2500\u2500 STREAMING CALL \u2500\u2500\r\nasync function callClaudeStream(systemPrompt, userMessage, onChunk) {\r\n const res = await fetch(API_URL, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({\r\n model: MODEL,\r\n max_tokens: 1000,\r\n stream: true,\r\n system: systemPrompt,\r\n messages: [{ role: 'user', content: userMessage }]\r\n })\r\n });\r\n const reader = res.body.getReader();\r\n const decoder = new TextDecoder();\r\n let buffer = '';\r\n while (true) {\r\n const { done, value } = await reader.read();\r\n if (done) break;\r\n buffer += decoder.decode(value, { stream: true });\r\n const lines = buffer.split('\\n');\r\n buffer = lines.pop();\r\n for (const line of lines) {\r\n if (line.startsWith('data: ')) {\r\n const json = line.slice(6).trim();\r\n if (json === '[DONE]') return;\r\n try {\r\n const evt = JSON.parse(json);\r\n if (evt.type === 'content_block_delta' && evt.delta?.text) {\r\n onChunk(evt.delta.text);\r\n }\r\n } catch {}\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction showLoading(elId) {\r\n const el = document.getElementById(elId);\r\n el.innerHTML = '<div class=\"loading-dots\"><span><\/span><span><\/span><span><\/span><\/div> AI is analyzing...';\r\n el.closest('.output-box').classList.add('show');\r\n}\r\n\r\n\/\/ \u2500\u2500 SEO AUDIT \u2500\u2500\r\nasync function runAudit() {\r\n const url = document.getElementById('audit-url').value.trim();\r\n const niche = document.getElementById('audit-niche').value.trim();\r\n if (!url) { alert('Please enter a website URL'); return; }\r\n\r\n const btn = event.target;\r\n btn.disabled = true; btn.textContent = 'Analyzing...';\r\n showLoading('audit-result');\r\n\r\n const system = `You are a senior SEO consultant. Generate a detailed, realistic SEO audit report. Format your response clearly with sections, use emojis for visual clarity, and provide specific actionable recommendations. Be specific and technical.`;\r\n const prompt = `Perform a comprehensive SEO audit for: ${url}\r\nBusiness type: ${niche || 'general business'}\r\n\r\nProvide a structured audit report with:\r\n1. \ud83d\udcca Overall SEO Health Score (out of 100) with breakdown\r\n2. \ud83d\udd34 Critical Issues (3-4 specific problems)\r\n3. \ud83d\udfe1 Warnings (3-4 improvements needed) \r\n4. \ud83d\udfe2 What's Working Well (2-3 positives)\r\n5. \ud83c\udfaf Top 5 Priority Action Items with estimated impact\r\n6. \ud83d\udcc8 Estimated traffic increase if issues are fixed\r\n\r\nBe specific and realistic. Format nicely with clear sections.`;\r\n\r\n try {\r\n const result = document.getElementById('audit-result');\r\n result.textContent = '';\r\n await callClaudeStream(system, prompt, chunk => {\r\n result.textContent += chunk;\r\n });\r\n } catch(e) {\r\n document.getElementById('audit-result').textContent = 'Error: ' + e.message;\r\n }\r\n btn.disabled = false; btn.textContent = 'Audit Now \u2192';\r\n}\r\n\r\n\/\/ \u2500\u2500 KEYWORD RESEARCH \u2500\u2500\r\nasync function runKeywords() {\r\n const niche = document.getElementById('kw-niche').value.trim();\r\n const market = document.getElementById('kw-market').value;\r\n if (!niche) { alert('Please enter your niche or product'); return; }\r\n\r\n const btn = event.target;\r\n btn.disabled = true; btn.textContent = 'Finding...';\r\n\r\n const output = document.getElementById('kw-output');\r\n output.classList.add('show');\r\n document.getElementById('kw-result').innerHTML = '<div class=\"loading-dots\"><span><\/span><span><\/span><span><\/span><\/div> Researching keywords...';\r\n\r\n const system = `You are an expert SEO keyword researcher. Always respond with ONLY valid JSON \u2014 no markdown, no backticks, no explanation. Just raw JSON.`;\r\n const prompt = `Generate 10 SEO keywords for: \"${niche}\" targeting ${market} market.\r\n\r\nReturn ONLY this JSON structure, nothing else:\r\n{\r\n \"keywords\": [\r\n {\"keyword\": \"example keyword\", \"volume\": \"1,200\/mo\", \"difficulty\": \"Low\", \"intent\": \"Commercial\", \"opportunity\": \"High\"},\r\n ...\r\n ]\r\n}\r\n\r\nMake keywords realistic and specific to the niche and market. Mix short-tail and long-tail. Difficulty should be Low\/Medium\/High.`;\r\n\r\n try {\r\n const raw = await callClaude(system, prompt);\r\n const clean = raw.replace(\/```json|```\/g,'').trim();\r\n const data = JSON.parse(clean);\r\n\r\n let html = `<table class=\"kw-table\">\r\n <thead><tr><th>#<\/th><th>Keyword<\/th><th>Volume<\/th><th>Difficulty<\/th><th>Intent<\/th><th>Opportunity<\/th><\/tr><\/thead><tbody>`;\r\n \r\n data.keywords.forEach((kw, i) => {\r\n const diffClass = kw.difficulty === 'Low' ? 'diff-low' : kw.difficulty === 'Medium' ? 'diff-mid' : 'diff-high';\r\n html += `<tr>\r\n <td style=\"color:var(--muted)\">${i+1}<\/td>\r\n <td><strong>${kw.keyword}<\/strong><\/td>\r\n <td><span class=\"vol-badge\">${kw.volume}<\/span><\/td>\r\n <td><span class=\"diff-badge ${diffClass}\">${kw.difficulty}<\/span><\/td>\r\n <td style=\"color:var(--muted);font-size:0.78rem\">${kw.intent}<\/td>\r\n <td style=\"color:var(--accent);font-size:0.78rem\">${kw.opportunity}<\/td>\r\n <\/tr>`;\r\n });\r\n html += '<\/tbody><\/table>';\r\n document.getElementById('kw-result').innerHTML = html;\r\n } catch(e) {\r\n document.getElementById('kw-result').textContent = 'Error generating keywords. Please try again.';\r\n }\r\n btn.disabled = false; btn.textContent = 'Find Keywords \u2192';\r\n}\r\n\r\n\/\/ \u2500\u2500 CONTENT WRITER \u2500\u2500\r\nasync function runContent() {\r\n const topic = document.getElementById('content-topic').value.trim();\r\n const keyword = document.getElementById('content-keyword').value.trim();\r\n const type = document.getElementById('content-type').value;\r\n const lang = document.getElementById('content-lang').value;\r\n if (!topic) { alert('Please enter a topic'); return; }\r\n\r\n const btn = event.target;\r\n btn.disabled = true; btn.textContent = 'Writing...';\r\n showLoading('content-result');\r\n\r\n const system = `You are an expert SEO content writer. Write compelling, SEO-optimized content that ranks on Google. Write in ${lang}.`;\r\n const prompt = `Write a \"${type}\" for the following:\r\nTopic: ${topic}\r\nTarget Keyword: ${keyword || topic}\r\nLanguage: ${lang}\r\n\r\nRequirements:\r\n- Naturally include the target keyword \r\n- Use proper heading structure (H1, H2, H3)\r\n- Engaging, human-quality writing\r\n- SEO best practices throughout\r\n- Include a compelling call-to-action at the end\r\n\r\nWrite the content now:`;\r\n\r\n try {\r\n const result = document.getElementById('content-result');\r\n result.textContent = '';\r\n await callClaudeStream(system, prompt, chunk => {\r\n result.textContent += chunk;\r\n });\r\n } catch(e) {\r\n document.getElementById('content-result').textContent = 'Error: ' + e.message;\r\n }\r\n btn.disabled = false; btn.textContent = 'Generate \u2192';\r\n}\r\n\r\n\/\/ \u2500\u2500 ON-PAGE OPTIMIZER \u2500\u2500\r\nasync function runOnPage() {\r\n const title = document.getElementById('op-title').value.trim();\r\n const keyword = document.getElementById('op-keyword').value.trim();\r\n const content = document.getElementById('op-content').value.trim();\r\n if (!title && !content) { alert('Please enter your page title or content'); return; }\r\n\r\n const btn = event.target;\r\n btn.disabled = true; btn.textContent = 'Optimizing...';\r\n showLoading('op-result');\r\n\r\n const system = `You are a technical SEO specialist. Analyze pages and provide specific, actionable on-page SEO recommendations with rewritten versions of title tags, meta descriptions, and content improvements.`;\r\n const prompt = `Optimize this page for SEO:\r\n\r\nCurrent Title: ${title || 'Not provided'}\r\nTarget Keyword: ${keyword || 'Not specified'}\r\nContent\/Meta Description: ${content || 'Not provided'}\r\n\r\nPlease provide:\r\n1. \ud83d\udcdd SEO Score for current version (out of 100)\r\n2. \u2705 Optimized Title Tag (under 60 chars, with keyword)\r\n3. \u2705 Optimized Meta Description (under 155 chars, with keyword)\r\n4. \u2705 Suggested H1 Tag\r\n5. \ud83d\udd11 Keyword Usage Recommendations (LSI keywords, placement)\r\n6. \ud83d\udccb Content Improvements (5 specific suggestions)\r\n7. \u26a1 Quick Wins (3 things to fix immediately)\r\n\r\nFormat clearly with sections and be specific.`;\r\n\r\n try {\r\n const result = document.getElementById('op-result');\r\n result.textContent = '';\r\n await callClaudeStream(system, prompt, chunk => {\r\n result.textContent += chunk;\r\n });\r\n } catch(e) {\r\n document.getElementById('op-result').textContent = 'Error: ' + e.message;\r\n }\r\n btn.disabled = false; btn.textContent = 'Optimize \u2192';\r\n}\r\n\r\n\/\/ \u2500\u2500 CHATBOT \u2500\u2500\r\nconst chatHistory = [];\r\n\r\nasync function sendChat() {\r\n const input = document.getElementById('chat-input');\r\n const msg = input.value.trim();\r\n if (!msg) return;\r\n\r\n input.value = '';\r\n appendMsg(msg, 'user');\r\n chatHistory.push({ role: 'user', content: msg });\r\n\r\n const typingId = appendMsg('<div class=\"loading-dots\"><span><\/span><span><\/span><span><\/span><\/div>', 'ai', true);\r\n\r\n try {\r\n const res = await fetch(API_URL, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({\r\n model: MODEL,\r\n max_tokens: 1000,\r\n system: `You are an expert SEO consultant and chatbot for RankAI, an AI-powered SEO agency. You help clients with SEO strategy, keyword research, backlinks, technical SEO, content optimization, and ranking on Google. Be helpful, specific, and professional. Keep answers concise but thorough. You serve both Bangladeshi and international clients. Occasionally mention RankAI's services when relevant.`,\r\n messages: chatHistory\r\n })\r\n });\r\n const data = await res.json();\r\n const reply = data.content.map(b => b.text || '').join('');\r\n chatHistory.push({ role: 'assistant', content: reply });\r\n document.getElementById(typingId).innerHTML = reply;\r\n } catch(e) {\r\n document.getElementById(typingId).textContent = 'Sorry, something went wrong. Please try again.';\r\n }\r\n}\r\n\r\nfunction appendMsg(text, role, isTemp = false) {\r\n const msgs = document.getElementById('chat-messages');\r\n const div = document.createElement('div');\r\n const id = 'msg-' + Date.now();\r\n div.id = id;\r\n div.className = 'msg msg-' + role;\r\n div.innerHTML = text;\r\n msgs.appendChild(div);\r\n msgs.scrollTop = msgs.scrollHeight;\r\n return id;\r\n}\r\n\r\n\/\/ Scroll reveal\r\nconst observer = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) { e.target.style.opacity='1'; e.target.style.transform='translateY(0)'; }\r\n });\r\n}, { threshold: 0.1 });\r\n\r\ndocument.querySelectorAll('.service-card,.pricing-card,.testimonial-card').forEach(el => {\r\n el.style.opacity='0'; el.style.transform='translateY(20px)';\r\n el.style.transition='opacity 0.5s ease, transform 0.5s ease';\r\n observer.observe(el);\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>RankAI \u2014 AI-Powered SEO Agency RankAI AI Tools Services Pricing Try Free AI-Powered SEO Agency Rank Higher. GrowFaster with AI. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ai-development.svalphawp.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai-development.svalphawp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ai-development.svalphawp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ai-development.svalphawp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai-development.svalphawp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":7,"href":"https:\/\/ai-development.svalphawp.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/ai-development.svalphawp.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/ai-development.svalphawp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}