OwlCyberSecurity - MANAGER

Edit File: page.tsx

import React from "react";
import FavoritesBlog from "./FavoritesBlog";
import SelectedBlog from "./SelectedBlog";
import AllBlog from "./AllBlog";
import HomeLoginSection from "../HomeLoginSection";
import Image from "next/image";
import Script from "next/script";
import { breadcrumbSchema } from "../components/script/breadcrumbSchema";

type PageProps = {
  searchParams: { [key: string]: string | string[] | undefined };
};

function ArticlesPage({ searchParams }: PageProps) {
  return (
    <>
      <Script
        id="breadcrumbs-schema"
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(breadcrumbSchema),
        }}
      />
      <main className="flex flex-col">
        <Image
          className="absolute top-16 right-0 z-0"
          src="/assets/images/home/faq-bg3.png"
          alt="مقالات چارسوق"
          width={542}
          height={658}
          priority
        />
        <Image
          className="absolute top-16 left-0 z-0"
          src="/assets/images/home/faq-bg2.png"
          alt="مقالات چارسوق"
          width={532}
          height={443}
          priority
        />
        <div className="articles-page-top">
          <FavoritesBlog />
          <SelectedBlog />
        </div>
        <AllBlog searchParams={searchParams} />
        <HomeLoginSection />
      </main>
    </>
  );
}

export default ArticlesPage;