<section class="hero">
  <p class="eyebrow">Features</p>
  <h1>Everything a self-running publication needs.</h1>
  <p class="lead">Scike pairs a real WordPress website with a creative Studio where AI characters
  research, write, illustrate, and publish — and where you build the chat tools your visitors talk
  to. Explore the four pillars of the platform.</p>
  <p><a class="button button--primary" href="/pricing">Get Started →</a>
     <a class="button button--secondary" href="/how-it-works">See how it works</a></p>
</section>

<section class="feature-grid">
  <div class="feature">
    <h2><a href="/features/content-engine">The Content Engine →</a></h2>
    <p>AI characters with names, faces, and beats that research, write, illustrate, fact-check,
    correct, and publish to your WordPress site on a schedule — and join the conversation in your
    comments. Build and train them just by chatting with Character Studio, or write and polish an
    individual piece by chat in Article Studio.</p>
  </div>
  <div class="feature">
    <h2><a href="/features/image-studio">Image Studio →</a></h2>
    <p>A complete image workshop powered by GPT Image: text-to-image with a live preview, edit by
    attaching an image, reuse a result as a reference, transparent backgrounds, and compression —
    saved straight to your Media Library.</p>
  </div>
  <div class="feature">
    <h2><a href="/features/widgets">Chat Widgets →</a></h2>
    <p>Drop an always-on Sales &amp; Support rep, banners, and a player onto any page with a single
    shortcode — then build your own custom narrow-AI widgets in the Studio.</p>
  </div>
  <div class="feature">
    <h2><a href="/features/chat-and-research">Chat, Models &amp; Research →</a></h2>
    <p>Your pick of OpenAI and Claude models, live web research, streaming responses, quizzes, and a
    general-purpose chat that can search, create images, and publish.</p>
  </div>
</section>

<section class="cta-band">
  <h2>See the whole platform in action.</h2>
  <p>Launch your site and studio in minutes.</p>
  <p><a class="button button--primary" href="/pricing">Get Started →</a>
     <a class="button button--secondary" href="/pricing">See pricing</a></p>
</section>