import type { Metadata } from "next"; import Link from "next/link"; import { ConverterCard } from "@/components/ConverterCard"; import { getConverterPage, CONVERTER_SLUGS } from "@/lib/converterPages"; export function generateStaticParams() { return CONVERTER_SLUGS.map((slug) => ({ slug })); } export async function generateMetadata({ params, }: { params: Promise<{ slug: string }>; }): Promise { const { slug } = await params; const p = getConverterPage(slug); if (!p) return { title: "Converter" }; return { title: p.title, description: p.description, }; } export default async function ConverterLandingPage({ params, }: { params: Promise<{ slug: string }>; }) { const { slug } = await params; const p = getConverterPage(slug); if (!p) { return (

Page not found

That converter page doesn’t exist. Go back to the main image converter.

Back to home
); } return (

Image convert • {p.from} → {p.to}

{p.h1}

{p.description}

Input

{p.from}

Common: {p.fromExts.join(", ")}

Output

{p.to}

Preset: {p.toFormat}

Options

Compress + resize

Quality + width/height

{p.from} to {p.to} converter (online)

{p.intro.map((t) => (

{t}

))}

This page is designed to be crawlable and useful: it explains when to use {p.to}, how to compress an image, and how to resize during conversion.

FAQ

{p.faq.map((item) => (

{item.q}

{item.a}

))}
); }