import { useHomeData } from "@/context/helpers/Home";
import { useHome } from "@/context/helpers/Home/HomeContext";
import SEO from "@/components/shared/SEO";
import AnalyticsScripts from "@/components/shared/AnalyticsScripts";

/**
 * Shared component for home page SEO and analytics scripts
 * Used across all layout home pages to eliminate duplication
 */
export default function HomePageSEO() {
  const { homeSEO } = useHomeData();
  const { companyData, analyticsScript } = useHome();

  // Get SEO data from homeSEO or fallback to company data
  const seoData = homeSEO?.[0] || {};
  const title =
    seoData.meta_title || companyData?.company_details?.name || "Home";
  const description =
    seoData.meta_description || companyData?.company_details?.description || "";
  const keywords = seoData.meta_keywords || "";
  const image = companyData?.logo || "";

  return (
    <>
      <SEO
        title={title}
        metaTitle={seoData.meta_title || title}
        description={description}
        keywords={keywords}
        image={image}
        type="website"
        schema={{
          "@context": "https://schema.org",
          "@type": "WebSite",
          name: companyData?.company_details?.name || "",
          description: description,
          url: typeof window !== "undefined" ? window.location.origin : "",
        }}
        companyData={companyData}
      />

      {/* Analytics script - only on home page */}
      {analyticsScript && (
        <AnalyticsScripts analyticsScript={analyticsScript} />
      )}
    </>
  );
}