import type { Metadata, Viewport } from "next";
import { Noto_Serif } from "next/font/google";

import "@/styles/Landing10.module.css";
import "@/styles/landing-new.css";
import "bootstrap/dist/css/bootstrap.min.css";

import Footer from "@/components/landing-page/LandingFooter";
import Header from "@/components/landing-page/LandingHeader";
import config from "@/utils/config";

export const metadata: Metadata = {
  title: "Rebates.com: The Best Coupons, Deals, Promo Codes & Discounts",
  description:
    "Welcome to Rebates — your ultimate destination for shopping discounts, promo codes, and cashback deals.",
  icons: { icon: config.APP_CONFIG.PLUS_FAVICON },
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
};

const notoSerif = Noto_Serif({
  subsets: ["latin"],
  weight: ["400", "700"],
});

export default function LandingRootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className={notoSerif.className} style={{ marginTop: -74 }}>
      <Header
        BASE_URL=""
        merchant_logo={`${config.ENV_VARS.CDN_URL}/assets/img/logo.png`}
        show_robots={false}
        landing_page={1}
      />

      <main>{children}</main>

      <Footer
        BASE_URL=""
        signup_bonus_amount={20}
        current_cashbackID="CB1234"
        extension_info={{ href: "#", browser: "Chrome" }}
        app_info={{
          link: "#",
          img: `${config.ENV_VARS.CDN_URL}/assets/img/app-imgs/extension@1x.png`,
        }}
        device="Desktop"
        aid="sampleAid"
        STRIPE_PUBLISHABLE_KEY="pk_test_PLACEHOLDER"
      />
    </div>
  );
}