import type { Metadata } from 'next'
import Header from "@/components/Layout/Header";
import Footer from "@/components/Layout/Footer";
import HeroSection from "@/components/Home/HeroSection";
import ServicesSection from "@/components/Home/ServicesSection";
import SolutionsCarousel from "@/components/Home/SolutionsCarousel";
import BenefitsSection from "@/components/Home/BenefitsSection";
import CTABanner from "@/components/Home/CTABanner";
import PublicCloudInfoSection from "@/components/Home/PublicCloudInfoSection";
import BottomFeaturesSection from "@/components/Home/BottomFeaturesSection";

export const metadata: Metadata = {
  title: '3engines',
  description: 'Cloud services and solutions',
}

export default function Home() {
  return (
    <div className="min-h-screen bg-white">
        <div className="fixed top-0 left-0 right-0 z-50">
          <Header />
        </div>
        <main className="pt-[60px] sm:pt-[65px] md:pt-[60px]">
          <HeroSection/>
          <BottomFeaturesSection/>
          <ServicesSection/>
          <SolutionsCarousel/>
          <BenefitsSection/>
          <CTABanner/>
          <PublicCloudInfoSection/>
        </main>
        <Footer />
      </div>
  );
}
