import type React from "react";
import type { Metadata } from "next";
import { generatePageMetadata } from "@/lib/seo/metadata";
import { FrontendHeader } from "@/components/frontend/header";
import { FrontendFooter } from "@/components/frontend/footer";
import { ScrollToTop } from "@/components/frontend/scroll-to-top";

export const metadata: Metadata = generatePageMetadata({
  title: "Ameera Holidays",
  description:
    "Experience seamless travel with Ameera Holidays - Book vehicles, hotels, spiritual packages, and custom travel experiences across India. Your journey begins here.",
  path: "/",
  type: "website",
});

export default function FrontendLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <>
      <noscript>
        <iframe
          src={`https://www.googletagmanager.com/ns.html?id=${process.env.NEXT_PUBLIC_GTM_ID}`}
          height="0"
          width="0"
          style={{ display: "none", visibility: "hidden" }}
        />
      </noscript>
      <ScrollToTop />
      <FrontendHeader />
      {children}
      <FrontendFooter />
    </>
  );
}