feat: Add SYSmoAI marketing pages, WhatsApp CTA, font shim, and storefront resilience

.gitignore

@@ -46,3 +46,6 @@ midscene_run/dump
 midscene_run/report
 midscene_run/tmp
 midscene_run/log
+
+# nested dependencies
+**/node_modules

app/(storefront)/[countryCode]/(main)/about/page.tsx

@@ -0,0 +1,78 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'About SYSmoAI — AI Systems for Bangladesh Businesses',
+  description: 'SYSmoAI builds AI-powered operating systems for Bangladesh businesses. Founded by EMON HOSSAIN.',
+}
+
+export default function AboutPage() {
+  return (
+    <main className="min-h-screen bg-sysmoai-dark text-sysmoai-text">
+      <section className="px-6 py-24 max-w-4xl mx-auto text-center">
+        <h1 className="text-4xl md:text-5xl font-bold text-white mb-6">We Build Operating Systems for Bangladesh Businesses</h1>
+        <p className="text-xl text-sysmoai-muted max-w-2xl mx-auto">
+          SYSmoAI implements AI workflows, Notion-based systems, and automation so your business runs without chaos — even when you are not there.
+        </p>
+      </section>
+
+      <section className="px-6 py-16 max-w-3xl mx-auto">
+        <div className="bg-sysmoai-surface border border-sysmoai-border rounded-2xl p-8">
+          <h2 className="text-2xl font-bold text-white mb-4">Why This Exists</h2>
+          <p className="text-sysmoai-muted mb-4">
+            Bangladesh businesses are run by smart, hardworking people who are stuck managing everything manually — WhatsApp threads, spreadsheets, verbal instructions.
+            The bottleneck is almost always the owner.
+          </p>
+          <p className="text-sysmoai-muted mb-4">
+            SYSmoAI builds the systems that remove that bottleneck. We install AI-powered operating systems using Notion, automation tools, and custom AI workflows — so your team can
+            execute without you micromanaging.
+          </p>
+          <p className="text-sysmoai-muted">
+            Founded by <strong className="text-white">EMON HOSSAIN</strong> — who previously built and operated AIPS with 10,000+ customers using WhatsApp-first systems.
+            We know what works in Bangladesh. We have done it.
+          </p>
+        </div>
+      </section>
+
+      <section className="px-6 py-16 max-w-4xl mx-auto">
+        <h2 className="text-3xl font-bold text-white text-center mb-12">What We Do</h2>
+        <div className="grid md:grid-cols-2 gap-6">
+          {[
+            { title: 'AI Workflow Design', desc: 'We map your operations and install AI-powered workflows that reduce manual work by 60–80%.' },
+            { title: 'Notion OS Implementation', desc: 'We build complete business operating systems in Notion — CRM, project delivery, SOPs, dashboards.' },
+            { title: 'WhatsApp-Native Systems', desc: 'Automation and systems designed to work with how Bangladesh businesses actually communicate.' },
+            { title: 'Monthly Maintenance', desc: 'We stay with you post-launch to update, improve, and adapt the system as your business grows.' },
+          ].map((item) => (
+            <div key={item.title} className="bg-sysmoai-surface border border-sysmoai-border rounded-xl p-6">
+              <h3 className="text-lg font-semibold text-white mb-2">{item.title}</h3>
+              <p className="text-sysmoai-muted text-sm">{item.desc}</p>
+            </div>
+          ))}
+        </div>
+      </section>
+
+      <section className="px-6 py-12 max-w-3xl mx-auto">
+        <div className="bg-yellow-500/10 border border-yellow-500/30 rounded-xl p-6">
+          <h3 className="text-lg font-semibold text-yellow-400 mb-3">What We Do Not Do</h3>
+          <ul className="text-sysmoai-muted text-sm space-y-2">
+            <li>✗ We do not sell generic AI training courses</li>
+            <li>✗ We do not promise overnight transformation</li>
+            <li>✗ We do not give you a tool and leave you alone</li>
+            <li>✗ We do not make claims we cannot prove</li>
+          </ul>
+        </div>
+      </section>
+
+      <section className="px-6 py-20 text-center">
+        <h2 className="text-2xl font-bold text-white mb-4">Ready to build your AI operating system?</h2>
+        <a
+          href="https://wa.me/8801711638693?text=Hi%20SYSmoAI%2C%20I%20want%20to%20learn%20more"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="inline-block bg-sysmoai-primary hover:bg-sysmoai-primary-dark text-white font-semibold px-8 py-4 rounded-xl transition-colors"
+        >
+          Start on WhatsApp — +880 1711-638693
+        </a>
+      </section>
+    </main>
+  )
+}

app/(storefront)/[countryCode]/(main)/blog/page.tsx

@@ -0,0 +1,46 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Blog — SYSmoAI AI Insights for Bangladesh Businesses',
+  description: 'Practical AI implementation guides, case studies, and operating system insights for Bangladesh businesses.',
+}
+
+export default function BlogPage() {
+  return (
+    <main className="min-h-screen bg-sysmoai-dark text-sysmoai-text">
+      <section className="px-6 py-24 max-w-3xl mx-auto text-center">
+        <h1 className="text-4xl font-bold text-white mb-4">SYSmoAI Insights</h1>
+        <p className="text-sysmoai-muted mb-16">Practical AI implementation for Bangladesh businesses — no hype, just systems.</p>
+
+        <div className="space-y-4 text-left">
+          {[
+            { title: 'How a Dhaka Agency Eliminated Client Chaos with Notion OS', date: 'Coming soon', tag: 'Case Study' },
+            { title: 'The 5 Workflow Bottlenecks Killing Bangladesh SME Growth', date: 'Coming soon', tag: 'Guide' },
+            { title: 'WhatsApp + Notion: The Combination That Runs Our Business', date: 'Coming soon', tag: 'System Design' },
+            { title: 'Why AI Implementation Fails for Most BD Businesses (And How to Fix It)', date: 'Coming soon', tag: 'Insight' },
+          ].map((post) => (
+            <div key={post.title} className="bg-sysmoai-surface border border-sysmoai-border rounded-xl p-5">
+              <div className="flex items-center gap-2 mb-2 text-xs">
+                <span className="px-2 py-1 rounded bg-sysmoai-primary/20 text-sysmoai-primary">{post.tag}</span>
+                <span className="text-sysmoai-muted">{post.date}</span>
+              </div>
+              <h2 className="text-white font-semibold">{post.title}</h2>
+            </div>
+          ))}
+        </div>
+
+        <div className="mt-12">
+          <p className="text-sysmoai-muted text-sm mb-4">Get notified when we publish — follow on WhatsApp</p>
+          <a
+            href="https://wa.me/8801711638693?text=Hi%20SYSmoAI%2C%20notify%20me%20about%20new%20posts"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-block bg-sysmoai-primary hover:bg-sysmoai-primary-dark text-white font-semibold px-6 py-3 rounded-xl transition-colors"
+          >
+            Follow on WhatsApp
+          </a>
+        </div>
+      </section>
+    </main>
+  )
+}

app/(storefront)/[countryCode]/(main)/contact/page.tsx

@@ -0,0 +1,44 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Contact SYSmoAI — WhatsApp or Email',
+  description: 'Contact SYSmoAI for AI system implementation in Bangladesh. WhatsApp: +880 1711-638693',
+}
+
+export default function ContactPage() {
+  return (
+    <main className="min-h-screen bg-sysmoai-dark text-sysmoai-text">
+      <section className="px-6 py-24 max-w-2xl mx-auto text-center">
+        <h1 className="text-4xl font-bold text-white mb-4">Talk to Us</h1>
+        <p className="text-sysmoai-muted mb-12">
+          The fastest way to start is WhatsApp. We respond within a few hours.
+          Tell us your business type and what is not working — we will take it from there.
+        </p>
+
+        <a
+          href="https://wa.me/8801711638693?text=Hi%20SYSmoAI%2C%20I%20need%20help%20with%20my%20business"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="flex items-center justify-center gap-3 bg-green-500 hover:bg-green-600 text-white font-bold text-lg px-8 py-5 rounded-2xl transition-colors mb-6 shadow-lg"
+        >
+          <svg width="28" height="28" viewBox="0 0 24 24" fill="currentColor">
+            <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" />
+          </svg>
+          WhatsApp — +880 1711-638693
+        </a>
+
+        <div className="text-sysmoai-muted text-sm mb-12">We reply within a few hours · Mon–Sat 9am–8pm</div>
+
+        <div className="bg-sysmoai-surface border border-sysmoai-border rounded-2xl p-6 text-left">
+          <h2 className="text-white font-semibold mb-4">Contact Details</h2>
+          <div className="space-y-3 text-sm">
+            <div>WhatsApp: +880 1711-638693</div>
+            <div>Email: <a className="text-sysmoai-primary hover:underline" href="mailto:hello@sysmoai.com">hello@sysmoai.com</a></div>
+            <div>Location: Dhaka, Bangladesh</div>
+            <div>Serving: Bangladesh businesses (BDT) + International clients (USD)</div>
+          </div>
+        </div>
+      </section>
+    </main>
+  )
+}

app/(storefront)/[countryCode]/(main)/industries/page.tsx

@@ -0,0 +1,104 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Industries — SYSmoAI AI Systems by Business Type',
+  description: 'SYSmoAI builds AI operating systems for agencies, ecommerce, coaching, accounting, clinics, and trading businesses in Bangladesh.',
+}
+
+const industries = [
+  {
+    name: 'Digital Agencies',
+    slug: 'agencies',
+    icon: '🏢',
+    problem: 'Client feedback scattered across WhatsApp, email, and calls. Delivery inconsistent. Reporting manual.',
+    install: 'Client portal + project pipeline + SOP wiki + automated reporting',
+  },
+  {
+    name: 'E-commerce & F-commerce',
+    slug: 'ecommerce',
+    icon: '📦',
+    problem: 'Orders lost in inbox. Stock confusion. COD returns leaking cash. Support team overwhelmed.',
+    install: 'Order OS + inventory system + returns workflow + daily reporting dashboard',
+  },
+  {
+    name: 'Coaching & Education',
+    slug: 'coaching',
+    icon: '🎓',
+    problem: 'Leads not followed up. Onboarding manual and inconsistent. Payments hard to track.',
+    install: 'CRM + onboarding OS + content delivery system + automated follow-up',
+  },
+  {
+    name: 'Accounting & Tax Firms',
+    slug: 'accounting',
+    icon: '📊',
+    problem: 'Client files scattered. Deadlines missed. Billing unclear. Compliance reminders done manually.',
+    install: 'Client file OS + deadline calendar + billing tracker + secure comms workflow',
+  },
+  {
+    name: 'Clinics & Healthcare',
+    slug: 'clinics',
+    icon: '🏥',
+    problem: 'Appointment follow-up leaking. Staff accountability unclear. Paper billing. No daily visibility.',
+    install: 'Appointment + follow-up OS + staff task system + digital billing tracker',
+  },
+  {
+    name: 'Trading & Distribution',
+    slug: 'trading',
+    icon: '🚚',
+    problem: 'Stock tracked in Excel. Supplier and customer comms scattered. Reporting unreliable.',
+    install: 'Inventory OS + stock movement tracker + supplier/customer database + weekly dashboard',
+  },
+]
+
+export default function IndustriesPage() {
+  return (
+    <main className="min-h-screen bg-sysmoai-dark text-sysmoai-text">
+      <section className="px-6 py-24 max-w-4xl mx-auto text-center">
+        <h1 className="text-4xl md:text-5xl font-bold text-white mb-6">Built for Your Industry</h1>
+        <p className="text-xl text-sysmoai-muted max-w-2xl mx-auto">
+          We do not sell generic AI. Every system we build is designed for your specific business type — the problems you face, the workflows you need, the outcomes you want.
+        </p>
+      </section>
+
+      <section className="px-6 py-8 max-w-5xl mx-auto">
+        <div className="grid md:grid-cols-2 gap-6">
+          {industries.map((ind) => (
+            <div key={ind.slug} className="bg-sysmoai-surface border border-sysmoai-border rounded-2xl p-6 hover:border-sysmoai-primary/50 transition-colors">
+              <div className="text-2xl mb-2">{ind.icon}</div>
+              <h2 className="text-xl font-bold text-white mb-3">{ind.name}</h2>
+              <div className="mb-4">
+                <p className="text-xs text-sysmoai-muted uppercase tracking-wider mb-1">The Problem</p>
+                <p className="text-sysmoai-muted text-sm">{ind.problem}</p>
+              </div>
+              <div>
+                <p className="text-xs text-sysmoai-primary uppercase tracking-wider mb-1">What We Install</p>
+                <p className="text-sm text-sysmoai-text">{ind.install}</p>
+              </div>
+              <a
+                href={`https://wa.me/8801711638693?text=Hi%20SYSmoAI%2C%20I%20need%20help%20for%20my%20${ind.slug}%20business`}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="mt-4 inline-block text-sm text-sysmoai-primary hover:underline"
+              >
+                Talk to us about {ind.name} →
+              </a>
+            </div>
+          ))}
+        </div>
+      </section>
+
+      <section className="px-6 py-20 text-center">
+        <h2 className="text-2xl font-bold text-white mb-4">Your industry not listed?</h2>
+        <p className="text-sysmoai-muted mb-8">We work with any Bangladesh business that runs on repeatable processes. WhatsApp us.</p>
+        <a
+          href="https://wa.me/8801711638693?text=Hi%20SYSmoAI%2C%20I%20have%20a%20different%20business%20type"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="inline-block bg-sysmoai-primary hover:bg-sysmoai-primary-dark text-white font-semibold px-8 py-4 rounded-xl transition-colors"
+        >
+          WhatsApp — +880 1711-638693
+        </a>
+      </section>
+    </main>
+  )
+}