import type { Metadata } from "next";
import Header from "@/components/shared/Header";
import Footer from "@/components/shared/Footer";
import BlogHero from "@/components/blog/BlogHero";
import BlogGrid from "@/components/blog/BlogGrid";

export const metadata: Metadata = {
  title: "Blog",
  description:
    "Read Sasico blog articles on SaaS growth, product design, development trends, and digital agency best practices.",
};

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

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