import Header from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";
import ScrollProgress from "@/components/layout/ScrollProgress";
import {
  Intro,
  TheWhy,
  TheProblem,
  TheShift,
  MeetLyts,
  OneDay,
  Feelings,
  Difference,
  TheLoop,
} from "@/components/story/SectionsA";
import {
  ForYou,
  ForBusiness,
  WhyNow,
  HowItWorks,
  OldVsNew,
  TheVision,
  OurBelief,
  ThePromise,
} from "@/components/story/SectionsB";

export default function Home() {
  return (
    <main className="relative w-full">
      <ScrollProgress />
      <Header />
      <Intro />
      <TheWhy />
      <TheProblem />
      <TheShift />
      <MeetLyts />
      <OneDay />
      <Feelings />
      <Difference />
      <TheLoop />
      <ForYou />
      <ForBusiness />
      <WhyNow />
      <HowItWorks />
      <OldVsNew />
      <TheVision />
      <OurBelief />
      <ThePromise />
      <Footer />
    </main>
  );
}
