import type { Metadata } from "next";
import Header from "@/components/shared/Header";
import Footer from "@/components/shared/Footer";
import ProjectHero from "@/components/project/ProjectHero";
import ProjectGrid from "@/components/project/ProjectGrid";

export const metadata: Metadata = {
  title: "Project",
  description:
    "Explore Sasico's featured digital agency and SaaS projects, showcasing design, development, and product execution quality.",
};

export default function Home() {
  return (
    <>
      <div className="wrapper">
        <section className="main-sec3">
          <Header />
          <ProjectHero />
        </section>

        <ProjectGrid />

        <Footer />
      </div>
    </>
  );
}