Dashcam comparison pages with SleekRank
Maintain one cams.csv across Nextbase, BlackVue, Viofo, Garmin, Thinkware and 70mai. SleekRank generates /dashcam/{slug}/ for every row, so all 80 actively sold dashcams each get their own indexable comparison page with resolution, FOV, GPS and parking mode.
€50 off for the first 100 lifetime licenses!
Dashcam comparison pages from a spec CSV instead of 80 hand-built posts
Dashcam vendors release new models quarterly. Nextbase pushes iQ generations, BlackVue refreshes DR970X and DR770X yearly, Viofo updates the A229 Plus and Pro, Garmin nudges Mini and Dash Cam Live, Thinkware rolls a new U-series, and 70mai ships a sub-100-dollar entry every season. Resolutions step up from 1080p to 4K, FOV widens, parking modes gain radar.
SleekRank reads from cams.csv and renders one page per row. Columns like resolution, fov_degrees, has_gps, has_parking_mode, front_rear and msrp_usd drive the comparison table on every page. An 80-row sheet becomes 80 indexable pages at /dashcam/{slug}/, and a Nextbase iQ price drop is a one-cell edit that ships on the next cache cycle.
Editors keep working in a spreadsheet. The site keeps emitting fresh dashcam comparison URLs as new models ship. The template guarantees every Nextbase and every BlackVue gets the same comparison table, the same FAQ schema, and the same related-dashcam cluster.
Workflow
How a dashcam cluster goes from CSV to indexed cluster
1
Build the cams CSV
Create a sheet with one row per dashcam. Use columns for resolution, fov_degrees, has_parking_mode, has_gps, front_rear, msrp_usd, brand and category. Export to CSV or publish the Sheet.
2
Create the page group
Configure SleekRank: urlPattern is /dashcam/{slug}/, dataSources points at the CSV, basePageId points at a base page holding the dashcam comparison template, and cacheDuration of 86400 seconds is the standard default.
3
Map CSV columns to template targets
Define mappings so seoTitle drives the tag, metaDescription drives the meta tag, resolution and fov_degrees drive the spec cells, has_parking_mode drives the yes/no badge. Mappings live in versioned JSON.
</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 dashcam URL into the sitemap. Add new dashcams by inserting CSV rows, the cluster grows itself, no editor sessions needed for another comparison page.
</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 cams.csv with five rows</span>
</h2>
<div class="text-g-700 max-w-3xl text-base leading-relaxed lg:text-lg">
One row per dashcam model. Columns capture resolution, field of view, parking mode, GPS support and US retail price for the comparison table on every page.
</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> Dashcam specifications 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">resolution</th>
<th class="border-g-200 px-3 py-2.5 text-left border-l">fov_degrees</th>
<th class="border-g-200 px-3 py-2.5 text-left border-l">has_parking_mode</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 ">nextbase-iq-1k</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">1440p</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">140</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">499</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 ">blackvue-dr970x-2ch</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">4K</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">139</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">549</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 ">viofo-a229-plus</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">2K</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">140</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">279</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 ">garmin-mini-2</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">1080p</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">140</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">149</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 ">70mai-omni-360</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">1080p</td>
<td class="border-g-200 text-g-800 px-3 py-2.5 border-l">360</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">299</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">/dashcam/{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">/dashcam/nextbase-iq-1k/</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">/dashcam/blackvue-dr970x-2ch/</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">/dashcam/viofo-a229-plus/</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">/dashcam/garmin-mini-2/</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">/dashcam/70mai-omni-360/</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 dashcam posts vs SleekRank for dashcams</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>Eighty separate posts each duplicate the same comparison table layout per cam.</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>Quarterly Nextbase and Viofo refreshes force manual sweeps across each 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>Firmware that adds a feature lands in zero or every post, never partial coverage.</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 gets pasted by hand and drifts out of sync within a few months.</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 cams break as Garmin or Thinkware 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>Adding the next 70mai or BlackVue is a fresh post from scratch every single time.</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>cams.csv</code> drives every dashcam page with no duplicate 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>A price change on Viofo A229 Plus updates one row, not 80 hand-edited posts.</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>Set <code>cacheDuration</code> to 86400 seconds for daily refresh after launches.</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>/dashcam/{slug}/</code> keeps URLs 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 from the <code>faqs</code> column without manual JSON 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 a 4K BlackVue is one row in the CSV, no WordPress editor sessions needed.</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 Dashcam 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="M80 224l37.78-88.15C123.93 121.5 139.6 112 157.11 112h197.78c17.51 0 33.18 9.5 39.33 23.85L432 224M80 224h352v144H80zM112 368v32H80v-32M432 368v32h-32v-32" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><circle cx="144" cy="288" r="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><circle cx="368" cy="288" r="16" 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>Car-by-car 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 dashcam page renders the same comparison table: resolution, FOV, parking mode, GPS, supercapacitor or battery. Buyers comparing Nextbase iQ to BlackVue see the same axes in the same order, 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>Spec sheet as 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 dashcam specs live. WordPress reads from it, never duplicates it. When Garmin adjusts Mini 2 retail pricing, edit that cell, and every page comparing against the Mini 2 reflects the new price.</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 control per cluster</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. Dashcam pricing shifts often enough that 12 to 24 hours suits most sites. After a Nextbase or BlackVue launch, clear the item cache and every comparison page refreshes instantly without manual edits.</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 dashcam cluster pays off</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>Dashcam affiliate 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 operators target [nextbase iq vs blackvue dr970x] and 500 other long-tail dashcam comparisons by giving each cam its own URL and ranking signals, rather than burying every cam in one mega-list buyers ignore.</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="M336 176L225.2 304 176 255.8"/><path d="M463.1 112.37C373.68 96.33 336.71 84.45 256 48c-80.71 36.45-117.68 48.33-207.1 64.37C32.7 369.13 240.58 457.79 256 464c15.42-6.21 223.3-94.87 207.1-351.63z" 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>Insurance and fleet content</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>Insurance and fleet content sites recommending dashcams send one URL per cam to a broker or fleet manager. The cluster keeps current with the lineup so recommendations never point at a discontinued or repriced model.</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="M368 415.86V72a24.07 24.07 0 00-24-24H72a24.07 24.07 0 00-24 24v352a40.12 40.12 0 0040 40h328" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"/><path d="M416 464h0a48 48 0 01-48-48V128h72a24 24 0 0124 24v264a48 48 0 01-48 48z" 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="M240 128h64M240 192h64M112 256h192M112 320h192M112 384h192"/><path d="M176 208h-64a16 16 0 01-16-16v-64a16 16 0 0116-16h64a16 16 0 0116 16v64a16 16 0 01-16 16z"/></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>Auto blogs and YouTube</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>Auto blogs and YouTube channels reviewing dashcams link individual reviews to a SleekRank dashcam page that holds current specs. Reviews stay timeless while the linked comparison data updates from the CSV.</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 dashcam buyers reward sites with one page per cam</span>
</h2>
<div class="text-g-700 max-w-3xl space-y-4 text-base leading-relaxed lg:text-lg">
<p>Dashcam buyers search by model name and capability. They type [nextbase iq vs blackvue dr970x], [viofo a229 plus parking mode], [garmin mini 2 review], [70mai omni 360 review]. Each query maps to one specific cam, and Google rewards pages whose URL, title and body match the query exactly.</p>
<p>A single 80-cam mega-post cannot rank for 80 different comparison queries at once because its URL and title can only signal one cam at a time. Cluster architecture solves the problem by giving each cam its own URL, its own title, its own meta description and its own body of comparison content. SleekRank lets you keep that architecture without paying the cost of maintaining 80 separate posts.</p>
<p>The cams.csv is the only file you edit when Nextbase refreshes iQ, when BlackVue raises a DR970X price, or when Viofo adds a firmware feature. Every cam page in the cluster reflects the change on the next cache pass, and the site grows with the dashcam category instead of falling behind it.</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 Dashcam 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 dashcam comparison pages can SleekRank generate 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 actively sold dashcam lineup runs roughly 80 cams across Nextbase, BlackVue, Viofo, Garmin, Thinkware and 70mai. SleekRank handles thousands of rows per group, so adding older or international models scales as a CSV operation, not a content 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 dashcam 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>/dashcam/{slug}/</code> produces one canonical URL per row, and the page group config maps per-row CSV columns to the title, meta description and OG image fields. No duplicate metadata, no canonical conflicts.</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 cam's page compare against multiple competing cams?</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-cams table that pulls the same CSV filtered by category. A Nextbase iQ page can compare against every cloud-connected dashcam, a Viofo page can compare against every supercapacitor dashcam in the lineup.</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 Nextbase ships the next iQ 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 cams.csv with the new slug, model name, resolution, FOV and price. On the next sync the new URL appears in the sitemap. Run wp rewrite flush once and the URL is live, indexed and linked from related cams 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 radar or AI driver alerts without rebuilding?</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 on every page that has data for it. Empty cells fall back to the template default or skip the row entirely.</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 dashcams like older Garmin Dash Cam 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>Tag the row with a status column and filter discontinued cams out of the live group, or keep them indexed with a discontinuation notice rendered from a template conditional. Either pattern works without removing historical comparison 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 dashcam 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 into the same FAQPage JSON-LD that the rest of your site uses, so each cam page contributes its own FAQ block to Google 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 a dashcam 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. Dashcams, smartwatches, smart rings, ebook readers and any other cluster each get their own page group with their own URL pattern, data source and cache interval. They share the plugin and template engine but never collide on URLs or data.</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/sba-loan-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 SBA loan 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 SBA preferred lenders and pairs as rows, and SleekRank generates /sba-loans/{lender}/ and /sba-loans/{a}-vs-{b}/ pages from your exi...</span>
</p>
</a>
<a href="https://sleekwp.com/rank/for/field-service-software-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 field service software 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 field service software in a sheet with scheduling depth, mobile features, dispatch model, and pricing. SleekRank generates /field-s...</span>
</p>
</a>
<a href="https://sleekwp.com/rank/for/embeddings-model-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 embeddings model 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 embeddings models in a sheet with dimensions, MTEB score, context length, and pricing. SleekRank generates /embeddings/{slug}/ and ...</span>
</p>
</a>
<a href="https://sleekwp.com/rank/for/salon-software-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 salon software 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 salon software in a sheet with monthly pricing, booking depth, inventory tracking, and payment processing fit. SleekRank renders /s...</span>
</p>
</a>
<a href="https://sleekwp.com/rank/for/hr-payroll-software-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 HR payroll software 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 HR payroll tools and pairs as rows, and SleekRank generates /hr-payroll/{product}/ and /hr-payroll/{a}-vs-{b}/ pages from your exist...</span>
</p>
</a>
<a href="https://sleekwp.com/rank/for/review-management-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 review management software 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 review management tools as rows, and SleekRank generates /review-management/{tool}/ and /review-management/{industry}/ pages from yo...</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/diner-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
diner directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/private-club-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
private club directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/tool-library-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Tool libraries
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/integrative-medicine-doctor-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
integrative medicine doctor directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/small-business-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
small business directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/criminal-defense-attorney-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
criminal defense attorney directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/beach-club-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
beach club directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/chinese-restaurant-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Chinese restaurant directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/family-law-attorney-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
family law attorney directories
</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/pulmonologist-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
pulmonologist directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/functional-medicine-doctor-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
functional medicine doctor directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/korean-restaurant-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Korean restaurant directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/slip-and-fall-attorney-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
slip and fall attorney directories
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/bike-shop-directories/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
bike 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/powershell-cmdlet-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
PowerShell cmdlet pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/coffee-recipe-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
coffee recipe pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/pottery-form-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
pottery form pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/encyclopedia-article-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
encyclopedia article pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/language-grammar-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Language grammar reference pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/hike-trail-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
hiking trail pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/flexibility-workout-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
flexibility workout pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/fodmap-recipe-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
FODMAP recipe pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/moon-of-planet-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
moon-of-planet pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/paper-craft-pattern-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
paper craft pattern pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/ghost-story-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
ghost story pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/quote-by-topic-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Quote collections by topic
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/ice-cream-recipe-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
ice cream recipe pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/soldering-tutorial-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
soldering tutorial pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/high-school-physics-lesson-pages/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
high school physics lesson 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/earnings-call-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
earnings call listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/rock-climbing-route-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
rock climbing route listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/estate-auction-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
estate auction listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/artist-residency-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
artist residency listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/job-board-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
job board listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/timberland-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
timberland listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/cabin-rental-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
cabin rental listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/real-estate-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
real estate listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/yacht-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
yacht listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/vintage-watch-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
vintage watch listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/yoga-retreat-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
yoga retreat listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/camera-rental-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
camera rental listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/mountain-pass-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
mountain pass listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/toy-hauler-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Toy hauler RV listings
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/job-shadow-listings/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
job shadow 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/sba-loan-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
SBA loan comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/field-service-software-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
field service software comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/embeddings-model-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
embeddings model comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/salon-software-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
salon software comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/hr-payroll-software-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
HR payroll software comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/review-management-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
review management software comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/stock-screener-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
stock screener comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/student-loan-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
student loan comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/mortgage-rate-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
mortgage rate comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/ai-tool-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
AI tool comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/medicare-advantage-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
Medicare Advantage comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/site-reliability-platform-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
site reliability platform comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/asset-management-platform-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
asset management platform comparisons
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/credit-card-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
credit card comparison pages
</a>
</li>
<li>
<a
href="https://sleekwp.com/rank/for/credit-monitoring-comparisons/"
class="text-sm text-g-700 transition hover:text-g-950 hover:underline"
>
credit monitoring 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>