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

export const metadata = {
  title: "Rapharehab Blog – Wellness Tips & Rehab Insights",
  description: "Explore expert articles from Rapharehab on physiotherapy, injury recovery, and wellness. Stay informed with trusted health tips and rehab advice.",
};

export default function Blog() {
  return (
    <Layout headerStyle={1} footerStyle={1} breadcrumbTitle="Blog" bannerImage="/assets/images/blog/blog-banner.webp">
      <section className="news-section sec-pad">
        <div className="auto-container">
          <div className="sec-title mb_50 centred">
            <span className="sub-title">Our Blog</span>
            <h2>Stay Updated with <br />Our Recent Blog Posts</h2>
          </div>

          <BlogList blogs={Blogs} />

        </div>
      </section>
    </Layout>
  );
}