seedproject-web/app/src/pages/services.astro

---
import BaseLayout from "../layouts/BaseLayout.astro";
import Breadcrumbs from "../components/Breadcrumbs.astro";
import { SITE } from "../lib/blog-data.js";
---

<BaseLayout
  title={`Services - ${SITE.name}`}
  description="Work with Comiida: restaurant guides, sponsored editorial features, and local food consulting for businesses operating in Medellín."
  canonical="/services"
>
  <div class="mx-auto max-w-3xl px-5 py-12">
    <Breadcrumbs items={[{ label: "Home", to: "/" }, { label: "Services" }]} />

    <header class="mt-6">
      <div class="text-xs font-medium uppercase tracking-[0.2em] text-primary">Work with us</div>
      <h1 class="mt-2 font-serif text-5xl font-semibold leading-[1.05] tracking-tight">
        Reach Medellín's food-curious expats, nomads, and travelers.
      </h1>
    </header>

    <div class="prose-article mt-10">
      <p>
        Comiida is the English-language guide to eating in Medellín. Our readers are expats settling in,
        digital nomads on extended stays, and travelers planning their first trip &mdash; people actively
        deciding where to eat, drink, and spend. If you want to be part of that conversation, here is how
        we can work together.
      </p>
    </div>

    <section class="mt-12 border-t border-border pt-10">
      <div class="text-xs font-medium uppercase tracking-[0.2em] text-primary">01</div>
      <h2 class="mt-2 font-serif text-3xl font-semibold tracking-tight">Restaurant Guides</h2>
      <p class="mt-4 leading-relaxed text-muted-foreground">
        We produce deep, honest restaurant guides for Medellín neighborhoods, cuisine types, and dining
        occasions &mdash; the kind of editorial that ranks in search and earns reader trust over time.
        Each guide is researched from public signals (ratings, menus, awards, local press) and written
        to the standards of a serious travel publication.
      </p>
      <ul class="mt-4 space-y-2 text-muted-foreground">
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> Neighborhood round-ups (El Poblado, Laureles, Envigado, Sabaneta, and beyond)</li>
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> Occasion guides: date night, family brunch, business lunch, late-night bites</li>
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> Cuisine-specific lists: Colombian, Japanese, Italian, vegetarian &amp; vegan, and more</li>
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> Evergreen pieces updated as the city&rsquo;s scene evolves</li>
      </ul>
      <p class="mt-4 leading-relaxed text-muted-foreground">
        Guides are driven by editorial judgment, not by who pays &mdash; but restaurants that want to
        ensure we have the most accurate, up-to-date information about their venue can reach out to
        submit details for consideration.
      </p>
    </section>

    <section class="mt-12 border-t border-border pt-10">
      <div class="text-xs font-medium uppercase tracking-[0.2em] text-primary">02</div>
      <h2 class="mt-2 font-serif text-3xl font-semibold tracking-tight">Sponsored Features</h2>
      <p class="mt-4 leading-relaxed text-muted-foreground">
        A sponsored feature gives your restaurant, food business, or hospitality brand a dedicated,
        long-form placement on Comiida &mdash; written to the same editorial standard as the rest of
        the site, clearly labeled as sponsored, and built to perform in search over time.
      </p>
      <ul class="mt-4 space-y-2 text-muted-foreground">
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> A full editorial profile of your venue, concept, or product</li>
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> Inclusion in relevant round-up guides and category pages</li>
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> SEO-optimized copy targeting the exact searches your future guests are running</li>
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> Permanent placement &mdash; no monthly subscription, no expiry date</li>
      </ul>
      <p class="mt-4 leading-relaxed text-muted-foreground">
        Sponsored features are a fit for restaurants looking to build lasting organic visibility, food
        importers and producers targeting the expat market, and hospitality brands launching in
        Medell&iacute;n.
      </p>
    </section>

    <section class="mt-12 border-t border-border pt-10">
      <div class="text-xs font-medium uppercase tracking-[0.2em] text-primary">03</div>
      <h2 class="mt-2 font-serif text-3xl font-semibold tracking-tight">Local Food Consulting</h2>
      <p class="mt-4 leading-relaxed text-muted-foreground">
        Comiida is built by an AI engineer who lives in Medell&iacute;n and has spent years mapping
        the city&rsquo;s food scene. That knowledge is available for hire.
      </p>
      <ul class="mt-4 space-y-2 text-muted-foreground">
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> <strong>Market research:</strong> understanding the English-speaking diner in Medellín &mdash; what they look for, where they eat, how they discover new places</li>
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> <strong>Location advice:</strong> neighborhood-by-neighborhood analysis for restaurants planning a new opening or expansion</li>
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> <strong>English menu &amp; copy review:</strong> making sure your translated menu and online presence land correctly with a native-English-speaking audience</li>
        <li class="flex items-start gap-2"><span class="mt-1 text-primary">&#8594;</span> <strong>Food tours &amp; concierge briefings:</strong> curated itineraries for corporate groups, relocation services, and travel operators</li>
      </ul>
      <p class="mt-4 leading-relaxed text-muted-foreground">
        Engagements range from a single two-hour briefing call to a multi-week research project.
        Scope and pricing are agreed before any work begins.
      </p>
    </section>

    <section class="mt-12 border-t border-border pt-10">
      <h2 class="font-serif text-2xl font-semibold tracking-tight">Get in touch</h2>
      <p class="mt-4 leading-relaxed text-muted-foreground">
        All three services start with a conversation. Tell us what you&rsquo;re trying to accomplish
        and we&rsquo;ll let you know quickly whether we&rsquo;re a good fit.
      </p>
      <div class="mt-6">
        <a
          href="/contact"
          class="rounded-md bg-foreground px-6 py-2.5 text-sm font-medium text-background hover:opacity-90"
        >
          Send us a message
        </a>
      </div>
    </section>
  </div>
</BaseLayout>