"use client";

import Container from "@/components/elements/Container";
import TabNavigation from "@/components/TabNavigation";
import ExploreGrid from "@/components/explore/ExploreGrid";
import Link from "next/link";
import { FiChevronRight } from "react-icons/fi";

export default function ExplorePage() {
  return (
    <>
      <Container className="pb-28">
        <header className="glass-panel sticky top-0 z-40 mb-2 flex items-center gap-2 border-b border-white/30 px-3 py-3 dark:border-white/10">
          <Link
            href="/"
            className="gentle-transition flex h-9 w-9 items-center justify-center rounded-full text-[#0095f6] active:scale-90"
            aria-label="بازگشت"
          >
            <FiChevronRight size={22} />
          </Link>
          <h1 className="text-lg font-bold">اکسپلور</h1>
        </header>
        <ExploreGrid />
      </Container>
      <TabNavigation currentPage="/explore" />
    </>
  );
}
