import { Product, Offer, AggregateRating } from '@seomesh/react';

<Product name="Hosting Plan" description="NVMe SSD, LiteSpeed.">
  <Offer prop="offers" price={9.9} priceCurrency="USD" availability="https://schema.org/InStock" />
  <AggregateRating prop="aggregateRating" ratingValue={4.8} reviewCount={312} />
</Product>

import { OpenGraph } from '@seomesh/react';

<OpenGraph
  title="Page Title"
  description="Meta description"
  image="https://mysite.com/og.png"
  imageAlt="OG image"
  type="website"
  twitterCard="summary_large_image"
/>

import { Canonical } from '@seomesh/react';

<Canonical href="https://mysite.com/page" />

import { HreflangAlternate } from '@seomesh/react';

<HreflangAlternate
  includeXDefault
  locales={[
    { lang: 'en', href: 'https://mysite.com/en' },
    { lang: 'tr', href: 'https://mysite.com/tr' },
  ]}
/>

import { AiBotPolicy } from '@seomesh/react';

// Block AI training crawlers
<AiBotPolicy deny={['GPTBot', 'CCBot', 'Google-Extended']} noAiImages />

import { Article, Speakable } from '@seomesh/react';

<Article headline="Title" datePublished="2026-05-15">
  <Speakable prop="speakable" cssSelector={['.intro', 'h1']} />
</Article>

import { SchemaGraph, WebSite, Organization } from '@seomesh/react';

<SchemaGraph>
  <WebSite name="My Site" url="https://mysite.com" />
  <Organization name="My Org" url="https://mysite.com" />
</SchemaGraph>