import type { Metadata } from "next";
import SharedHeader from "@/components/shared/SharedHeader";
import Hero from "@/components/home/Hero";
import Marquee from "@/components/home/Marquee";
import Brand from "@/components/shared/Brand";
import AboutUs from "@/components/home/AboutUs";
import Services from "@/components/shared/Services";
import WhyChooseUs from "@/components/home/WhyChooseUs";
import Services2 from "@/components/shared/Services2";
import Projects from "@/components/home/Projects";
import Team from "@/components/shared/Team";
import Pricing from "@/components/home/Pricing";
import Testimonials from "@/components/home/Testimonials";
import Blog from "@/components/shared/Blog";
import Footer from "@/components/shared/Footer";

export const metadata: Metadata = {
  title: {
    absolute: "Home | Sasico || IT Solution - SaaS & Tech Startup",
  },
  description:
    "Transform your business with our innovative IT solutions and SaaS products.",
};

export default function Home() {
  return (
    <>
      <SharedHeader />
      <Hero />
      <Marquee />
      <section className="brand-sec space">
        <Brand />
      </section>
      <AboutUs />
      <section className="service-sec space-bottom">
        <Services />
      </section>
      <WhyChooseUs />
      <section className="service-sec2 space-bottom">
        <Services2 />
      </section>

      <Projects />
      <section className="team-sec space-bottom">
        <Team />
      </section>
      <Pricing />
      <Testimonials />
      <Blog />
      <Footer />
    </>
  );
}