"use client"

import Footer from "@/components/Footer"
import Background from "@/components/Utilities/Background"
import Spacer from "@/components/Utilities/Spacer"
import SolidBackgrondIconFeature from "@/sections/Features/SolidBackgrondIconFeature"
import PageHeader from "@/sections/PageHeader"
import React from "react"

const page = () => {
  return (
    <div className="flex flex-col h-full w-full bg-base-100 ">
      <Background>
        <PageHeader
          title="What's New"
          subtitle={
            <>
              {" "}
              <h2 className="text-base-content text-2xl font-medium content text-center max-w-6xl mx-auto px-6">
                Fastpocket gives you boilerplate to help you build.
              </h2>
            </>
          }
        />

        <SolidBackgrondIconFeature />
        <Spacer className="mt-auto" />
        <Footer />
      </Background>
    </div>
  )
}

export default page