"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 { FrequentlyAsked } from "@/sections/FrequentlyAsked";
import { Testimonial } from "@/sections/Testimonial";
import {
  CenterAllignedWithVideoHero,
  SquaredBackgroundHero,
} from "@/sections/HeroSections";
import Spacer from "@/components/Spacer";
import LandingPage from "@/pages/LandingPage";
import LandingPageWaitingList from "@/pages/LandingPageWaitingList";

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 />
      {/* <LandingPageWaitingList /> */}
    </>
  );
}