Ebook reader comparison pages with SleekRank
Maintain one readers.csv with screen size, storage, format support, frontlight color temperature and stylus support. SleekRank renders /ebook-reader/{slug}/ for every row, so 30 active Kindle, Kobo, Boox and PocketBook models each get their own comparison page.
€50 off for the first 100 lifetime licenses!
Ebook reader comparison pages built from a spec sheet, not 30 blog drafts
Ebook reader lineups quietly evolve year-round. Amazon refreshes Kindle Paperwhite and Scribe on its own cadence, Kobo rotates Libra Colour, Clara Colour and Sage editions, Boox ships a new Page or Note Air every few months, and PocketBook adds an Era or InkPad. Storage doubles, formats expand from EPUB to KEPUB and CBZ, frontlights gain color temperature control.
SleekRank reads from readers.csv and renders one comparison page per row. Columns like screen_inches, storage_gb, has_warm_light, supports_epub, has_stylus and msrp_usd populate the comparison table on every page automatically. A 30-row sheet becomes 30 indexable pages at /ebook-reader/{slug}/.
Editors keep working in Google Sheets. The site keeps emitting fresh comparison URLs as the lineup grows. Every Kindle, every Kobo, every Boox gets the same comparison table, the same FAQ schema, and the same cluster of internal links to related readers.
Workflow
From readers.csv to indexed cluster
1
Build the readers CSV
Open a sheet and add one row per ebook reader with columns for screen_inches, storage_gb, has_warm_light, supports_epub, has_stylus, msrp_usd. Export to CSV or publish the Sheet so SleekRank polls it.
2
Create the page group
Configure SleekRank: urlPattern is /ebook-reader/{slug}/, dataSources points at the CSV, basePageId points at a base page holding the comparison template HTML, and cacheDuration of 86400 seconds is the safe default.
3
Map CSV columns to template targets
Define mappings so the seoTitle column drives the tag, metaDescription drives the meta tag, screen_inches drives the screen row, supports_epub drives the EPUB yes/no badge. Mappings live in versioned JSON config.
</div>
</div>
<div class="fabrikat-card flex h-full flex-col gap-3 p-6">
<div class="bg-g-100 text-g-950 flex h-9 w-9 items-center justify-center rounded-full text-sm font-bold">
4
</div>
<h3
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950">
<span>Flush rewrites and let crawlers in</span>
</h3>
<div class="text-g-700 text-sm leading-relaxed lg:text-base">
Run wp rewrite flush once. SleekRank emits every URL into the sitemap. Add new readers by adding CSV rows, the cluster grows itself, and editorial never has to open the WordPress editor again.
</div>
</div>
</div>
</div>
</div>
</section>
<section id="data-preview" class="overflow-hidden relative bg-cover ">
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28 -mt-12 sm:-mt-24 md:-mt-28">
<div class="relative inline-grid w-full auto-rows-max gap-8 md:gap-12 lg:gap-16">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<div >
<div class="flex overflow-hidden pl-2 pr-2.5 gap-2 relative items-center z-10 rounded-full p-0.5 w-max bg-g-50 border border-g-200">
<div class="w-full h-full text-g-100 origin-top absolute inset-0 border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 4px 4px; ">
</div>
<div class="relative z-10 text-[--color-primary] [&_svg]:fill-[--color-primary] overflow-hidden">
<div class="relative z-10">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><circle cx="128" cy="96" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><circle cx="256" cy="416" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 256v112"/><circle cx="384" cy="96" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path d="M128 144c0 74.67 68.92 112 128 112M384 144c0 74.67-68.92 112-128 112" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>
</div>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-xs font-medium">
<span>Data in, pages out</span>
</p>
</div>
</div>
<h2
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-3xl sm:text-4xl md:text-5xl xl:text-6xl ">
<span>Sample readers.csv preview</span>
</h2>
<div class="text-g-700 max-w-3xl text-base leading-relaxed lg:text-lg">
One row per ebook reader model. Columns capture screen size, storage capacity, EPUB support, warm light option and US retail price for the comparison table.
</div>
</div>
<div class="grid grid-cols-1 gap-8 lg:grid-flow-col-dense lg:grid-cols-2 lg:gap-16 xl:gap-20">
<div class="relative w-full">
<div class="flex h-full flex-col gap-3">
<div class="text-g-500 text-xs font-semibold uppercase tracking-wide">
<span class="text-g-700">Data source:</span> Ebook reader specs CSV
</div>
<div class="fabrikat-card overflow-hidden p-0">
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead class="bg-g-50 border-g-200 text-g-900 border-b font-semibold">
<tr>
<th class="border-g-200 px-3 py-2.5 text-left ">slug</th>
<th class="border-g-200 px-3 py-2.5 text-left border-l">screen_inches</th>
<th class="border-g-200 px-3 py-2.5 text-left border-l">storage_gb</th>
<th class="border-g-200 px-3 py-2.5 text-left border-l">supports_epub</th>
<th class="border-g-200 px-3 py-2.5 text-left border-l">msrp_usd</th>
</tr>
</thead>
<tbody>
<tr class="border-g-200 border-b last:border-b-0 ">
<td class="border-g-200 text-g-800 px-3 py-2.5 ">kindle-paperwhite-12</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">7.0</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">16</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">false</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">159</td>
</tr>
<tr class="border-g-200 border-b last:border-b-0 bg-g-50/40">
<td class="border-g-200 text-g-800 px-3 py-2.5 ">kobo-libra-colour</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">7.0</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">32</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">true</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">219</td>
</tr>
<tr class="border-g-200 border-b last:border-b-0 ">
<td class="border-g-200 text-g-800 px-3 py-2.5 ">boox-page</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">7.0</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">32</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">true</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">249</td>
</tr>
<tr class="border-g-200 border-b last:border-b-0 bg-g-50/40">
<td class="border-g-200 text-g-800 px-3 py-2.5 ">pocketbook-era</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">7.0</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">64</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">true</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">229</td>
</tr>
<tr class="border-g-200 border-b last:border-b-0 ">
<td class="border-g-200 text-g-800 px-3 py-2.5 ">kindle-scribe-2</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">10.2</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">64</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">false</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">399</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="relative w-full">
<div class="flex h-full flex-col gap-3">
<div class="text-g-500 text-xs font-semibold uppercase tracking-wide">
<span class="text-g-700">URL pattern:</span>
<code class="bg-g-100 text-g-800 ml-1 rounded px-1.5 py-0.5 font-mono text-xs normal-case tracking-normal">/ebook-reader/{slug}/</code>
</div>
<div class="fabrikat-card flex flex-1 flex-col gap-2 p-4 lg:p-6">
<div class="text-g-700 text-xs font-semibold uppercase tracking-wide">
Generated pages
</div>
<ul class="divide-g-200 divide-y">
<li class="text-g-800 flex items-center gap-2 py-2.5 font-mono text-sm">
<span class="text-g-400"></span>
<span class="truncate">/ebook-reader/kindle-paperwhite-12/</span>
</li>
<li class="text-g-800 flex items-center gap-2 py-2.5 font-mono text-sm">
<span class="text-g-400"></span>
<span class="truncate">/ebook-reader/kobo-libra-colour/</span>
</li>
<li class="text-g-800 flex items-center gap-2 py-2.5 font-mono text-sm">
<span class="text-g-400"></span>
<span class="truncate">/ebook-reader/boox-page/</span>
</li>
<li class="text-g-800 flex items-center gap-2 py-2.5 font-mono text-sm">
<span class="text-g-400"></span>
<span class="truncate">/ebook-reader/pocketbook-era/</span>
</li>
<li class="text-g-800 flex items-center gap-2 py-2.5 font-mono text-sm">
<span class="text-g-400"></span>
<span class="truncate">/ebook-reader/kindle-scribe-2/</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="comparison" class="overflow-hidden relative bg-cover ">
<div class="top-0 bg-gradient-to-b from-white absolute w-full h-3/4 z-[1]">
</div>
<div class="absolute top-0 h-[calc(25%-1px)] w-100% text-g-400 rotate-180 w-screen border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 20px 20px; ">
</div>
<div class="absolute h-1/4 bottom-3/4 bg-gradient-to-t w-full from-g-50"></div>
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28">
<div class="relative inline-grid w-full auto-rows-max gap-8 md:gap-12 lg:gap-16">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<div >
<div class="flex overflow-hidden pl-2 pr-2.5 gap-2 relative items-center z-10 rounded-full p-0.5 w-max bg-g-50 border border-g-200">
<div class="w-full h-full text-g-100 origin-top absolute inset-0 border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 4px 4px; ">
</div>
<div class="relative z-10 text-[--color-primary] [&_svg]:fill-[--color-primary] overflow-hidden">
<div class="relative z-10">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M352 144h112v112"/><path d="M48 368l121.37-121.37a32 32 0 0145.26 0l50.74 50.74a32 32 0 0045.26 0L448 160" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>
</div>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-xs font-medium">
<span>Comparison</span>
</p>
</div>
</div>
<h2
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-3xl sm:text-4xl md:text-5xl xl:text-6xl ">
<span>Hand-built reader posts vs SleekRank for readers</span>
</h2>
</div>
<div class="grid grid-cols-1 gap-8 lg:grid-flow-col-dense lg:grid-cols-2 lg:gap-16 xl:gap-20">
<div class="relative w-full">
<div class="fabrikat-card p-4 lg:p-8">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<p
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-2xl sm:text-3xl">
<span class="[&_svg]:w-6 fill-current mr-2 relative text-red-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z"/></svg>
</span>
<span>Manual WordPress posts</span>
</p>
<ul class="space-y-1 lg:space-y-1.5 [&_a]:font-semibold [&_a]:text-black [&_a]:underline [&_a]:hover:underline">
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-red-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"/></svg>
</span>
<span>Thirty separate posts each duplicate the same comparison table layout per reader.</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-red-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"/></svg>
</span>
<span>Kindle Paperwhite generation bumps force a manual update on every comparing post.</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-red-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"/></svg>
</span>
<span>Boox firmware that adds a feature lands in zero or 30 posts, never partial.</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-red-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"/></svg>
</span>
<span>FAQ schema is hand-pasted and quickly drifts out of sync with current models.</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-red-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"/></svg>
</span>
<span>Internal links between readers break as Kobo or Kindle models are discontinued.</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-red-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"/></svg>
</span>
<span>Each new Kobo or PocketBook release means writing a brand new post from scratch.</span>
</li>
</ul>
</div>
</div>
</div>
<div class="relative w-full">
<div class="fabrikat-card p-4 lg:p-8">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<p
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-2xl sm:text-3xl">
<span class="[&_svg]:w-6 fill-current mr-2 relative text-green-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z"/></svg>
</span>
<span>SleekRank</span>
</p>
<ul class="space-y-1 lg:space-y-1.5 [&_a]:font-semibold [&_a]:text-black [&_a]:underline [&_a]:hover:underline">
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-green-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>One <code>readers.csv</code> drives every reader page with no duplicated bodies.</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-green-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>Editing <code>storage_gb</code> for Kobo Libra Colour updates only that row's page.</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-green-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span><code>cacheDuration</code> of 86400 seconds handles daily firmware diffs well.</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-green-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>URL pattern <code>/ebook-reader/{slug}/</code> stays canonical across firmware bumps.</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-green-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>Per-row FAQPage schema renders from the <code>faqs</code> column without copy paste.</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-green-600">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>Adding the next Kindle Scribe is a single CSV row, no WordPress editor work.</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="features" class="overflow-hidden relative bg-cover ">
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28 -mt-12 sm:-mt-24 md:-mt-28">
<div class="relative inline-grid w-full auto-rows-max gap-8 md:gap-12 lg:gap-16">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<div >
<div class="flex overflow-hidden pl-2 pr-2.5 gap-2 relative items-center z-10 rounded-full p-0.5 w-max bg-g-50 border border-g-200">
<div class="w-full h-full text-g-100 origin-top absolute inset-0 border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 4px 4px; ">
</div>
<div class="relative z-10 text-[--color-primary] [&_svg]:fill-[--color-primary] overflow-hidden">
<div class="relative z-10">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M434.8 137.65l-149.36-68.1c-16.19-7.4-42.69-7.4-58.88 0L77.3 137.65c-17.6 8-17.6 21.09 0 29.09l148 67.5c16.89 7.7 44.69 7.7 61.58 0l148-67.5c17.52-8 17.52-21.1-.08-29.09zM160 308.52l-82.7 37.11c-17.6 8-17.6 21.1 0 29.1l148 67.5c16.89 7.69 44.69 7.69 61.58 0l148-67.5c17.6-8 17.6-21.1 0-29.1l-79.94-38.47" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path d="M160 204.48l-82.8 37.16c-17.6 8-17.6 21.1 0 29.1l148 67.49c16.89 7.7 44.69 7.7 61.58 0l148-67.49c17.7-8 17.7-21.1.1-29.1L352 204.48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>
</div>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-xs font-medium">
<span>Features</span>
</p>
</div>
</div>
<h2
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-3xl sm:text-4xl md:text-5xl xl:text-6xl ">
<span>What SleekRank gives you for Ebook reader comparisons</span>
</h2>
</div>
<div class="grid grid-cols-1 gap-4 lg:grid-cols-3">
<div class="fabrikat-card p-6 sm:p-8">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M256 160c16-63.16 76.43-95.41 208-96a15.94 15.94 0 0116 16v288a16 16 0 01-16 16c-128 0-177.45 25.81-208 64-30.37-38-80-64-208-64-9.88 0-16-8.05-16-17.93V80a15.94 15.94 0 0116-16c131.57.59 192 32.84 208 96zM256 160v288" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>Format-aware comparisons</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>Every page renders the same format support row: EPUB, KEPUB, PDF, CBZ, CBR. Buyers comparing a Kindle and a Boox always see the same comparison axes, in the same order, with the same yes/no badges drawn from the CSV.</span>
</p>
</div>
<div class="fabrikat-card p-6 sm:p-8">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><rect x="64" y="320" width="48" height="160" rx="8" ry="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><rect x="288" y="224" width="48" height="256" rx="8" ry="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><rect x="400" y="112" width="48" height="368" rx="8" ry="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><rect x="176" y="32" width="48" height="448" rx="8" ry="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>Single source of truth</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>The CSV is the only place ebook reader specs live. WordPress reads from it, never duplicates it. When Amazon adjusts Kindle Paperwhite storage tiers, edit that cell, and every Paperwhite comparison page reflects the new spec on the next cache pass.</span>
</p>
</div>
<div class="fabrikat-card p-6 sm:p-8">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M434.67 285.59v-29.8c0-98.73-80.24-178.79-179.2-178.79a179 179 0 00-140.14 67.36m-38.53 82v29.8C76.8 355 157 435 256 435a180.45 180.45 0 00140-66.92" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M32 256l44-44 46 44M480 256l-44 44-46-44"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>Cache cadence per group</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>Pick the cache interval per page group. Ebook readers change slowly, so 24 hours is plenty. After a major Amazon or Kobo launch, clear the item cache and the cluster refreshes instantly without touching individual pages.</span>
</p>
</div>
</div>
</div>
</div>
</section>
<section id="use-cases" class="overflow-hidden relative bg-cover ">
<div class="top-0 bg-gradient-to-b from-white absolute w-full h-3/4 z-[1]">
</div>
<div class="absolute top-0 h-[calc(25%-1px)] w-100% text-g-400 rotate-180 w-screen border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 20px 20px; ">
</div>
<div class="absolute h-1/4 bottom-3/4 bg-gradient-to-t w-full from-g-50"></div>
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28">
<div class="relative inline-grid w-full auto-rows-max gap-8 md:gap-12 lg:gap-16">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<div >
<div class="flex overflow-hidden pl-2 pr-2.5 gap-2 relative items-center z-10 rounded-full p-0.5 w-max bg-g-50 border border-g-200">
<div class="w-full h-full text-g-100 origin-top absolute inset-0 border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 4px 4px; ">
</div>
<div class="relative z-10 text-[--color-primary] [&_svg]:fill-[--color-primary] overflow-hidden">
<div class="relative z-10">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path d="M336 304c-65.17 0-127.84 32.37-143.54 95.41-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path d="M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path d="M206 306c-18.05-8.27-37.93-11.45-59-11.45-52 0-102.1 25.85-114.65 76.2-1.65 6.66 2.53 13.25 9.37 13.25H154" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32"/></svg>
</div>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-xs font-medium">
<span>Use cases</span>
</p>
</div>
</div>
<h2
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-3xl sm:text-4xl md:text-5xl xl:text-6xl ">
<span>Where a SleekRank ebook reader cluster earns its keep</span>
</h2>
</div>
<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
<div class="fabrikat-card p-6 sm:p-8">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><circle cx="176" cy="416" r="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><circle cx="400" cy="416" r="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M48 80h64l48 272h256"/><path d="M160 288h249.44a8 8 0 007.85-6.43l28.8-144a8 8 0 00-7.85-9.57H128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>Affiliate review sites</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>Affiliate sites rank for [kindle paperwhite vs kobo libra colour] and 100 other long-tail reader comparisons by giving each model its own URL with full comparison content, instead of one giant ranked list.</span>
</p>
</div>
<div class="fabrikat-card p-6 sm:p-8">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><rect x="32" y="96" width="64" height="368" rx="16" ry="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M112 224h128M112 400h128"/><rect x="112" y="160" width="128" height="304" rx="16" ry="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><rect x="256" y="48" width="96" height="416" rx="16" ry="16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path d="M422.46 96.11l-40.4 4.25c-11.12 1.17-19.18 11.57-17.93 23.1l34.92 321.59c1.26 11.53 11.37 20 22.49 18.84l40.4-4.25c11.12-1.17 19.18-11.57 17.93-23.1L445 115c-1.31-11.58-11.42-20.06-22.54-18.89z" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>Book review blogs and lists</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>Book blogs that recommend readers alongside reading lists publish a /ebook-reader/ cluster, then point reviews at the right reader page. Existing pages accumulate backlinks while specs stay current via the CSV.</span>
</p>
</div>
<div class="fabrikat-card p-6 sm:p-8">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M32 192L256 64l224 128-224 128L32 192z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M112 240v128l144 80 144-80V240M480 368V192M256 320v128"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>Education sites and libraries</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>Education sites comparing readers for student use cite each model's dyslexia font and OpenDyslexic support. The cluster lets librarians link the right page per reader without maintaining 30 separate posts.</span>
</p>
</div>
</div>
</div>
</div>
</section>
<section id="why-matters" class="overflow-hidden relative bg-cover ">
<div class="top-0 bg-gradient-to-b from-white absolute w-full h-3/4 z-[1]">
</div>
<div class="absolute top-0 h-[calc(25%-1px)] w-100% text-g-400 rotate-180 w-screen border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 20px 20px; ">
</div>
<div class="absolute h-1/4 bottom-3/4 bg-gradient-to-t w-full from-g-50"></div>
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28">
<div class="relative inline-grid w-full auto-rows-max gap-8 md:gap-12 lg:gap-16">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<div >
<div class="flex overflow-hidden pl-2 pr-2.5 gap-2 relative items-center z-10 rounded-full p-0.5 w-max bg-g-50 border border-g-200">
<div class="w-full h-full text-g-100 origin-top absolute inset-0 border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 4px 4px; ">
</div>
<div class="relative z-10 text-[--color-primary] [&_svg]:fill-[--color-primary] overflow-hidden">
<div class="relative z-10">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M259.92 262.91L216.4 149.77a9 9 0 00-16.8 0l-43.52 113.14a9 9 0 01-5.17 5.17L37.77 311.6a9 9 0 000 16.8l113.14 43.52a9 9 0 015.17 5.17l43.52 113.14a9 9 0 0016.8 0l43.52-113.14a9 9 0 015.17-5.17l113.14-43.52a9 9 0 000-16.8l-113.14-43.52a9 9 0 01-5.17-5.17zM108 68L88 16 68 68 16 88l52 20 20 52 20-52 52-20-52-20zM426.67 117.33L400 48l-26.67 69.33L304 144l69.33 26.67L400 240l26.67-69.33L496 144l-69.33-26.67z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>
</div>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-xs font-medium">
<span>The bigger picture</span>
</p>
</div>
</div>
<h2
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-3xl sm:text-4xl md:text-5xl xl:text-6xl ">
<span>Why ebook reader buyers reward sites with one page per reader</span>
</h2>
<div class="text-g-700 max-w-3xl space-y-4 text-base leading-relaxed lg:text-lg">
<p>Ebook reader buyers search by model name and capability. They type [kindle paperwhite 12 vs kobo libra colour], [boox page stylus], [pocketbook era waterproof]. Each query maps to one reader at a time.</p>
<p>Google rewards pages whose URL, title and body match the query precisely. A single mega-post listing 30 readers cannot rank for 30 different comparison queries simultaneously because its URL and title can only signal one. Cluster architecture solves the problem by giving each reader its own URL, its own title, its own meta description and its own body of content comparing it against the rest of the lineup.</p>
<p>SleekRank lets you maintain that architecture without paying the cost of 30 separate WordPress posts. The readers.csv is the only file you edit when Amazon refreshes a Kindle generation, when Kobo updates Libra Colour firmware, or when Boox quietly raises Page storage. Every page in the cluster reflects the edit on the next cache pass.</p>
<p>The site grows with the category instead of fossilizing in a six-month-old buyer's guide.</p>
</div>
</div>
</div>
</div>
</section>
<section id="faq" class="overflow-hidden relative bg-cover ">
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28 -mt-12 sm:-mt-24 md:-mt-28">
<div class="relative inline-grid w-full auto-rows-max gap-8 md:gap-12 lg:gap-16">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<div >
<div class="flex overflow-hidden pl-2 pr-2.5 gap-2 relative items-center z-10 rounded-full p-0.5 w-max bg-g-50 border border-g-200">
<div class="w-full h-full text-g-100 origin-top absolute inset-0 border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 4px 4px; ">
</div>
<div class="relative z-10 text-[--color-primary] [&_svg]:fill-[--color-primary] overflow-hidden">
<div class="relative z-10">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M256 80a176 176 0 10176 176A176 176 0 00256 80z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path d="M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45 10 4.76 29.47 16.38 29.47 41.09 0 26-17 37.81-36.37 50.8S251 281.43 251 296" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="28"/><circle cx="250" cy="348" r="20"/></svg>
</div>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-xs font-medium">
<span>Questions</span>
</p>
</div>
</div>
<h2
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-3xl sm:text-4xl md:text-5xl xl:text-6xl ">
<span>Common questions about SleekRank for Ebook reader comparisons</span>
</h2>
</div>
<!-- prettier-ignore-start -->
<!-- prettier-ignore-end -->
<div x-data="accordions"
class="divide-y border-t sm:w-full">
<div>
<button data-index="1"
x-bind="button"
role="button"
class="flex w-full items-center justify-between !rounded-none py-4 text-left transition-colors duration-100 ease-in sm:py-5">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold">
<span>How many ebook reader comparison pages can SleekRank produce from one CSV?</span>
</p>
<span x-bind="chevron" class="block"> <div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 184l144 144 144-144"/></svg>
</div>
</span>
</button>
<div data-index="1" x-bind="text" x-collapse>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base">
<span>One per row. The active lineup is around 30 readers across Amazon Kindle, Kobo, Boox, PocketBook and a few smaller brands like Onyx and ReMarkable. SleekRank handles thousands of rows per group, so adding older generations or international models is a CSV operation.</span>
</p>
</div>
</div>
<div>
<button data-index="2"
x-bind="button"
role="button"
class="flex w-full items-center justify-between !rounded-none py-4 text-left transition-colors duration-100 ease-in sm:py-5">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold">
<span>Does each ebook reader page get its own indexable URL and metadata?</span>
</p>
<span x-bind="chevron" class="block"> <div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 184l144 144 144-144"/></svg>
</div>
</span>
</button>
<div data-index="2" x-bind="text" x-collapse>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base">
<span>Yes. The URL pattern <code>/ebook-reader/{slug}/</code> produces one canonical URL per row, and the page group config maps CSV columns to the title, meta description and OG image fields per row. No duplicate metadata, no canonical confusion.</span>
</p>
</div>
</div>
<div>
<button data-index="3"
x-bind="button"
role="button"
class="flex w-full items-center justify-between !rounded-none py-4 text-left transition-colors duration-100 ease-in sm:py-5">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold">
<span>Can each reader's page compare against multiple competing readers?</span>
</p>
<span x-bind="chevron" class="block"> <div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 184l144 144 144-144"/></svg>
</div>
</span>
</button>
<div data-index="3" x-bind="text" x-collapse>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base">
<span>Yes. The template can include a related-readers table that pulls the same CSV filtered by category. A Kobo Libra Colour page can compare against every color e-ink reader. A Kindle Scribe page can compare against every stylus-equipped reader.</span>
</p>
</div>
</div>
<div>
<button data-index="4"
x-bind="button"
role="button"
class="flex w-full items-center justify-between !rounded-none py-4 text-left transition-colors duration-100 ease-in sm:py-5">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold">
<span>What happens when Amazon ships the next Kindle Scribe generation?</span>
</p>
<span x-bind="chevron" class="block"> <div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 184l144 144 144-144"/></svg>
</div>
</span>
</button>
<div data-index="4" x-bind="text" x-collapse>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base">
<span>Add a new row to readers.csv with the new slug, model name, storage tiers, screen specs and price. On the next sync the new URL appears in the sitemap. Run wp rewrite flush once to make the new URL live immediately.</span>
</p>
</div>
</div>
<div>
<button data-index="5"
x-bind="button"
role="button"
class="flex w-full items-center justify-between !rounded-none py-4 text-left transition-colors duration-100 ease-in sm:py-5">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold">
<span>Can I add columns like OPDS support or audio book support without rebuilding everything?</span>
</p>
<span x-bind="chevron" class="block"> <div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 184l144 144 144-144"/></svg>
</div>
</span>
</button>
<div data-index="5" x-bind="text" x-collapse>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base">
<span>Yes. Add the column to the CSV, add a mapping entry in the page group JSON, and the template renders the new field where it references the column. Existing pages with no value in the new column fall back to the template default for that cell.</span>
</p>
</div>
</div>
<div>
<button data-index="6"
x-bind="button"
role="button"
class="flex w-full items-center justify-between !rounded-none py-4 text-left transition-colors duration-100 ease-in sm:py-5">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold">
<span>How does SleekRank handle discontinued ebook readers like older Kindle Oasis models?</span>
</p>
<span x-bind="chevron" class="block"> <div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 184l144 144 144-144"/></svg>
</div>
</span>
</button>
<div data-index="6" x-bind="text" x-collapse>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base">
<span>Mark the row with a status column and filter discontinued readers out of the live group, or keep them indexed with a discontinuation notice rendered from the template conditional. Either pattern works without deleting historical content.</span>
</p>
</div>
</div>
<div>
<button data-index="7"
x-bind="button"
role="button"
class="flex w-full items-center justify-between !rounded-none py-4 text-left transition-colors duration-100 ease-in sm:py-5">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold">
<span>Does each ebook reader page include FAQPage structured data?</span>
</p>
<span x-bind="chevron" class="block"> <div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 184l144 144 144-144"/></svg>
</div>
</span>
</button>
<div data-index="7" x-bind="text" x-collapse>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base">
<span>Yes. The <code>faqs</code> column accepts an array of question/answer pairs per row. SleekRank wires that data into the same FAQPage JSON-LD schema your other pages use, so each reader page contributes its own FAQ block to Search Console.</span>
</p>
</div>
</div>
<div>
<button data-index="8"
x-bind="button"
role="button"
class="flex w-full items-center justify-between !rounded-none py-4 text-left transition-colors duration-100 ease-in sm:py-5">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold">
<span>Can an ebook reader cluster live alongside other product clusters in the same site?</span>
</p>
<span x-bind="chevron" class="block"> <div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 184l144 144 144-144"/></svg>
</div>
</span>
</button>
<div data-index="8" x-bind="text" x-collapse>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base">
<span>Yes. Each page group is independent. /ebook-reader/, /smartwatch/, /smart-ring/, /dashcam/ each get their own URL pattern, data source and cache. They share the plugin and template engine but never collide on URLs or item caches.</span>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="related" class="overflow-hidden relative bg-cover ">
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28 -mt-12 sm:-mt-24 md:-mt-28">
<div class="relative inline-grid w-full auto-rows-max gap-8 md:gap-12 lg:gap-16">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<div >
<div class="flex overflow-hidden pl-2 pr-2.5 gap-2 relative items-center z-10 rounded-full p-0.5 w-max bg-g-50 border border-g-200">
<div class="w-full h-full text-g-100 origin-top absolute inset-0 border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 4px 4px; ">
</div>
<div class="relative z-10 text-[--color-primary] [&_svg]:fill-[--color-primary] overflow-hidden">
<div class="relative z-10">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><rect x="64" y="64" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><rect x="216" y="64" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><rect x="368" y="64" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><rect x="64" y="216" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><rect x="216" y="216" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><rect x="368" y="216" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><rect x="64" y="368" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><rect x="216" y="368" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><rect x="368" y="368" width="80" height="80" rx="40" ry="40" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>
</div>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-xs font-medium">
<span>More like this</span>
</p>
</div>
</div>
<h2
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-3xl sm:text-4xl md:text-5xl xl:text-6xl ">
<span>Other things SleekRank builds well</span>
</h2>
</div>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
<a href="https://sleekwp.com/rank/for/self-storage-comparisons/" class="fabrikat-card p-6 sm:p-8 transition ease-in duration-100 hover:shadow-g-200">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M262.62 336L342 256l-79.38-80M330.97 256H170"/><path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>SleekRank for self storage comparisons</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>Keep facilities and brands as rows, and SleekRank generates /storage/{brand}/ and /storage/{city}/ pages from your existing WordPress tem...</span>
</p>
</a>
<a href="https://sleekwp.com/rank/for/queue-management-system-comparisons/" class="fabrikat-card p-6 sm:p-8 transition ease-in duration-100 hover:shadow-g-200">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M262.62 336L342 256l-79.38-80M330.97 256H170"/><path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>SleekRank for queue management system comparisons</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>Track queue management systems in a sheet with kiosk hardware, SMS notifications, kiosk pricing, and POS integrations. SleekRank renders ...</span>
</p>
</a>
<a href="https://sleekwp.com/rank/for/home-insurance-comparisons/" class="fabrikat-card p-6 sm:p-8 transition ease-in duration-100 hover:shadow-g-200">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M262.62 336L342 256l-79.38-80M330.97 256H170"/><path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>SleekRank for home insurance comparison pages</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>Home shoppers compare premium, deductible, dwelling limit, and covered perils before they pick a carrier. SleekRank reads one sheet of ~2...</span>
</p>
</a>
<a href="https://sleekwp.com/rank/for/ai-search-engine-comparisons/" class="fabrikat-card p-6 sm:p-8 transition ease-in duration-100 hover:shadow-g-200">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M262.62 336L342 256l-79.38-80M330.97 256H170"/><path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>SleekRank for AI search engine comparisons</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>Maintain AI search engines as rows with pricing, underlying models, citation depth, search scope, and verdicts. SleekRank renders /ai-sea...</span>
</p>
</a>
<a href="https://sleekwp.com/rank/for/http-client-comparisons/" class="fabrikat-card p-6 sm:p-8 transition ease-in duration-100 hover:shadow-g-200">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M262.62 336L342 256l-79.38-80M330.97 256H170"/><path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>SleekRank for HTTP client comparisons</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>Maintain an HTTP client matrix with language, async model, retry strategy, and best-for use cases. SleekRank renders /http-clients/{slug}...</span>
</p>
</a>
<a href="https://sleekwp.com/rank/for/laptop-comparisons/" class="fabrikat-card p-6 sm:p-8 transition ease-in duration-100 hover:shadow-g-200">
<div class="flex flex-col gap-3">
<div class="mr-3 flex shrink-0 h-10 w-10 items-center justify-center fabrikat-rounded fill-current text-xl bg-g-100 text-g-950">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M262.62 336L342 256l-79.38-80M330.97 256H170"/><path d="M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-semibold !text-g-950 text-base">
<span>SleekRank for laptop comparisons</span>
</p>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-2 lg:!text-base lg:mt-3">
<span>Maintain laptop CPUs, battery hours, weights, and ports in one spec sheet. SleekRank renders /laptops/{slug}/ for each row and a parallel...</span>
</p>
</a>
</div>
</div>
</div>
</section>
<section id="buy" class="overflow-hidden relative bg-cover ">
<div class="top-0 bg-gradient-to-b from-white absolute w-full h-3/4 z-[1]">
</div>
<div class="absolute top-0 h-[calc(25%-1px)] w-100% text-g-400 rotate-180 w-screen border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 20px 20px; ">
</div>
<div class="absolute h-1/4 bottom-3/4 bg-gradient-to-t w-full from-g-50"></div>
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28">
<div class="relative inline-grid w-full auto-rows-max gap-8 md:gap-12 lg:gap-16">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<div class="flex flex-wrap items-center gap-8 sm:gap-12">
<h1
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-3xl sm:text-4xl md:text-5xl xl:text-6xl ">
<span>Pricing</span>
</h1>
<div class="relative flex max-h-8 w-max items-center justify-center gap-2 text-black">
<svg class="h-10 sm:h-14"
viewBox="0 0 408 792"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<g>
<path d="M334.46 49.002C316.182 61.279 295.981 76.482 279.7 93.439C250.813 123.525 222.164 157.443 197.541 191.38C180.907 214.306 159.326 249.095 147.535 274.685C131.844 308.741 122.55 332.6 113.938 370.017C101.806 422.73 103.479 476.827 115.801 527.827C133.93 602.858 191.951 665.637 249.931 716.597C295.289 756.46 356.271 782.539 409.851 801.695L415.387 787.065C362.297 768.095 306.027 742.755 262.557 704.505C206.637 655.295 154.987 595.285 132.707 523.775C119.137 480.245 115.987 432.485 123.107 386.235C129.345 345.719 145.025 305.114 160.3 268.195C172.858 237.846 187.5 214.204 205.36 189.303C228.005 157.729 252.889 126.938 279.341 98.823C296.464 80.624 319.364 64.194 337.756 51.841L334.46 49.002Z"
fill="currentColor"></path>
<path d="M311.24 756.98C311.24 756.98 273.606 745.082 243.74 748.587C196.325 754.151 191.954 783.587 191.954 783.587C191.954 783.587 210.976 795.396 251.775 790.908C299.571 785.651 311.239 756.979 311.239 756.979L311.24 756.98Z"
fill="currentColor"></path>
<path d="M247.15 713.02C247.15 713.02 215.434 697.976 185.364 698.199C133.306 698.585 130.185 726.235 130.185 726.235C130.185 726.235 149.028 739.83 190.721 739.271C238.801 738.626 247.15 713.02 247.15 713.02Z"
fill="currentColor"></path>
<path d="M199.74 666.79C199.74 666.79 169.583 640.36 140.414 633.051C89.9159 620.398 73.1899 649.781 73.1899 649.781C73.1899 649.781 91.9609 672.301 132.467 682.192C179.178 693.598 199.74 666.79 199.74 666.79Z"
fill="currentColor"></path>
<path d="M146.2 595.58C146.2 595.58 120.41 568.395 85.1061 557.548C39.0331 543.392 17.3771 571.184 16.7451 571.879C16.7451 571.879 35.6241 595.641 75.0121 606.058C127.844 620.031 146.2 595.58 146.2 595.58Z"
fill="currentColor"></path>
<path d="M120.7 538.91C120.7 538.91 96.681 502.334 60.856 485.07C26.055 468.29 0.631 482.58 0 483.14C0 483.14 17.877 515.81 50.767 531.465C95.454 552.736 120.705 538.906 120.705 538.906L120.7 538.91Z"
fill="currentColor"></path>
<path d="M112.96 489.18C100.14 477.12 99.185 444.34 80.861 417.74C55.298 380.63 13.131 383.32 12.5 383.67C12.5 383.67 17.0142 429.904 48.981 457.848C82.954 487.545 112.959 489.183 112.959 489.183L112.96 489.18Z"
fill="currentColor"></path>
<path d="M109.42 411.25C109.42 411.25 110.665 371.065 100.068 340.549C85.2847 297.98 44.9297 289.623 44.2287 289.79C44.2287 289.79 37.6843 335.309 61.0767 370.742C85.9377 408.399 109.421 411.249 109.421 411.249L109.42 411.25Z"
fill="currentColor"></path>
<path d="M126.51 335.94C126.51 335.94 134.56 302.205 130.482 270.16C124.336 221.863 86.7517 211.639 86.0337 211.709C86.0337 211.709 73.1497 256.442 91.4786 294.74C110.958 335.442 126.51 335.94 126.51 335.94Z"
fill="currentColor"></path>
<path d="M159.62 255.08C159.62 255.08 172.709 224.564 171.032 192.305C168.704 147.534 138.367 128.62 137.647 128.594C137.647 128.594 108.396 154.968 125.196 211.739C135.387 246.176 159.621 255.081 159.621 255.081L159.62 255.08Z"
fill="currentColor"></path>
<path d="M201.74 188.6C201.74 188.6 221.191 158.638 226.572 126.786C231.624 96.883 219.492 64.305 216.784 61.311C216.784 61.311 185.134 75.221 186.319 128.605C187.116 164.51 201.74 188.6 201.74 188.6Z"
fill="currentColor"></path>
<path d="M253.49 124.45C253.49 124.45 276.682 99.753 282.723 65.984C287.723 38 282.683 7.59 277.413 0C277.413 0 247.163 18.795 244.965 66.327C243.306 102.202 251.091 119.277 253.49 124.454L253.49 124.45Z"
fill="currentColor"></path>
<path d="M291.03 85.1069C291.03 85.1069 335.229 86.7038 357.196 73.9499C381.785 59.6739 405.915 28.6869 407.819 19.6409C407.819 19.6409 369.107 2.66591 333.013 33.6729C305.771 57.0749 293.151 79.8099 291.03 85.1069Z"
fill="currentColor"></path>
<path d="M242.33 138.43C242.33 138.43 263.471 113.678 299.799 107.283C327.801 102.354 349.328 106.905 363.149 114.958C363.149 114.958 341.827 142.276 300.959 146.042C265.197 149.337 247.583 140.657 242.329 138.43L242.33 138.43Z"
fill="currentColor"></path>
<path d="M198.64 195.5C198.64 195.5 218.77 171.758 255.099 165.364C283.101 160.435 296.547 165.491 310.368 173.544C310.368 173.544 293.339 199.6 252.471 203.365C216.709 206.66 203.893 197.727 198.639 195.501L198.64 195.5Z"
fill="currentColor"></path>
<path d="M156.23 269.95C156.23 269.95 175.035 240.688 209.038 226.388C243.881 211.734 261.777 218.731 276.763 224.325C271.984 231.494 252.426 261.375 220.717 270.345C186.16 280.122 161.785 271.254 156.23 269.95Z"
fill="currentColor"></path>
<path d="M131.06 336.07C131.06 336.07 147.724 305.538 180.616 288.842C214.322 271.733 232.672 277.432 248.02 281.94C243.766 289.432 226.396 320.636 195.41 331.852C161.64 344.075 136.694 336.974 131.06 336.07Z"
fill="currentColor"></path>
<path d="M117.84 414.65C132.261 396.161 140.101 376.284 162.289 356.501C189.625 332.128 213.081 339.898 229 341.472C221.163 356.191 209.397 379.475 185.08 397.018C155.954 418.029 123.544 414.491 117.84 414.651V414.65Z"
fill="currentColor"></path>
<path d="M119.63 487.05C131.892 467.064 137.711 451.485 157.546 429.343C181.983 402.065 205.151 406.908 221.146 406.691C215.005 422.194 204.656 445.386 182.454 465.54C155.862 489.678 125.279 486.253 119.63 487.05Z"
fill="currentColor"></path>
<path d="M135.4 544.78C153.848 516.299 151.52 509.853 169.576 486.238C188.968 460.876 213.461 461.573 229.387 460.073C224.51 476.019 217.222 497.59 196.55 519.31C174.505 542.473 151.575 539.491 135.401 544.78H135.4Z"
fill="currentColor"></path>
<path d="M165.71 601.35C177.34 576.152 175.332 560.417 185.996 542.556C203.438 513.343 220.537 512.082 236.463 510.583C223.76 546.979 226.701 547.147 212.717 569.315C199.11 590.886 180.621 593.789 165.71 601.351V601.35Z"
fill="currentColor"></path>
<path d="M202.25 648.92C208.878 621.97 202.148 613.723 209.223 594.16C220.794 562.164 237.342 557.676 252.692 553.177C250.927 574.656 253.592 588.283 241.553 611.564C233.051 628.004 215.452 638.662 202.25 648.92Z"
fill="currentColor"></path>
<path d="M275.9 596.01C275.9 596.01 289.193 621.674 284.777 651.418C278.521 693.562 256 699.876 256 699.876C256 699.876 243.173 680.721 244.477 641.854C245.87 600.338 275.9 596.009 275.9 596.009L275.9 596.01Z"
fill="currentColor"></path>
<path d="M323.88 638.94C323.88 638.94 337.183 664.924 334.273 694.854C330.542 733.21 309.537 742.807 309.537 742.807C309.537 742.807 296.305 721.395 295.741 689.079C294.881 639.733 323.881 638.941 323.881 638.941L323.88 638.94Z"
fill="currentColor"></path>
</g>
<defs>
<clipPath id="clip0_179_77">
<rect width="408" height="792" fill="white"></rect>
</clipPath>
</defs>
</svg>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm !text-[12px] font-medium !leading-snug sm:!text-sm text-black">
<span>More than 1000+<br>happy customers</span>
</p>
<svg class="h-10 sm:h-14"
viewBox="0 0 416 803"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<g>
<path d="M81.186 50.002C99.464 62.279 119.665 77.482 135.946 94.439C164.833 124.525 193.482 158.443 218.105 192.38C234.739 215.306 256.32 250.095 268.111 275.685C283.802 309.741 293.096 333.6 301.708 371.017C313.84 423.73 312.168 477.827 299.845 528.827C281.716 603.858 223.695 666.637 165.715 717.597C120.357 757.46 59.3749 783.539 5.79492 802.695L0.294922 788.075C53.3929 769.093 109.665 743.756 153.135 705.503C209.052 656.3 260.695 596.293 282.985 524.773C296.551 481.242 299.701 433.478 292.582 387.233C286.345 346.717 270.664 306.112 255.389 269.193C242.831 238.844 228.189 215.202 210.329 190.301C187.684 158.727 162.8 127.936 136.348 99.821C119.225 81.622 96.3251 65.192 77.9331 52.839L81.186 50.002Z"
fill="currentColor"></path>
<path d="M104.486 757.98C104.486 757.98 142.12 746.082 171.986 749.587C219.401 755.151 223.772 784.587 223.772 784.587C223.772 784.587 204.75 796.396 163.95 791.909C116.154 786.651 104.486 757.98 104.486 757.98Z"
fill="currentColor"></path>
<path d="M168.486 714.02C168.486 714.02 200.202 698.976 230.272 699.199C282.33 699.585 285.451 727.235 285.451 727.235C285.451 727.235 266.608 740.83 224.915 740.271C176.835 739.626 168.486 714.02 168.486 714.02Z"
fill="currentColor"></path>
<path d="M215.986 667.79C215.986 667.79 246.143 641.36 275.312 634.051C325.81 621.398 342.536 650.781 342.536 650.781C342.536 650.781 323.765 673.301 283.259 683.192C236.548 694.598 215.986 667.79 215.986 667.79Z"
fill="currentColor"></path>
<path d="M269.486 596.58C269.486 596.58 295.276 569.395 330.58 558.548C376.653 544.392 398.309 572.184 398.941 572.879C398.941 572.879 380.062 596.641 340.675 607.058C287.843 621.031 269.486 596.58 269.486 596.58Z"
fill="currentColor"></path>
<path d="M294.986 539.91C294.986 539.91 319.005 503.334 354.83 486.07C389.636 469.296 415.059 483.582 415.691 484.144C415.691 484.144 397.814 516.814 364.924 532.469C320.237 553.74 294.986 539.91 294.986 539.91Z"
fill="currentColor"></path>
<path d="M302.686 490.18C315.503 478.121 316.46 445.342 334.784 418.739C360.347 381.628 402.513 384.32 403.144 384.667C403.144 384.667 398.63 430.901 366.663 458.845C332.69 488.542 302.686 490.18 302.686 490.18Z"
fill="currentColor"></path>
<path d="M306.286 412.25C306.286 412.25 305.042 372.065 315.639 341.549C330.422 298.98 370.777 290.623 371.478 290.79C371.478 290.79 378.022 336.309 354.63 371.742C329.77 409.399 306.286 412.249 306.286 412.249V412.25Z"
fill="currentColor"></path>
<path d="M289.186 336.94C289.186 336.94 281.137 303.205 285.215 271.16C291.361 222.863 328.945 212.639 329.663 212.709C329.663 212.709 342.547 257.442 324.218 295.74C304.739 336.442 289.186 336.94 289.186 336.94Z"
fill="currentColor"></path>
<path d="M256.086 256.08C256.086 256.08 242.997 225.564 244.674 193.305C247.002 148.534 277.339 129.62 278.059 129.594C278.059 129.594 307.31 155.968 290.51 212.739C280.319 247.176 256.085 256.081 256.085 256.081L256.086 256.08Z"
fill="currentColor"></path>
<path d="M213.886 189.6C213.886 189.6 194.435 159.638 189.054 127.786C184.003 97.883 196.135 65.305 198.843 62.311C198.843 62.311 230.493 76.221 229.308 129.605C228.511 165.51 213.886 189.6 213.886 189.6Z"
fill="currentColor"></path>
<path d="M162.186 125.45C162.186 125.45 138.994 100.753 132.953 66.9841C127.946 38.9951 132.987 8.58512 138.264 0.995117C138.264 0.995117 168.514 19.7901 170.712 67.3221C172.37 103.197 164.585 120.273 162.186 125.45Z"
fill="currentColor"></path>
<path d="M124.686 86.1069C124.686 86.1069 80.487 87.7039 58.52 74.9499C33.931 60.6739 9.80097 29.6869 7.89697 20.6409C7.89697 20.6409 46.6089 3.66591 82.7029 34.6729C109.945 58.0749 122.565 80.8099 124.686 86.1069Z"
fill="currentColor"></path>
<path d="M173.386 139.43C173.386 139.43 152.245 114.678 115.917 108.283C87.915 103.354 66.3879 107.905 52.5669 115.958C52.5669 115.958 73.8891 143.276 114.757 147.042C150.519 150.337 168.132 141.657 173.386 139.43Z"
fill="currentColor"></path>
<path d="M216.986 196.5C216.986 196.5 196.856 172.758 160.527 166.364C132.525 161.435 119.079 166.491 105.258 174.544C105.258 174.544 122.287 200.6 163.155 204.365C198.917 207.66 211.733 198.727 216.987 196.501L216.986 196.5Z"
fill="currentColor"></path>
<path d="M259.486 270.95C259.486 270.95 240.681 241.688 206.678 227.388C171.835 212.734 153.939 219.731 138.953 225.325C143.732 232.494 163.29 262.375 194.999 271.345C229.556 281.122 253.931 272.254 259.486 270.95Z"
fill="currentColor"></path>
<path d="M284.586 337.07C284.586 337.07 267.922 306.538 235.03 289.842C201.324 272.733 182.974 278.432 167.626 282.94C171.88 290.432 189.25 321.636 220.236 332.852C254.006 345.075 278.952 337.974 284.586 337.071V337.07Z"
fill="currentColor"></path>
<path d="M297.786 415.65C283.365 397.161 275.525 377.284 253.337 357.501C226.001 333.128 202.545 340.898 186.626 342.472C194.463 357.191 206.229 380.475 230.546 398.018C259.672 419.029 292.082 415.491 297.786 415.651V415.65Z"
fill="currentColor"></path>
<path d="M296.086 488.05C283.824 468.064 278.005 452.485 258.17 430.343C233.733 403.065 210.565 407.908 194.57 407.691C200.711 423.194 211.06 446.386 233.262 466.54C259.854 490.678 290.436 487.253 296.086 488.05Z"
fill="currentColor"></path>
<path d="M280.286 545.78C261.838 517.299 264.166 510.853 246.11 487.238C226.718 461.876 202.225 462.573 186.299 461.073C191.176 477.019 198.465 498.59 219.136 520.31C241.181 543.473 264.112 540.491 280.286 545.78Z"
fill="currentColor"></path>
<path d="M249.986 602.35C238.356 577.152 240.364 561.417 229.7 543.556C212.258 514.343 195.159 513.082 179.233 511.583C191.936 547.979 188.995 548.147 202.979 570.315C216.586 591.886 235.075 594.789 249.986 602.351V602.35Z"
fill="currentColor"></path>
<path d="M213.386 649.92C206.758 622.97 213.488 614.723 206.413 595.16C194.842 563.164 178.294 558.676 162.944 554.177C164.709 575.656 162.044 589.283 174.083 612.564C182.585 629.004 200.184 639.662 213.386 649.92Z"
fill="currentColor"></path>
<path d="M139.786 597.01C139.786 597.01 126.493 622.674 130.909 652.418C137.165 694.562 159.686 700.876 159.686 700.876C159.686 700.876 172.513 681.721 171.209 642.854C169.816 601.338 139.786 597.009 139.786 597.009V597.01Z"
fill="currentColor"></path>
<path d="M91.7859 639.94C91.7859 639.94 78.483 665.924 81.394 695.854C85.125 734.21 106.13 743.807 106.13 743.807C106.13 743.807 119.362 722.395 119.926 690.079C120.787 640.733 91.7859 639.94 91.7859 639.94Z"
fill="currentColor"></path>
</g>
<defs>
<clipPath>
<rect width="416" height="803" fill="white"></rect>
</clipPath>
</defs>
</svg>
</div>
</div>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg">
<span>Explore our flexible licensing options tailored to your needs. Upgrade your license anytime to access more features, or opt for a lifetime license for ongoing value, including <strong>lifetime updates and lifetime support</strong>. Our hassle-free upgrade process ensures that our platform can grow with you, starting from whichever plan you choose.</span>
</p>
</div>
<div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3 lg:gap-12">
<div class="-m-2 grid max-w-lg grid-cols-1 rounded-4xl shadow-[inset_0_0_2px_1px_#ffffff4d] ring-1 ring-black/5">
<div class="grid grid-cols-1 rounded-4xl p-2 shadow-md shadow-black/5">
<div class="rounded-3xl p-10 pb-9 shadow-lg ring-1 ring-black/5 lg:shadow-2xl bg-white">
<div class="flex flex-wrap items-center justify-between gap-4">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-medium text-primary">
<span>Starter</span>
</p>
</div>
<div class="mt-8 flex items-center gap-4">
<div class="flex items-center gap-4">
<span class="text-5xl font-bold tracking-tight text-black">
€99
</span>
<div class="text-sm/5 text-g-600">
<p>
EUR
</p>
<p>
per year
</p>
</div>
</div>
</div>
<div class="mt-8">
<a class="group select-none cursor-pointer duration-100 ease-in flex tracking-tight items-center justify-center text-center transform transition filter hover:brightness-105 text-sm font-semibold py-2.5 px-5 fabrikat-rounded-button sm:text-base lg:py-3 lg:px-6 !text-primary !border !bg-transparent !border-primary hover:!bg-primary hover:!text-white mt-6 "
href="https://sleekwp.com/checkout?edd_action=add_to_cart&download_id=2266&edd_options[price_id]=3"
target="_self"
>
<span class="duration-100 ease-in transition" >Get started</span>
<span
class="[&_svg]:w-4 fill-current !opacity-100 flex relative duration-100 ease-in transition group-hover:opacity-100 ml-2.5">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"/></svg>
</span>
</a>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm text-center mt-1.5 !text-g-600">
<span>further 30% launch-discount applied during checkout for existing customers.</span>
</p>
</div>
<div class="mt-8">
<ul class="space-y-1 lg:space-y-1.5 mt-4 [&_a]:font-semibold [&_a]:text-black [&_a]:underline [&_a]:hover:underline">
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-primary">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>3 websites</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-primary">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>1 year of updates</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-primary">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>1 year of support</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="-m-2 grid max-w-lg grid-cols-1 rounded-4xl shadow-[inset_0_0_2px_1px_#ffffff4d] ring-1 ring-black/5">
<div class="grid grid-cols-1 rounded-4xl p-2 shadow-md shadow-black/5">
<div class="rounded-3xl p-10 pb-9 shadow-lg ring-1 ring-black/5 lg:shadow-2xl bg-white">
<div class="flex flex-wrap items-center justify-between gap-4">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-medium text-primary">
<span>Pro</span>
</p>
</div>
<div class="mt-8 flex items-center gap-4">
<div class="flex items-center gap-4">
<span class="text-5xl font-bold tracking-tight text-black">
€179
</span>
<div class="text-sm/5 text-g-600">
<p>
EUR
</p>
<p>
per year
</p>
</div>
</div>
</div>
<div class="mt-8">
<a class="group select-none cursor-pointer duration-100 ease-in flex tracking-tight items-center justify-center text-center transform transition filter hover:brightness-105 text-sm font-semibold py-2.5 px-5 fabrikat-rounded-button sm:text-base lg:py-3 lg:px-6 !text-primary !border !bg-transparent !border-primary hover:!bg-primary hover:!text-white mt-6 "
href="https://sleekwp.com/checkout?edd_action=add_to_cart&download_id=2266&edd_options[price_id]=2"
target="_self"
>
<span class="duration-100 ease-in transition" >Get started</span>
<span
class="[&_svg]:w-4 fill-current !opacity-100 flex relative duration-100 ease-in transition group-hover:opacity-100 ml-2.5">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"/></svg>
</span>
</a>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm text-center mt-1.5 !text-g-600">
<span>further 30% launch-discount applied during checkout for existing customers.</span>
</p>
</div>
<div class="mt-8">
<ul class="space-y-1 lg:space-y-1.5 mt-4 [&_a]:font-semibold [&_a]:text-black [&_a]:underline [&_a]:hover:underline">
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-primary">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>Unlimited websites</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-primary">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>1 year of updates</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-primary">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>1 year of support</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="-m-2 grid max-w-lg grid-cols-1 rounded-4xl shadow-[inset_0_0_2px_1px_#ffffff4d] ring-1 ring-black/5">
<div class="grid grid-cols-1 rounded-4xl p-2 shadow-md shadow-black/5">
<div class="rounded-3xl p-10 pb-9 shadow-lg ring-1 ring-black/5 lg:shadow-2xl bg-g-950">
<div class="flex flex-wrap items-center justify-between gap-4">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !font-medium text-white">
<span>Lifetime ♾️</span>
</p>
<div class="bg-white rounded-full px-2 py-0.5">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-xs font-medium text-semibold text-black">
<span>Launch Offer</span>
</p>
</div>
</div>
<div class="mt-8 flex items-center gap-4 justify-between">
<p
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-2xl sm:text-3xl line-through flex justify-center text-center !text-g-400 font-semibold mb-2">
<span>€299</span>
</p>
<div class="flex items-center gap-4">
<span class="text-5xl font-bold tracking-tight text-white">
€249
</span>
<div class="text-sm/5 text-g-400">
<p>
EUR
</p>
<p>
once
</p>
</div>
</div>
</div>
<div class="mt-8">
<a class="group select-none cursor-pointer duration-100 ease-in flex tracking-tight items-center justify-center text-center transform transition filter hover:brightness-105 text-sm font-semibold py-2.5 px-5 fabrikat-rounded-button sm:text-base lg:py-3 lg:px-6 bg-g-200 text-g-800 mt-6 sleek-cta"
href="https://sleekwp.com/checkout?edd_action=add_to_cart&download_id=2266"
target="_self"
>
<span class="duration-100 ease-in transition" >Get started</span>
<span
class="[&_svg]:w-4 fill-current !opacity-100 flex relative duration-100 ease-in transition group-hover:opacity-100 ml-2.5">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"/></svg>
</span>
</a>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm text-center mt-1.5 !text-g-400">
<span>further 30% launch-discount applied during checkout for existing customers.</span>
</p>
</div>
<div class="mt-8">
<ul class="space-y-1 lg:space-y-1.5 mt-4 [&_li]:text-white [&_li_svg]:!text-white [&_a]:font-semibold [&_a]:text-black [&_a]:underline [&_a]:hover:underline">
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-primary">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>Unlimited websites</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-primary">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>Lifetime updates</span>
</li>
<li
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !items-start">
<span class="[&_svg]:w-6 fill-current mr-2 relative relative shrink-0 flex items-center justify-center top-px rounded-full sm:top-[3px] [&>svg]:!h-5 text-primary">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>
</span>
<span>Lifetime support</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="bundle" class="overflow-hidden relative bg-cover ">
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28 -mt-12 sm:-mt-24 md:-mt-28">
<div class="relative inline-grid w-full auto-rows-max gap-8 md:gap-12 lg:gap-16">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<p
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-2xl sm:text-3xl md:text-4xl lg:text-5xl text-center mx-auto !leading-tight">
<span>...or get the Bundle Deal<br>and save €250 🎁</span>
</p>
</div>
<div class="fabrikat-card mx-auto lg:mx-0 lg:flex lg:max-w-none">
<div class="p-8 sm:p-10 lg:flex-auto">
<h3
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-2xl sm:text-3xl">
<span>The Bundle (unlimited sites)</span>
</h3>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm mb-4">
<span>Pay once, own it forever</span>
</p>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base mt-4">
<span>Elevate your WordPress site with our exclusive plugin bundle that includes all of our premium plugins in one package. Enjoy <strong>lifetime updates and lifetime support</strong>. Save significantly compared to buying plugins individually.</span>
</p>
<div class="mt-10 flex items-center gap-x-4">
<h4
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm font-semibold">
<span>What’s included</span>
</h4>
<div class="bg-g-200 h-px flex-auto"></div>
</div>
<ul role="list"
class="text-g-600 mt-8 grid grid-cols-1 gap-4 text-sm leading-6 sm:grid-cols-2 sm:gap-6">
<li class="flex gap-x-3">
<svg class="text-primary h-6 w-5 flex-none"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm">
<span>SleekAI</span>
</p>
</li>
<li class="flex gap-x-3">
<svg class="text-primary h-6 w-5 flex-none"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm">
<span>SleekByte</span>
</p>
</li>
<li class="flex gap-x-3">
<svg class="text-primary h-6 w-5 flex-none"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm">
<span>SleekMotion</span>
</p>
</li>
<li class="flex gap-x-3">
<svg class="text-primary h-6 w-5 flex-none"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm">
<span>SleekPixel</span>
</p>
</li>
<li class="flex gap-x-3">
<svg class="text-primary h-6 w-5 flex-none"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm">
<span>SleekRank</span>
</p>
</li>
<li class="flex gap-x-3">
<svg class="text-primary h-6 w-5 flex-none"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true">
<path fill-rule="evenodd"
d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
clip-rule="evenodd" />
</svg>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm">
<span>SleekView</span>
</p>
</li>
</ul>
</div>
<div class="-mt-2 p-2 lg:mt-0 lg:w-full lg:max-w-md lg:flex-shrink-0">
<div class="fabrikat-rounded-inner from-g-50 via-g-100 to-g-50 ring-border h-full bg-gradient-to-tr py-10 text-center ring-1 ring-inset lg:flex lg:flex-col lg:justify-center lg:py-16">
<div class="mx-auto max-w-xs px-8">
<p class="flex items-baseline justify-center gap-x-2 font-bold">
<span class="text-g-900 text-5xl tracking-tight">€749</span>
</p>
<a class="group select-none cursor-pointer duration-100 ease-in flex tracking-tight items-center justify-center text-center transform transition filter hover:brightness-105 text-sm font-semibold py-2.5 px-5 fabrikat-rounded-button sm:text-base lg:py-3 lg:px-6 text-white bg-primary mt-8 sleek-cta"
href="https://sleekwp.com/checkout?edd_action=add_to_cart&download_id=2069"
target="_self"
>
<span class="duration-100 ease-in transition" >Continue to checkout</span>
<span
class="[&_svg]:w-4 fill-current !opacity-100 flex relative duration-100 ease-in transition group-hover:opacity-100 ml-2.5">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"/></svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="cross-links" class="overflow-hidden relative bg-cover ">
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28 -mt-12 sm:-mt-24 md:-mt-28">
<div class="relative inline-grid w-full auto-rows-max gap-8 md:gap-12 lg:gap-16">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<h2
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-3xl sm:text-4xl md:text-5xl xl:text-6xl ">
<span>Browse more</span>
</h2>
</div>
<div class="grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 lg:grid-cols-4">
<div>
<div class="mb-4 text-xs font-semibold uppercase tracking-wider text-g-500">
Directories
</div>
<ul class="space-y-2">
<li>
<a
href="https://sleekwp.com/rank/for/wallpaper-installer-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Wallpaper installers
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/radon-mitigation-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
radon mitigation contractor directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/smoothie-bar-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
smoothie bar directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/game-developer-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Game developers
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/startup-advisor-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
startup advisor directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/fishmonger-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
fishmonger directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/electronic-recycler-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
electronic recycler directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/reproductive-endocrinologist-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
reproductive endocrinologist directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/medical-writer-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
medical writer directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/vfx-artist-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
VFX artists
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/intuitive-eating-counselor-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Intuitive eating counselors
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/leadership-coach-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
leadership coach directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/private-banker-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
private banker directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/diabetes-educator-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
diabetes educator directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/musical-instrument-shop-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
musical instrument shop directories
</a>
</li>
</ul>
</div>
<div>
<div class="mb-4 text-xs font-semibold uppercase tracking-wider text-g-500">
Content
</div>
<ul class="space-y-2">
<li>
<a
href="https://sleekwp.com/rank/for/dehydrator-recipe-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
dehydrator recipe pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/brazilian-recipe-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
brazilian recipe pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/ruby-gem-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Ruby gem pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/coin-collecting-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
coin collecting pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/dog-name-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
dog name pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/unit-conversion-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
unit conversion pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/home-remedy-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
home remedy pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/git-command-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
git command pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/recipe-by-region/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
recipes by region pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/gemstone-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
gemstone pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/home-roasting-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
home coffee roasting pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/proverb-by-culture-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Proverb collections by culture
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/paracord-pattern-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
paracord pattern pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/spacecraft-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
spacecraft pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/herb-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
herb pages
</a>
</li>
</ul>
</div>
<div>
<div class="mb-4 text-xs font-semibold uppercase tracking-wider text-g-500">
Listings
</div>
<ul class="space-y-2">
<li>
<a
href="https://sleekwp.com/rank/for/trawler-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Trawler listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/kayak-marketplace-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Kayak marketplace listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/sublease-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
sublease listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/cocktail-festival-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
cocktail festival listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/trivia-night-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
trivia night listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/cosplay-event-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
cosplay event listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/lookout-tower-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
lookout tower listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/vocational-program-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
vocational program listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/die-cast-car-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
die-cast car listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/synthesizer-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
synthesizer listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/classic-camera-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
classic camera listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/survey-panel-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
survey panel listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/esl-class-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
ESL class listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/glamping-site-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
glamping site listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/art-exhibition-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
art exhibition listings
</a>
</li>
</ul>
</div>
<div>
<div class="mb-4 text-xs font-semibold uppercase tracking-wider text-g-500">
Comparisons
</div>
<ul class="space-y-2">
<li>
<a
href="https://sleekwp.com/rank/for/self-storage-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
self storage comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/queue-management-system-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
queue management system comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/home-insurance-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Home insurance
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/ai-search-engine-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
AI search engine comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/http-client-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
HTTP client comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/laptop-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
laptop comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/compiler-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
compiler comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/accounts-receivable-software-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
accounts receivable software comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/nft-marketplace-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
NFT marketplace comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/messaging-app-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
messaging app comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/personal-loan-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
personal loan comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/video-tool-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
video tool comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/seo-tool-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
SEO tool comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/agentic-framework-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
agentic framework comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/mobile-device-management-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
mobile device management comparisons
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="relative z-0 mt-auto">
<section class="overflow-hidden relative bg-cover ">
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28 -mt-12 sm:-mt-24 md:-mt-28">
<div class="fabrikat-card p-8 lg:grid lg:grid-cols-2 lg:gap-16 lg:p-16">
<div class="relative inline-grid w-full auto-rows-max gap-4 md:gap-6">
<p
class="flex items-center z-50 relative text-g-950 font-[550] !tracking-[-0.025em] text-2xl sm:text-3xl">
<span>Stay in the Loop! 📬</span>
</p>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base">
<span>Be the first to hear about new updates, special offers, and helpful tips—delivered straight to your inbox.</span>
</p>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm">
<span>🛡️ We respect your inbox (and your privacy). <a href='https://sleekwp.com/privacy-policy/' target='_blank'>Read our privacy policy</a>.</span>
</p>
</div>
<div x-data="newsletter"
class="relative overflow-hidden fabrikat-rounded-inner bg-gradient-to-br from-g-50 via-g-100 to-g-50 -mx-7 -mb-7 mt-8 flex items-center justify-center p-8 lg:-mx-14 lg:-mb-14 lg:-mt-14 lg:ml-0">
<div class="w-[300vw] h-[3000px] text-g-100 origin-center-center -left-full -top-full absolute rotate-45 border-r border-current border-b"
style="background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);; background-size: 24px 24px; ">
</div>
<form @submit.prevent="handleSubmit" x-show="!success" class="w-full relative z-10">
<div class="space-y-4">
<div>
<label for="newsletter-email" class="sr-only">Email</label>
<input type="email"
name="newsletter-email"
id="newsletter-email"
x-model="email"
:disabled="loading"
class="!border-g-100 w-full border bg-white p-3 text-center text-base text-black shadow-sm"
placeholder="my-email@example.com"
required />
</div>
<div x-show="error" x-cloak class="text-red-600 text-sm text-center" x-text="error"></div>
<button type="submit"
:disabled="loading"
class="w-full bg-black text-white py-3 px-6 rounded-md hover:bg-gray-800 transition-colors disabled:opacity-50">
<span x-show="!loading">Subscribe</span>
<span x-show="loading">Subscribing...</span>
</button>
</div>
</form>
<div x-show="success" x-cloak class="text-center flex items-center justify-center flex-col">
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base md:text-lg !text-center !font-semibold">
<span>🎉 Thanks for subscribing!</span>
</p>
<p
class="flex items-center z-50 relative text-g-700 !leading-relaxed text-sm sm:font-normal sm:text-base !text-center">
<span>Please check your email to confirm your subscription.</span>
</p>
</div>
</div>
</div>
</div>
</section>
<div class="flex flex-col bg-zinc-950">
<div class="overflow-hidden relative bg-cover ">
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 sm:py-24 md:py-28 !py-16 sm:!py-24 md:!py-28">
<div class="flex flex-col gap-12 lg:gap-16">
<div class="flex flex-col gap-12 lg:grid lg:grid-cols-[auto,1fr] lg:gap-20">
<div class="flex shrink-0 flex-col gap-6 lg:w-52">
<div class="flex flex-col gap-4">
<img src="https://sleekwp.com/wp-content/themes/fabrikat/src/assets/sleek/images/general/logoIntersect.svg"
alt="SleekWP logo"
class="w-6 grayscale invert" />
<p class="text-sm font-medium leading-[1.625] text-white">
SleekWP is made
<br /> by
<a href="https://dennn.is" target="_blank">
<span class="inline-block font-medium underline hover:no-underline">
dennn.is
</span>
</a>
</p>
<p class="text-sm text-white">
© 2026
</p>
</div>
<div class="flex flex-wrap gap-3">
<a href="https://www.facebook.com/groups/sleekwp"
target="_blank"
class="fill-zinc-400 transition duration-100 ease-in hover:fill-zinc-300 focus-visible:ring-offset-zinc-950 [&_svg]:!w-6">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc. --><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>
</div>
</a>
<a href="https://twitter.com/sleekwp"
target="_blank"
class="fill-zinc-400 transition duration-100 ease-in hover:fill-zinc-300 focus-visible:ring-offset-zinc-950 [&_svg]:!w-6">
<div class="[&_svg]:w-4">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc. --><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM351.3 199.3v0c0 86.7-66 186.6-186.6 186.6c-37.2 0-71.7-10.8-100.7-29.4c5.3 .6 10.4 .8 15.8 .8c30.7 0 58.9-10.4 81.4-28c-28.8-.6-53-19.5-61.3-45.5c10.1 1.5 19.2 1.5 29.6-1.2c-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3c-9-6-16.4-14.1-21.5-23.6s-7.8-20.2-7.7-31c0-12.2 3.2-23.4 8.9-33.1c32.3 39.8 80.8 65.8 135.2 68.6c-9.3-44.5 24-80.6 64-80.6c18.9 0 35.9 7.9 47.9 20.7c14.8-2.8 29-8.3 41.6-15.8c-4.9 15.2-15.2 28-28.8 36.1c13.2-1.4 26-5.1 37.8-10.2c-8.9 13.1-20.1 24.7-32.9 34c.2 2.8 .2 5.7 .2 8.5z"/></svg>
</div>
</a>
</div>
<div class="mt-3 flex flex-wrap gap-3 sm:mt-4 lg:gap-6 !mt-0 !gap-2 !flex-nowrap">
<a class="flex-row-reverse group select-none cursor-pointer duration-100 ease-in flex tracking-tight items-center justify-center text-center transform transition filter hover:brightness-105 font-semibold text-sm px-3 py-2 bg-white/20 backdrop-blur-sm text-white hover:bg-white hover:text-g-950"
href="https://sleekwp.com/account/"
target="_self"
>
<span class="duration-100 ease-in transition" >Account</span>
<span
class="[&_svg]:w-4 fill-current !opacity-100 flex relative duration-100 ease-in transition group-hover:opacity-100 mr-1">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path d="M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>
</span>
</a>
</div>
</div>
<div class="grid grid-cols-1 gap-12 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 lg:gap-20">
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
General
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="mailto:hi@sleekwp.com"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Support</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/white-label/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">White Label</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/plugin-ideas/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Plugin Ideas</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/documentation/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Documentation</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://app.instawp.io/launch?t=sleekwp-demos&d=v2"
target="_blank">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Demo</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/blog/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Blog</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Deals
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/bundle/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Bundle</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/all-access-pass/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">All Access Pass</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Legal
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/terms-of-service/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Terms</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/privacy-policy/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Privacy Policy</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/cookie-policy/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Cookie Policy</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/legal-notice/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Legal Notice</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Products
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://multitaskai.com"
target="_blank">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">MultitaskAI</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://blockstudio.dev"
target="_blank">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Blockstudio</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com"
target="_blank">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">SleekWP</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://oneclick.pro"
target="_blank">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">OneClick Pro</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://kickstartui.com"
target="_blank">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">KickstartUI</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://glaze.dev"
target="_blank">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Glaze</span>
</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col gap-12">
<div class="flex flex-col gap-12 lg:grid lg:grid-cols-[auto,1fr] lg:gap-20">
<div class="flex shrink-0 flex-col gap-6 lg:w-52">
<a href="https://sleekwp.com/ai/" class="shrink-0">
<img src="https://sleekwp.com/wp-content/themes/fabrikat/src/assets/sleek/images/general/ai/textWhiteOutline.svg"
alt="SleekAi"
class="h-7" />
</a>
</div>
<div class="grid grid-cols-1 gap-12 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 lg:gap-20">
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
General
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/ai/pricing/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Pricing</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/ai/roadmap/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Roadmap</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/ai/#faq"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">FAQ</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Features
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/ai/features/agent/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Agent</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/ai/features/coding-agents/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Coding Agents</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/ai/features/plugins/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Plugins</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/ai/features/chatbots/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Chatbots</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/ai/features/chat/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Chat</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/ai/features/alt-text/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Alt Text</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/multibot-demo/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Multibot Demo</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Help
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/ai/documentation/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Documentation</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/ai/changelog/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Changelog</span>
</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col gap-12 lg:grid lg:grid-cols-[auto,1fr] lg:gap-20">
<div class="flex shrink-0 flex-col gap-6 lg:w-52">
<a href="https://sleekwp.com/byte/" class="shrink-0">
<img src="https://sleekwp.com/wp-content/themes/fabrikat/src/assets/sleek/images/general/byte/textWhiteOutline.svg"
alt="SleekByte"
class="h-7" />
</a>
</div>
<div class="grid grid-cols-1 gap-12 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 lg:gap-20">
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
General
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/byte/pricing/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Pricing</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/byte/roadmap/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Roadmap</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/byte/#faq"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">FAQ</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Help
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/byte/documentation/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Documentation</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/byte/changelog/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Changelog</span>
</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col gap-12 lg:grid lg:grid-cols-[auto,1fr] lg:gap-20">
<div class="flex shrink-0 flex-col gap-6 lg:w-52">
<a href="https://sleekwp.com/pixel/" class="shrink-0">
<img src="https://sleekwp.com/wp-content/themes/fabrikat/src/assets/sleek/images/general/pixel/textWhiteOutline.svg"
alt="SleekPixel"
class="h-7" />
</a>
</div>
<div class="grid grid-cols-1 gap-12 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 lg:gap-20">
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
General
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/pricing/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Pricing</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/roadmap/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Roadmap</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/#faq"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">FAQ</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/#video"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Video</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Features
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/#dynamic-content"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Dynamic Content</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/#design"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Design</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/#locations"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Locations</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/#integrations"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Integrations</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Use cases
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/use-cases/dynamic-open-graph-images-for-websites/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Websites</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/use-cases/dynamic-open-graph-images-for-blogs/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Blogs</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/use-cases/dynamic-open-graph-images-for-online-shops/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Online Shops</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/use-cases/dynamic-open-graph-images-for-portfolios/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Portfolios</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/use-cases/dynamic-open-graph-images-for-membership-sites/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Membership Sites</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/use-cases/dynamic-open-graph-images-for-news-sites/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">News Sites</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Help
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/documentation/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Documentation</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/pixel/changelog/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Changelog</span>
</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col gap-12 lg:grid lg:grid-cols-[auto,1fr] lg:gap-20">
<div class="flex shrink-0 flex-col gap-6 lg:w-52">
<a href="https://sleekwp.com/view/" class="shrink-0">
<img src="https://sleekwp.com/wp-content/themes/fabrikat/src/assets/sleek/images/general/view/textWhiteOutline.svg"
alt="SleekView"
class="h-7" />
</a>
</div>
<div class="grid grid-cols-1 gap-12 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 lg:gap-20">
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
General
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/pricing/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Pricing</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/roadmap/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Roadmap</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/#faq"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">FAQ</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Features
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/features/table/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Table</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/features/kanban/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Kanban</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/features/feedback/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Feedback</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/features/charts/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Charts</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Capabilities
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/#comparison"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Comparison</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/#use-cases"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Use Cases</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/#admin-pages"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Admin Pages</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/#embedding"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Embedding</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Help
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/documentation/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Documentation</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/view/changelog/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Changelog</span>
</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col gap-12 lg:grid lg:grid-cols-[auto,1fr] lg:gap-20">
<div class="flex shrink-0 flex-col gap-6 lg:w-52">
<a href="https://sleekwp.com/rank/" class="shrink-0">
<img src="https://sleekwp.com/wp-content/themes/fabrikat/src/assets/sleek/images/general/rank/textWhiteOutline.svg"
alt="SleekRank"
class="h-7" />
</a>
</div>
<div class="grid grid-cols-1 gap-12 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 lg:gap-20">
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
General
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/rank/pricing/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Pricing</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/rank/#faq"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">FAQ</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://app.instawp.io/launch?t=sleekwp-demos&d=v2"
target="_blank">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Demo</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Features
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/rank/#how-it-works"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">How It Works</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/rank/#use-cases"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Use Cases</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Help
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/rank/documentation/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Documentation</span>
</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col gap-12 lg:grid lg:grid-cols-[auto,1fr] lg:gap-20">
<div class="flex shrink-0 flex-col gap-6 lg:w-52">
<a href="https://sleekwp.com/motion/" class="shrink-0">
<img src="https://sleekwp.com/wp-content/themes/fabrikat/src/assets/sleek/images/general/motion/textWhiteOutline.svg"
alt="SleekMotion"
class="h-7" />
</a>
</div>
<div class="grid grid-cols-1 gap-12 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 lg:gap-20">
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
General
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/motion/pricing/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Pricing</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/motion/roadmap/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Roadmap</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/motion/#faq"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">FAQ</span>
</a>
</div>
</div>
<div class="flex flex-col gap-4">
<h3 class="text-sm font-semibold text-white">
Help
</h3>
<div class="flex flex-col gap-1">
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/motion/documentation/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Documentation</span>
</a>
<a
class="inline-block w-full leading-normal py-0 group focus-visible:ring-offset-zinc-950"
href="https://sleekwp.com/motion/changelog/"
target="_self">
<span class="text-sm leading-normal text-zinc-500 inline-block group-hover:underline">Changelog</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overflow-hidden relative bg-cover ">
<div class="container-inner relative z-20 mx-auto w-full pl-[max(env(safe-area-inset-left),var(--pl))] pr-[max(env(safe-area-inset-right),var(--pr))] max-w-[var(--max-w)] py-12 md:pt-14 !pb-0">
<svg xmlns="http://www.w3.org/2000/svg" class="h-full w-full" width="1284" height="326" viewBox="0 0 1284 326"><defs><linearGradient id="footerLogoGradient" x1="0%" y1="100%" x2="0%" y2="0%"><stop offset="0%" stop-color="transparent"/><stop offset="100%" stop-color="rgba(255,255,255,0.05)"/></linearGradient></defs><g fill="url(#footerLogoGradient)" fill-rule="evenodd" transform="translate(-416)"><g transform="translate(1196.4 54.8)"><polygon fill-rule="nonzero" points="46.08 211.2 0 0 56.32 0 84.16 167.68 87.68 167.68 122.56 0 187.52 0 223.04 167.68 226.56 167.68 254.4 0 307.52 0 261.12 211.2 189.44 211.2 155.84 43.84 152.64 43.84 119.36 211.2"/><path fill-rule="nonzero" d="M361.76,153.28 L361.76,113.6 L408.8,113.6 C422.666667,113.6 433.013333,110.72 439.84,104.96 C446.666667,99.2 450.08,89.4933333 450.08,75.84 C450.08,63.8933333 446.933333,54.8266667 440.64,48.64 C434.346667,42.4533333 424.373333,39.36 410.72,39.36 L361.76,39.36 L361.76,0 L412.32,0 C425.973333,0 438.293333,1.6 449.28,4.8 C460.266667,8 469.706667,12.7466667 477.6,19.04 C485.493333,25.3333333 491.52,33.3333333 495.68,43.04 C499.84,52.7466667 501.92,64.1066667 501.92,77.12 C501.92,93.76 498.133333,107.733333 490.56,119.04 C482.986667,130.346667 471.786667,138.88 456.96,144.64 C442.133333,150.4 423.626667,153.28 401.44,153.28 L361.76,153.28 Z M324,211.2 L324,0 L375.52,0 L375.52,211.2 L324,211.2 Z"/></g><g transform="translate(416.303 40.08)"><path fill-rule="nonzero" d="M86.0972973,230.08 C72.2306306,230.08 59.9106306,228.64 49.1372973,225.76 C38.363964,222.88 29.2972973,218.613333 21.9372973,212.96 C14.5772973,207.306667 9.03063063,200.266667 5.2972973,191.84 C1.56396396,183.413333 -0.196036036,173.653333 0.0172972973,162.56 L31.0572973,154.24 C30.6306306,164.906667 32.6572973,173.76 37.1372973,180.8 C41.6172973,187.84 48.283964,193.12 57.1372973,196.64 C65.9906306,200.16 76.1772973,201.92 87.6972973,201.92 C99.003964,201.92 108.497297,200.533333 116.177297,197.76 C123.857297,194.986667 129.670631,191.2 133.617297,186.4 C137.563964,181.6 139.537297,176.106667 139.537297,169.92 C139.537297,162.88 137.137297,157.28 132.337297,153.12 C127.537297,148.96 121.190631,145.653333 113.297297,143.2 C105.403964,140.746667 96.5506306,138.453333 86.7372973,136.32 C76.7106306,134.186667 66.7906306,131.733333 56.9772973,128.96 C47.163964,126.186667 38.2572973,122.506667 30.2572973,117.92 C22.2572973,113.333333 15.8572973,107.413333 11.0572973,100.16 C6.2572973,92.9066667 3.8572973,83.7333333 3.8572973,72.64 C3.8572973,59.84 7.0572973,48.8533333 13.4572973,39.68 C19.8572973,30.5066667 28.9772973,23.36 40.8172973,18.24 C52.6572973,13.12 66.683964,10.56 82.8972973,10.56 C99.1106306,10.56 113.350631,13.0666667 125.617297,18.08 C137.883964,23.0933333 147.590631,30.3466667 154.737297,39.84 C161.883964,49.3333333 165.563964,60.8 165.777297,74.24 L133.777297,82.56 C133.777297,75.3066667 132.550631,68.9066667 130.097297,63.36 C127.643964,57.8133333 124.177297,53.2266667 119.697297,49.6 C115.217297,45.9733333 109.883964,43.2533333 103.697297,41.44 C97.5106306,39.6266667 90.4706306,38.72 82.5772973,38.72 C73.403964,38.72 65.403964,40.0533333 58.5772973,42.72 C51.7506306,45.3866667 46.4706306,49.0133333 42.7372973,53.6 C39.003964,58.1866667 37.1372973,63.5733333 37.1372973,69.76 C37.1372973,77.44 39.8572973,83.4666667 45.2972973,87.84 C50.7372973,92.2133333 57.9372973,95.7333333 66.8972973,98.4 C75.8572973,101.066667 85.4572973,103.573333 95.6972973,105.92 C104.870631,107.84 113.990631,110.133333 123.057297,112.8 C132.123964,115.466667 140.443964,119.04 148.017297,123.52 C155.590631,128 161.670631,133.866667 166.257297,141.12 C170.843964,148.373333 173.137297,157.653333 173.137297,168.96 C173.137297,181.333333 169.883964,192.106667 163.377297,201.28 C156.870631,210.453333 147.217297,217.546667 134.417297,222.56 C121.617297,227.573333 105.510631,230.08 86.0972973,230.08 Z"/><polygon fill-rule="nonzero" points="200.817 225.92 200.817 .32 235.057 .32 235.057 225.92"/><path fill-rule="nonzero" d="M344.337297 230.08C331.110631 230.08 319.377297 228.106667 309.137297 224.16 298.897297 220.213333 290.257297 214.56 283.217297 207.2 276.177297 199.84 270.843964 190.986667 267.217297 180.64 263.590631 170.293333 261.777297 158.613333 261.777297 145.6 261.777297 132.586667 263.590631 120.586667 267.217297 109.6 270.843964 98.6133333 276.017297 89.0666667 282.737297 80.96 289.457297 72.8533333 297.777297 66.56 307.697297 62.08 317.617297 57.6 328.870631 55.36 341.457297 55.36 353.190631 55.36 363.697297 57.28 372.977297 61.12 382.257297 64.96 390.097297 70.7733333 396.497297 78.56 402.897297 86.3466667 407.697297 96.0533333 410.897297 107.68 414.097297 119.306667 415.270631 132.906667 414.417297 148.48L284.177297 149.44 284.177297 127.68 393.937297 126.72 381.777297 140.16C383.057297 127.36 381.990631 116.8 378.577297 108.48 375.163964 100.16 370.257297 93.9733333 363.857297 89.92 357.457297 85.8666667 350.097297 83.84 341.777297 83.84 332.390631 83.84 324.230631 86.24 317.297297 91.04 310.363964 95.84 304.977297 102.826667 301.137297 112 297.297297 121.173333 295.377297 132.16 295.377297 144.96 295.377297 164.16 299.643964 178.613333 308.177297 188.32 316.710631 198.026667 328.870631 202.88 344.657297 202.88 351.270631 202.88 356.923964 202.08 361.617297 200.48 366.310631 198.88 370.257297 196.746667 373.457297 194.08 376.657297 191.413333 379.270631 188.213333 381.297297 184.48 383.323964 180.746667 384.977297 176.853333 386.257297 172.8L416.657297 179.84C414.737297 187.733333 411.803964 194.72 407.857297 200.8 403.910631 206.88 398.950631 212.106667 392.977297 216.48 387.003964 220.853333 380.017297 224.213333 372.017297 226.56 364.017297 228.906667 354.790631 230.08 344.337297 230.08ZM515.697297 230.08C502.470631 230.08 490.737297 228.106667 480.497297 224.16 470.257297 220.213333 461.617297 214.56 454.577297 207.2 447.537297 199.84 442.203964 190.986667 438.577297 180.64 434.950631 170.293333 433.137297 158.613333 433.137297 145.6 433.137297 132.586667 434.950631 120.586667 438.577297 109.6 442.203964 98.6133333 447.377297 89.0666667 454.097297 80.96 460.817297 72.8533333 469.137297 66.56 479.057297 62.08 488.977297 57.6 500.230631 55.36 512.817297 55.36 524.550631 55.36 535.057297 57.28 544.337297 61.12 553.617297 64.96 561.457297 70.7733333 567.857297 78.56 574.257297 86.3466667 579.057297 96.0533333 582.257297 107.68 585.457297 119.306667 586.630631 132.906667 585.777297 148.48L455.537297 149.44 455.537297 127.68 565.297297 126.72 553.137297 140.16C554.417297 127.36 553.350631 116.8 549.937297 108.48 546.523964 100.16 541.617297 93.9733333 535.217297 89.92 528.817297 85.8666667 521.457297 83.84 513.137297 83.84 503.750631 83.84 495.590631 86.24 488.657297 91.04 481.723964 95.84 476.337297 102.826667 472.497297 112 468.657297 121.173333 466.737297 132.16 466.737297 144.96 466.737297 164.16 471.003964 178.613333 479.537297 188.32 488.070631 198.026667 500.230631 202.88 516.017297 202.88 522.630631 202.88 528.283964 202.08 532.977297 200.48 537.670631 198.88 541.617297 196.746667 544.817297 194.08 548.017297 191.413333 550.630631 188.213333 552.657297 184.48 554.683964 180.746667 556.337297 176.853333 557.617297 172.8L588.017297 179.84C586.097297 187.733333 583.163964 194.72 579.217297 200.8 575.270631 206.88 570.310631 212.106667 564.337297 216.48 558.363964 220.853333 551.377297 224.213333 543.377297 226.56 535.377297 228.906667 526.150631 230.08 515.697297 230.08ZM612.817297 225.92 612.817297 0 647.057297 0 647.057297 127.68C654.950631 123.413333 662.470631 118.453333 669.617297 112.8 676.763964 107.146667 683.377297 101.226667 689.457297 95.04 695.537297 88.8533333 700.870631 82.72 705.457297 76.64 710.043964 70.56 713.617297 64.8533333 716.177297 59.52L756.497297 59.52C752.657297 67.6266667 747.803964 75.68 741.937297 83.68 736.070631 91.68 729.403964 99.1466667 721.937297 106.08 714.470631 113.013333 706.310631 118.986667 697.457297 124 688.603964 129.013333 679.377297 132.48 669.777297 134.4L669.777297 138.56C681.723964 137.28 691.963964 138.24 700.497297 141.44 709.030631 144.64 716.390631 149.44 722.577297 155.84 728.763964 162.24 734.257297 169.653333 739.057297 178.08 743.857297 186.506667 748.390631 195.093333 752.657297 203.84L761.617297 225.92 723.217297 225.92 716.817297 210.88C712.123964 200 707.163964 190.346667 701.937297 181.92 696.710631 173.493333 690.523964 166.826667 683.377297 161.92 676.230631 157.013333 667.430631 154.56 656.977297 154.56L647.057297 154.56 647.057297 225.92 612.817297 225.92Z"/></g></g></svg>
</div>
</div>
</div>
</footer>
<div x-cloak
x-dat
x-show="$store.header.mobileOpen"
class="fixed left-0 top-0 z-50 h-screen w-screen bg-zinc-950/50 backdrop-blur-sm xl:!hidden"
x-on:click="$store.header.toggleMobile()"></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/sites/319/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/fabrikat/*","/*\\?(.+)","/checkout/*"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="edd-ajax-js-extra">
var edd_scripts = {"ajaxurl":"https://sleekwp.com/wp-admin/admin-ajax.php","position_in_cart":"","has_purchase_links":"0","already_in_cart_message":"You have already added this item to your cart","empty_cart_message":"Your cart is empty","loading":"Loading","select_option":"Please select an option","is_checkout":"0","default_gateway":"paypal_commerce","redirect_to_checkout":"0","checkout_page":"https://sleekwp.com/checkout/","permalinks":"1","quantities_enabled":"","taxes_enabled":"1","current_page":"2326"};
//# sourceURL=edd-ajax-js-extra
</script>
<script id="edd-ajax-js" src="https://sleekwp.com/wp-content/plugins/easy-digital-downloads-pro/assets/build/js/frontend/edd-ajax.js?ver=3.6.8"></script>
</body>
</html>