"use client";

import React from "react";
import PageHeader from "@/sections/PageHeader";
import Newsletter from "@/sections/Newsletter/Newsletter";
import Background from "@/components/Utilities/Background";
import Footer from "@/components/Footer";
import Payment from "@/sections/Payment";
import Spacer from "@/components/Utilities/Spacer";

export default function PricingPage() {
  return (
    <main
      id="content"
      role="main"
      className="h-full flex flex-col min-h-screen mx-auto w-screen overflow-hidden bg-base-100 "
    >
      <Background>
        <PageHeader
          title="Pricing"
          subtitle={
            <>
              {" "}
              <h2 className="text-base-content text-2xl font-medium content text-center max-w-6xl mx-auto px-6">
                Are you ready to save 20 hours of coding? Start your Micro-SaaS
                today
              </h2>
            </>
          }
        />
        <Payment type="one_time" />
        <Spacer className="mt-auto" />
        <Newsletter />
        <Spacer className="mb-8" />
        <Footer />
      </Background>
    </main>
  );
}