import type { Metadata, Viewport } from "next";
import Script from "next/script";

import Footer from "@/components/layout/Footer";

import "@/styles/landing4/download-extension-style.css";
// import "@/styles/landing4/style.css";

export const metadata: Metadata = {
  title: "Rebates Extension Landing",
  icons: {
    icon: "https://rebates.com/assets/img/favicon/favicon.png",
  },
};

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

export default function Landing4Layout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <>
      <Script
        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
        strategy="afterInteractive"
      />
      {children}
      <Footer />
    </>
  );
}