feat: Refactor blog components and add pagination

2026-02-03 17:05:09 +07:00
parent bf652a64b6
commit 29cc0bf2cd
27 changed files with 2051 additions and 429 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,13 +1,12 @@
 import type { Metadata } from "next";
 import "./globals.css";

-
-import Header from "./components/Header";
-import Footer from "./components/Footer";
 import Loader from "./components/Loader";
 import BackToTop from "./components/BackToTop";
 import MouseCursor from "./components/MouseCursor";
 import Script from "next/script";
+import Header from "./components/layout/Header/Header";
+import Footer from "./components/layout/Footer/Footer";

 export const metadata: Metadata = {
  title: "Visaway – Immigration & Visa Consulting HTML Template",
@@ -24,7 +23,7 @@ export default function RootLayout({
      <head>
        {/* Favicon */}
        <link rel="shortcut icon" href="/assets/img/favicon.png" />
-        
+
        {/* Bootstrap min.css */}
        <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
        {/* All Min Css */}
@@ -35,7 +34,7 @@ export default function RootLayout({
        <link rel="stylesheet" href="/assets/css/magnific-popup.css" />
        {/* MeanMenu.css */}
        <link rel="stylesheet" href="/assets/css/meanmenu.css" />
-         {/* Odometer.css */}
+        {/* Odometer.css */}
        <link rel="stylesheet" href="/assets/css/odometer.css" />
        {/* Swiper Bundle.css */}
        <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css" />
@@ -44,16 +43,13 @@ export default function RootLayout({
        {/* Main.css */}
        <link rel="stylesheet" href="/assets/css/main.css" />
      </head>
-     <body className="smooth-scroll-yes">
+      <body className="smooth-scroll-yes">
        <Loader />
        <BackToTop />
        <MouseCursor />
        <Header />
-        
        {children}
-        
        <Footer />
-
        {/* Scripts */}
        <Script src="/assets/js/jquery-3.7.1.min.js" strategy="beforeInteractive" />
        <Script src="/assets/js/viewport.jquery.js" strategy="afterInteractive" />