import Link from "next/link";
import { FreeToolsLottie } from "@/components/common/FreeToolsLottie";
/**
* Real inline SVG icons, copied verbatim from the live "Rightbar Service"
* module's own stored content (`JM_modules` id 115 — see AGENTS.md
* "Services-page right sidebar"). The live site renders these as raw
* `` markup, not bitmap images — this
* app previously stood in PNG icons here, which not only didn't match the
* real artwork but meant the real hover rule already ported into
* `app/css/sidebars.css` (`.box-tool:hover .tool-image path{fill:#fff}`)
* had nothing to act on, since a bitmap `` has no `` elements.
*/
export const FREE_TOOLS: { label: string; href: string; svg: string }[] = [
{
label: "AI Humanizer",
href: "/ai-humanizer",
svg: '',
},
{
label: "AI Essay Writer",
href: "/ai-essay-writer",
svg: '',
},
{
label: "Essay Typer Tool",
href: "/essay-typer",
svg: '',
},
{
label: "Plagiarism Checker",
href: "/plagiarism-checker",
svg: '',
},
{
label: "Paraphrasing Tool",
href: "/paraphrasing-tool",
svg: '',
},
{
label: "Grammar Checker Tool",
href: "/grammar-checker",
svg: '',
},
{
label: "Reference Generator",
href: "/referencing",
svg: '',
},
{
label: "AI homework helper",
href: "/ai-homework-helper",
svg: '',
},
{
label: "Thesis statement",
href: "/thesis-tool",
svg: '',
},
{
label: "Dissertation generator",
href: "/dissertation-outline-generator",
svg: '',
},
{
label: "Summary generator",
href: "/summary-generator",
svg: '',
},
];
export function ExploreFreeToolsBlock() {
return (
Explore Our FREE Tools
{FREE_TOOLS.map((tool) => (
{/* Real inline SVG from the live module content — safe,
static markup with no user input, same pattern as other
verbatim-copied real markup elsewhere in this app. Sized
by its own native `width="30" height="30"` attributes,
same as the live markup — the real CSS never overrides
`.tool-image`'s size, only its transition/hover color. */}