"use client";
import HeroHome from "@/sections/HeroHome";
import FeaturesBlocks from "@/sections/FeaturesBlocks";
import FeaturesZigZag from "@/sections/FeaturesZigzag";
import Newsletter from "@/sections/Newsletter/Newsletter";
import Aos from "aos";
import "aos/dist/aos.css";
import { useEffect } from "react";
import React from "react";
import {
  CenterAllignedWithVideoHero,
  WaitingListWithImageHero,
} from "@/sections/HeroSections";
import PageWrapper from "@/components/Utilities/PageWrapper";
import Footer from "@/components/Footer";

export default function Home() {
  useEffect(() => {
    Aos.init({
      delay: 50,
      easing: "ease-out-cubic",
      once: true,
      offset: 50,
    });
  }, []);

  return (
    <>
      {/*  Page sections */}
      {/* <HeroHome /> */}
      {/* <Spacer className="pt-32" /> */}
      {/* <CenterAllignedWithVideoHero /> */}
      {/* <SquaredBackgroundHero />
      <FeaturesBlocks />
      <FeaturesZigZag />
      <FrequentlyAsked />
      <Testimonial />
      <Newsletter /> */}
      {/* <LandingPage /> */}
      <PageWrapper>
        {/* ========== END HEADER ========== */}
        {/* ========== MAIN CONTENT ========== */}
        {/* <WaitingListWithImageHero /> */}
        <WaitingListWithImageHero />
        {/* ========== END MAIN CONTENT ========== */}
        {/* ========== FOOTER ========== */}
        {/* ========== END FOOTER ========== */}
      </PageWrapper>
      {/* <LandingPageWaitingList /> */}
    </>
  );
}
