import { Metadata } from "next";
import { faqs } from "@/lib/constants";
import { generatePageMetadata } from "@/lib/metadata";
import { generateFAQSchema, generateBreadcrumbSchema } from "@/lib/structured-data";
import { HomeFAQ } from "@/components/home/HomeFAQ";
import { FinalCTA } from "@/components/home/FinalCTA";

export const metadata: Metadata = generatePageMetadata({
  title: "FAQ — Istanbul Asian Side Tours",
  description:
    "Answers to the most common questions about visiting Istanbul's Asian side, Kadıköy, Bağdat Caddesi, and our curated experiences.",
  path: "/faq",
});

export default function FAQPage() {
  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(generateFAQSchema(faqs)) }}
      />
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(generateBreadcrumbSchema([
            { name: "Home", url: "https://theanatolianedit.com" },
            { name: "FAQ", url: "https://theanatolianedit.com/faq" },
          ])),
        }}
      />

      <div className="pt-20 md:pt-28">
        <HomeFAQ />
      </div>
      <FinalCTA />
    </>
  );
}
