// src/pages/seo-consultant-montreal.astro
---
import CityPage from '../components/CityPage.astro';
import data from '../data/cities/montreal.en';
---
<CityPage data={data} />

// src/data/cities/montreal.en.ts
import type { CityPageData } from '../../lib/city-types';

// Written against English Montreal queries ("SEO consultant Montreal", "SEO agency Montreal"),
// not translated from the French page.
const data: CityPageData = {
  lang: 'en-CA',
  slug: 'seo-consultant-montreal.html',
  alternate: { lang: 'fr-CA', slug: 'consultant-seo-montreal.html' },
  city: 'Montreal',
  region: 'Quebec',
  updated: '2026-10-22',

  title: 'SEO Consultant in Montreal: Google & AI Search | Hicham Souilmi',
  description: 'Montreal SEO and GEO consultant: published pricing, realistic timelines, agency vs freelancer, bilingual SEO and getting cited by ChatGPT and Google AI.',
  imageAlt: "Hicham Souilmi, SEO and AI search consultant, beside the line: if AI can't find you, your customers can't either.",

  eyebrow: 'SEO · GEO · Montreal',
  h1: 'SEO Consultant in Montreal',
  h1Accent: 'found on Google and in AI answers.',
  lede: "Looking for someone to take on your SEO in Montreal? This page answers what people ask me before signing: what it costs, how long it takes, agency or freelancer, English or French, and how to get named by ChatGPT and Google AI.",

  takeaways: [
    { label: 'What I offer', text: 'an SEO & GEO audit from CA$2,500 and ongoing support from CA$2,000/month, with one senior point of contact from first call to monthly reporting.' },
    { label: 'Timeline', text: '3 to 6 months for visible progress and first leads, 6 to 12 months for consolidated rankings.' },
    { label: 'English or French', text: 'in Montreal, both. Each language has its own queries and its own competitors; a translation is not enough.' },
    { label: 'Agency or freelancer', text: 'an agency for a very large site or several parallel workstreams; an independent consultant to work directly with the person on your site.' },
    { label: 'AI search', text: "GEO is part of the work, not an add-on: it builds on the same foundations as Google." },
  ],

  market: {
    eyebrow: 'SEO in Montreal',
    h2: 'A mature, bilingual and crowded market.',
    paragraphs: [
      'Montreal packs a dense ecosystem: SaaS and tech (Plateau, Mile End, Griffintown), video games, manufacturing, e-commerce and professional services downtown. Established agencies, freelancers and in-house teams compete for the same keywords.',
      "Then there's the Montreal-specific layer: <strong>two languages</strong>. Your buyers search in English <em>and</em> French, with different queries. If you're English-first, your French version is both a legal requirement and an underused growth channel.",
      'I start from your business goals: which keywords bring qualified leads, which pages need to convert, where the quick wins are.',
    ],
  },

  sectors: {
    eyebrow: 'What works in Montreal',
    h2: "SEO doesn't play out the same in every sector.",
    items: [
      { title: 'SaaS, tech and B2B', text: "Demand is national, often North American, and English-first. The city page is just one entry point: what matters is use-case and comparison pages." },
      { title: 'Manufacturing and industrial', text: 'Rare, technical queries from buyers comparing suppliers. Search volume says nothing about revenue: one inquiry can pay for the year.' },
      { title: 'Clinics and multi-location networks', text: 'It all happens in the local pack: one Google Business Profile per location, managed reviews, and one page per location that actually names the neighbourhood.' },
      { title: 'Professional services', text: 'A dense market where search stays local. What sets you apart is precise service pages and proof of expertise that AI engines can quote.' },
    ],
  },

  comparison: {
    eyebrow: 'Comparison',
    h2: 'SEO agencies and consultants in Montreal',
    intro: "Providers Google shows for \"SEO consultant Montreal\" and \"SEO agency Montreal\", compared on criteria you can check by opening their sites. <strong>I wrote this comparison and I'm in it</strong>: judge it on its criteria, not its order.",
    headers: ['Provider', 'Type', 'GEO work shown', 'Published method', 'Published pricing', 'Google rating'],
    // FILL IN after your SERP survey. The section stays hidden while this list is empty.
    competitors: [],
    note: 'Surveyed on Month DD, YYYY on Google.ca for "SEO consultant Montreal" and "SEO agency Montreal". Directories and listicles excluded.',
    takeaway: '',
  },

  pricing: {
    eyebrow: 'Pricing',
    h2: 'How much does SEO cost in Montreal?',
    intro: 'My rates are published before we talk. Exact scope is set during the free discovery call.',
    rows: [
      { item: 'SEO & GEO audit', price: 'from CA$2,500', scope: 'Technical, content, links and AI visibility, with a prioritized page plan and a live debrief.' },
      { item: 'Ongoing support', price: 'from CA$2,000/mo', scope: 'Direction, priorities, execution or supervision, and monthly measurement.' },
      { item: 'Coaching and training', price: 'custom', scope: 'One-on-one sessions or a team day, worked on your own pages.' },
      // ADD after survey: { item: 'Typical Montreal rates', price: 'CA$X–Y/mo', scope: 'Surveyed Month DD, YYYY among providers that publish pricing.' },
    ],
    timeline: '<strong>And how long until it works?</strong> 0–2 months for the audit and technical fixes, 3–6 months for visible progress, 6–12 months for consolidated rankings. Be wary of anyone promising the top spot in a few weeks.',
  },

  labels: {
    takeawaysTitle: 'Key takeaways',
    updatedPrefix: 'Last updated',
    bookCta: 'Book a free audit call',
    servicesCta: 'See my services',
    servicesHref: 'services.html',
    homeLabel: 'Home',
    homeHref: 'index.html',
    breadcrumbAria: 'Breadcrumb',
    priceTableHeaders: ['Service', 'Price', 'What it covers'],
    faqEyebrow: 'FAQ · SEO in Montreal',
    faqH2: 'What people ask before signing',
    meshTitle: 'SEO consultant across Canada',
    meshFr: 'Français (Québec)',
    meshEn: 'English (Canada)',
    ctaEyebrow: 'Fastest way',
    ctaH2: 'Book a free audit call in Montreal',
    ctaText: "Thirty minutes, no pressure. We'll review where you stand on Google and AI search, and find your quickest wins.",
    ctaButton: 'Pick a time',
    navExtraLabel: 'Montreal SEO',
    altLangTitle: 'Cette page en français',
  },

  faq: [
    { q: 'How much does an SEO consultant cost in Montreal?', a: 'The SEO & GEO audit starts at CA$2,500 and ongoing support at CA$2,000 per month. Coaching and training are custom. Scope (site size, keyword competition, content volume, number of languages) is set during the free discovery call.' },
    { q: 'How long until I see results?', a: '0–2 months for the audit and technical fixes, 3–6 months for visible progress and first leads, 6–12 months for consolidated rankings and measurable ROI.' },
    { q: 'Do I need SEO in both English and French?', a: "In Montreal, yes. I build each language against its own keyword set, with separate URLs and hreflang, so Google serves the right version to each audience without the two competing." },
    { q: 'My site is English-only. Is that a problem in Quebec?', a: "According to the Office québécois de la langue française, a business operating in Quebec must make its website available in French, and Bill 96 tightened those rules. I'm not a lawyer: confirm your case with the OQLF or legal counsel. On the SEO side, the French version should target French queries, not just mirror the English for compliance." },
    { q: "What's the difference between SEO and GEO?", a: 'SEO targets your ranking in Google results; GEO targets your presence in answers generated by ChatGPT, Perplexity or Google AI. What makes you citable also strengthens your Google rankings, so I run both.' },
    { q: 'I already paid an agency with nothing to show. Why would this be different?', a: "Usually two things were missing: an action plan ranked by business impact, and a monthly report you can read without being an SEO. Ask to see what was done in month one; with me, you can." },
    { q: 'When does SEO pay for itself?', a: "The math runs on what a client is worth to you, not on traffic. Depending on your sector, a few contracts won over the year often cover the engagement. We run that math together on the call." },
    { q: 'Do you work with businesses outside Montreal?', a: 'Yes. Based in Greater Montreal, I work with businesses in Laval, the West Island, the South Shore and across Quebec, and across Canada in English: Toronto, Ottawa, Calgary, Vancouver and beyond.' },
  ],
};

export default data;

// src/components/CityPage.astro (gabarit partagé)
---
// Gabarit unique des pages villes (FR et EN).
// Toutes les variations viennent de `data` (src/data/cities/*.ts) et de shared-blocks.ts.
import Base from '../layouts/Base.astro';
import type { CityPageData } from '../lib/city-types';
import { shared, BOOK_URL } from '../lib/shared-blocks';
import { buildCitySchema } from '../lib/city-schema';
import { ICONS } from '../lib/icons';

interface Props { data: CityPageData }
const { data: d } = Astro.props;
const s = shared[d.lang];
const sub = (t: string) => t.replaceAll('{city}', d.city);
const updatedLabel = new Date(d.updated + 'T12:00:00').toLocaleDateString(d.lang, { day: 'numeric', month: 'long', year: 'numeric' });
const schema = buildCitySchema(d);
const arrow = '<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M7 17L17 7M17 7H8M17 7v9" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>';
---
<Base
  lang={d.lang}
  title={d.title}
  description={d.description}
  path={d.slug}
  imageAlt={d.imageAlt}
  styles={["pages.css"]}
  alternates={d.alternate ? [{ hreflang: d.alternate.lang, href: d.alternate.slug }] : []}
  nav={{
    altHref: d.alternate?.slug,
    altTitle: d.labels.altLangTitle,
    extra: { href: '#faq-local', label: d.labels.navExtraLabel },
  }}
  schema={schema}
>

<!-- ============ HERO ============ -->
<section class="relative pt-32 pb-16 overflow-hidden" id="home">
  <div class="glow" style="width:520px;height:520px;background:#8B7CF6;top:-160px;right:-80px;"></div>
  <div class="glow" style="width:420px;height:420px;background:#B9AEF5;bottom:-180px;left:-120px;opacity:.14;"></div>
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
    <nav aria-label={d.labels.breadcrumbAria} class="mono text-xs text-white/40 mb-6">
      <a class="hover:text-white" href={d.labels.homeHref}>{d.labels.homeLabel}</a> <span class="mx-1">›</span> {d.h1}
    </nav>
    <div class="max-w-3xl">
      <p class="eyebrow mb-6">{d.eyebrow}</p>
      <h1 class="display text-4xl sm:text-5xl lg:text-6xl font-bold mb-6">
        {d.h1}
        <span class="block grad mt-2">{d.h1Accent}</span>
      </h1>
      <p class="text-lg text-white/70 leading-relaxed">{d.lede}</p>
      <p class="mono text-xs text-white/45 mt-6">{d.labels.updatedPrefix} <time datetime={d.updated}>{updatedLabel}</time></p>
      <div class="flex flex-col sm:flex-row gap-4 mt-8">
        <a class="btn btn-primary text-lg" href={BOOK_URL} rel="noopener" target="_blank">{d.labels.bookCta} <Fragment set:html={arrow} /></a>
        <a class="btn btn-ghost text-lg" href={d.labels.servicesHref}>{d.labels.servicesCta}</a>
      </div>
    </div>
  </div>
</section>

<!-- ============ L'ESSENTIEL EN 30 SECONDES ============ -->
<section class="pb-16" aria-labelledby="essentiel">
  <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="card p-8" style="border-color:var(--violet)">
      <h2 id="essentiel" class="eyebrow mb-5">{d.labels.takeawaysTitle}</h2>
      <ul class="space-y-4">
        {d.takeaways.map((t) => (
          <li class="text-white/75 leading-relaxed"><strong class="text-white">{t.label} :</strong> <Fragment set:html={t.text} /></li>
        ))}
      </ul>
    </div>
  </div>
</section>

<!-- ============ MARCHÉ LOCAL ============ -->
<section class="py-20 border-t border-white/5">
  <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8" data-reveal>
    <p class="eyebrow mb-4">{d.market.eyebrow}</p>
    <h2 class="display text-3xl sm:text-4xl font-bold mb-6">{d.market.h2}</h2>
    <div class="space-y-5 text-white/70 leading-relaxed text-lg">
      {d.market.paragraphs.map((p) => <p set:html={p} />)}
    </div>
  </div>
</section>

<!-- ============ COMPARATIF LOCAL (masqué tant que le relevé n'est pas fait) ============ -->
{d.comparison.competitors.length > 0 && (
<section class="py-20 border-t border-white/5" id="comparatif">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" data-reveal>
    <div class="max-w-3xl">
      <p class="eyebrow mb-4">{d.comparison.eyebrow}</p>
      <h2 class="display text-3xl sm:text-4xl font-bold mb-5">{d.comparison.h2}</h2>
      <p class="text-white/70 leading-relaxed mb-8" set:html={d.comparison.intro} />
    </div>
    <div class="city-table-wrap card">
      <table class="city-table w-full text-sm">
        <thead class="text-white/55 mono text-xs">
          <tr>{d.comparison.headers.map((h) => <th scope="col" class="px-4 py-3">{h}</th>)}</tr>
        </thead>
        <tbody>
          {d.comparison.competitors.map((c) => (
            <tr class="border-t border-white/10" style={c.self ? 'background:rgba(139,124,246,.08)' : ''}>
              <th scope="row" class="px-4 py-3 font-semibold text-white">{c.name}</th>
              <td class="px-4 py-3 text-white/70">{c.type}</td>
              <td class="px-4 py-3 text-white/70">{c.aiWork}</td>
              <td class="px-4 py-3 text-white/70">{c.method}</td>
              <td class="px-4 py-3 text-white/70">{c.pricing}</td>
              <td class="px-4 py-3 text-white/70">{c.rating}</td>
            </tr>
          ))}
        </tbody>
      </table>
    </div>
    <p class="mono text-xs text-white/45 mt-4">{d.comparison.note}</p>
    <p class="text-white/70 leading-relaxed mt-6 max-w-3xl" set:html={d.comparison.takeaway} />
  </div>
</section>
)}

<!-- ============ PRIX ============ -->
<section class="py-20 border-t border-white/5" id="prix">
  <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8" data-reveal>
    <p class="eyebrow mb-4">{d.pricing.eyebrow}</p>
    <h2 class="display text-3xl sm:text-4xl font-bold mb-5">{d.pricing.h2}</h2>
    <p class="text-white/70 leading-relaxed mb-8">{d.pricing.intro}</p>
    <div class="city-table-wrap card">
      <table class="city-table w-full text-sm">
        <thead class="text-white/55 mono text-xs">
          <tr>{d.labels.priceTableHeaders.map((h) => <th scope="col" class="px-4 py-3">{h}</th>)}</tr>
        </thead>
        <tbody>
          {d.pricing.rows.map((r) => (
            <tr class="border-t border-white/10">
              <th scope="row" class="px-4 py-3 font-semibold text-white">{r.item}</th>
              <td class="px-4 py-3 text-white/80">{r.price}</td>
              <td class="px-4 py-3 text-white/65">{r.scope}</td>
            </tr>
          ))}
        </tbody>
      </table>
    </div>
    <p class="text-white/70 leading-relaxed mt-6" set:html={d.pricing.timeline} />
  </div>
</section>

<!-- ============ SECTEURS ============ -->
<section class="py-20 border-t border-white/5">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="max-w-3xl mb-10" data-reveal>
      <p class="eyebrow mb-4">{d.sectors.eyebrow}</p>
      <h2 class="display text-3xl sm:text-4xl font-bold">{d.sectors.h2}</h2>
    </div>
    <div class="grid sm:grid-cols-2 gap-5" data-reveal>
      {d.sectors.items.map((it) => (
        <div class="card p-6">
          <h3 class="display font-semibold text-lg mb-2">{it.title}</h3>
          <p class="text-sm text-white/65 leading-relaxed" set:html={it.text} />
        </div>
      ))}
    </div>
  </div>
</section>

<!-- ============ GEO ============ -->
<section class="py-20 border-t border-white/5">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid lg:grid-cols-2 gap-12 items-center">
      <div data-reveal>
        <p class="eyebrow mb-4">{s.geo.eyebrow}</p>
        <h2 class="display text-3xl sm:text-4xl font-bold mb-6">{sub(s.geo.h2)}</h2>
        <div class="space-y-5 text-white/70 leading-relaxed">
          {s.geo.paragraphs.map((p) => <p set:html={sub(p)} />)}
        </div>
      </div>
      <div class="grid sm:grid-cols-2 gap-4" data-reveal>
        {s.geo.cards.map((c) => (
          <div class="card p-6">
            <div class="w-10 h-10 rounded-xl flex items-center justify-center mb-4" style={c.tone === 'signal' ? 'background:rgba(245,179,60,.15)' : 'background:rgba(139,124,246,.15)'}>
              <Fragment set:html={ICONS[c.icon]} />
            </div>
            <h3 class="display font-semibold text-lg mb-2">{c.title}</h3>
            <p class="text-sm text-white/60 leading-relaxed">{c.text}</p>
          </div>
        ))}
      </div>
    </div>
  </div>
</section>

<!-- ============ CONSULTANT vs AGENCE ============ -->
<section class="py-20 border-t border-white/5">
  <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8" data-reveal>
    <p class="eyebrow mb-4">{sub(s.agency.eyebrow)}</p>
    <h2 class="display text-3xl sm:text-4xl font-bold mb-6">{s.agency.h2}</h2>
    <div class="grid sm:grid-cols-2 gap-6 mt-8">
      <div class="card p-6">
        <h3 class="display font-semibold text-lg mb-3">{s.agency.agencyTitle}</h3>
        <ul class="space-y-2 text-sm text-white/65">
          {s.agency.agencyItems.map((i) => <li class="flex gap-2"><span style="color:var(--violet-bright)">•</span>{i}</li>)}
        </ul>
      </div>
      <div class="card p-6" style="border-color:var(--violet)">
        <h3 class="display font-semibold text-lg mb-3">{s.agency.freelanceTitle}</h3>
        <ul class="space-y-2 text-sm text-white/65">
          {s.agency.freelanceItems.map((i) => <li class="flex gap-2"><span style="color:var(--signal)">✦</span>{i}</li>)}
        </ul>
      </div>
    </div>
    <p class="text-white/65 leading-relaxed mt-6">{s.agency.note}</p>
  </div>
</section>

<!-- ============ SERVICES ============ -->
<section class="py-20 border-t border-white/5" id="services">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="max-w-2xl mb-12" data-reveal>
      <p class="eyebrow mb-4">{sub(s.services.eyebrow)}</p>
      <h2 class="display text-3xl sm:text-4xl font-bold mb-3">{s.services.h2}</h2>
      <p class="text-white/65 text-lg">{s.services.intro}</p>
    </div>
    <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-5">
      {s.services.items.map((it, i) => (
        <div class="card p-7 flex flex-col" data-reveal>
          <span class="mono text-xs text-white/35 mb-3">{String(i + 1).padStart(2, '0')}</span>
          <h3 class="display text-xl font-semibold mb-2">{it.title}</h3>
          <p class="text-sm text-white/60 leading-relaxed flex-grow">{it.text}</p>
          <span class="svc-steps-label">{it.stepsLabel}</span>
          <ul class="svc-steps">{it.steps.map((st) => <li>{st}</li>)}</ul>
          <a class="link-v text-sm font-medium mt-5 inline-flex items-center gap-1" href={BOOK_URL} rel="noopener" target="_blank">{it.cta}</a>
        </div>
      ))}
    </div>
  </div>
</section>

<!-- ============ AUTORITÉ LOCALE ============ -->
<section class="py-20 border-t border-white/5">
  <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8" data-reveal>
    <p class="eyebrow mb-4">{s.authority.eyebrow}</p>
    <h2 class="display text-3xl sm:text-4xl font-bold mb-6">{s.authority.h2}</h2>
    <p class="text-white/70 leading-relaxed text-lg mb-8" set:html={s.authority.text} />
    <div class="grid sm:grid-cols-3 gap-4">
      {s.authority.cards.map((c) => (
        <div class="card p-5 text-center"><p class="display font-semibold">{c.name}</p><p class="text-sm text-white/55 mt-1">{c.role}</p></div>
      ))}
    </div>
  </div>
</section>

<!-- ============ FAQ ============ -->
<section class="py-20 border-t border-white/5" id="faq-local">
  <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="mb-12" data-reveal>
      <p class="eyebrow mb-4">{d.labels.faqEyebrow}</p>
      <h2 class="display text-3xl sm:text-4xl font-bold">{d.labels.faqH2}</h2>
    </div>
    <div class="space-y-3" data-reveal>
      {d.faq.map((f) => (
        <details class="faq-item px-6">
          <summary class="flex justify-between items-center gap-4 py-5 text-lg font-medium"><span>{f.q}</span><span class="faq-icon text-2xl leading-none">+</span></summary>
          <p class="text-white/60 leading-relaxed pb-5 -mt-1" set:html={f.a} />
        </details>
      ))}
    </div>
  </div>
</section>

<!-- ============ MAILLAGE ============ -->
<section class="py-16 border-t border-white/5">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" data-reveal>
    <h2 class="display text-2xl font-bold mb-2">{d.labels.meshTitle}</h2>
    <p class="text-white/60 mb-8">{d.labels.meshFr}</p>
    <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 mb-10">
      {s.mesh.fr.map((l) => <a class="mesh-link" href={l.href} aria-current={l.href === d.slug ? 'page' : undefined}>{l.label}</a>)}
    </div>
    <p class="text-white/60 mb-8">{d.labels.meshEn}</p>
    <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3">
      {s.mesh.en.map((l) => <a class="mesh-link" href={l.href} aria-current={l.href === d.slug ? 'page' : undefined}>{l.label}</a>)}
    </div>
  </div>
</section>

<!-- ============ CTA ============ -->
<section class="py-20 border-t border-white/5" id="contact">
  <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="card p-8 sm:p-12 text-center" data-reveal>
      <p class="eyebrow mb-4">{d.labels.ctaEyebrow}</p>
      <h2 class="display text-3xl sm:text-4xl font-bold mb-4">{d.labels.ctaH2}</h2>
      <p class="text-white/65 leading-relaxed mb-8 max-w-xl mx-auto">{d.labels.ctaText}</p>
      <a class="btn btn-primary text-lg" href={BOOK_URL} rel="noopener" target="_blank">{d.labels.ctaButton} <Fragment set:html={arrow} /></a>
    </div>
  </div>
</section>

</Base>