import { Navbar } from "@/components/aiero/Navbar";
import { HeroSection } from "@/components/aiero/HeroSection";
import { CardsGrid } from "@/components/aiero/CardsGrid";
import { PossibilitiesSection } from "@/components/aiero/PossibilitiesSection";
import { TinkerSection } from "@/components/aiero/TinkerSection";
import { MarqueeStrip } from "@/components/aiero/MarqueeStrip";
import { FeaturesSection } from "@/components/aiero/FeaturesSection";
import { WOWSection } from "@/components/aiero/WOWSection";
import { BenefitsGridSection } from "@/components/aiero/BenefitsGridSection";
import { MetricsSection } from "@/components/aiero/MetricsSection";
import { HowItWorksSection } from "@/components/aiero/HowItWorksSection";
import { TeamSection } from "@/components/aiero/about/TeamSection";
import { TestimonialsSection } from "@/components/aiero/services/TestimonialsSection";
import { BlogSection } from "@/components/aiero/BlogSection";
import { PartnerLogosSection } from "@/components/shared/PartnerLogosSection";
import { PreFooterCTA } from "@/components/shared/PreFooterCTA";

export default function Home() {
  return (
    <main className="bg-white">
      <div className="absolute left-5 right-5 top-0 z-50">
        <Navbar />
      </div>
      <HeroSection />
      <CardsGrid />
      <PossibilitiesSection />
      <TinkerSection />
      <MarqueeStrip text="/ Join ChatGPT in shaping the future of technology for whole world." />
      <section
        className="relative z-[15] mt-[40px] mb-[-90px] px-[20px] pb-[40px]"
        style={{ transform: "rotate(-2.07deg)" }}
      >
        <div className="h-[130px] w-full rounded-[20px] bg-tenext-dark" />
      </section>
      <WOWSection />
      <FeaturesSection />
      <BenefitsGridSection />
      <MetricsSection />
      <HowItWorksSection />
      <TeamSection />
      <TestimonialsSection />
      <BlogSection />
      <PartnerLogosSection />
      <PreFooterCTA />
    </main>
  );
}