"use client";
import Link from "next/link";
import React from "react";

export const Logo = () => {
  return (
    <Link
      href="/"
      className="font-normal flex space-x-2 items-center text-sm mr-4  text-black px-2 py-1  relative z-20"
    >
      {/* Replace with actual logo or app name */}
      <span className="text-2xl">✨</span>
      <span className="font-bold text-transparent bg-clip-text bg-gradient-to-r from-amber-400 to-yellow-600">كورس حنان</span>
    </Link>
  );
};
