import Link from "next/link";
import Layout from "@/components/layout/Layout";
import Blogs from "@/utils/constant.utils";
import BlogList from "@/components/elements/BlogList";

export const metadata = {
  title: "Street-Food Stories from Sixty5 Street",
  description: "Dive into the Sixty5 Street blog for behind-the-scenes stories, flavor experiments, new dish launches and street-food culture updates.",
};

export default function Blog() {
  return (
    <Layout
      headerStyle={2}
      footerStyle={2}
      breadcrumbTitle="Blog"
      bgImage={"/assets/images/inner-banner/blog-banner.webp"}
    >
      <div className="sidebar-page-container pt-5">
        <div className="auto-container">
          <div className="sec-title mb-4 centered">
            <div className="title">Our Blogs</div>
            <h2>Explore Our Delicious Dishes</h2>
            <div className="separate"></div>
          </div>

          <BlogList blogs={Blogs} />
        </div>
      </div>
    </Layout>
  );
}