import Link from "next/link";
import { informationPages, type InformationSlug } from "@/data/information";
import { EnquiryForm } from "./enquiry-form";
import { StoreContact } from './store-contact';

export function InformationPage({ slug, topic }: { slug: InformationSlug; topic?: string }) {
  const page = informationPages[slug];
  return <article className="information-page section-padding"><nav className="product-breadcrumbs" aria-label="Breadcrumb"><Link href="/">Home</Link><span>/</span><span>{slug === "about" ? "Our story" : slug.charAt(0).toUpperCase() + slug.slice(1)}</span></nav><p className="eyebrow">FASHION MART / A LITTLE MORE INFORMATION</p><h1>{page.title}</h1><p className="information-intro">{page.intro}</p><div className="information-content">{page.sections.map((section) => <section key={section.title}><h2>{section.title}</h2><p>{section.text}</p></section>)}</div>{slug === "contact" ? <><StoreContact /><EnquiryForm topic={topic} /></> : <div className="information-actions"><Link href="/shop" className="button button-primary">Explore collections</Link><Link href="/contact" className="text-link">Get in touch</Link></div>}</article>;
}