import React from "react";
import Image from "next/image";
import Video from "@/components/Video";
import Tag from "./Tag";
import gg from "public/Person.jpg"
export default function InformationProject() {
return (
{/* الصورة مع الخلفية */}
<div className="backdrop-blur-2xl bg-center bg-inherit bg-origin-border" style={{
backgroundImage: `url("https://m.media-amazon.com/images/M/MV5BNjRlZmM0ODktY2RjNS00ZDdjLWJhZGYtNDljNWZkMGM5MTg0XkEyXkFqcGdeQXVyNjAwMjI5MDk@._V1_.jpg")`
}}>
{/* Blur to Background */}
<div className="absolute bg-blue-950 bg-opacity-75 backdrop-blur-lg w-screen h-full -z-50 bottom-0 left-0"></div>
</div>
);
}
و ال navbar
import NavbarItem from "./NavbarItem";
export default async function Navbar() {
// Comande Create In Navbar
const arrayitems:[String,String][]=[
["Home", "/"],
["Projects","/Projects"],
["Gallery", "/Gallery"],
["News", "/News"],
["About", "/About"],
];
// Comande Create In Navbar //
return (
<nav className="bg-gray-100 py-6 font-bold fixed z-50 glass bg-opacity-30 w-full top-0">
<NavbarItem arrayitem={arrayitems}/>
</nav>
);
}
و عناصر navbar:-
"use client";
import { Router } from "next/router";
import React, { ReactElement } from "react";
import { usePathname } from "next/navigation";
import Link from "next/link";
type arrayItemProps = [String, String][];
export default function NavbarItem({ arrayitem }: arrayItemProps) {
// Script Create Button in Navbar //
const navitem: ReactElement[] = arrayitem.map(([title, url]:String, index) => {
const router: String = usePathname();
return (
<Link
href={url}
className={`px-2 font-bold hover:text-gold uppercase text-xl tracking-wider border-b-4 border-transparent border-solid hover:border-b-4 hover:border-gold ${
router === url ? "text-gold" : ""
}`}
key={index}
>
{title}
</Link>
);
});
// //Script Create Button in Navbar// //
return (
<div className="flex flex-row justify-center">
<div className="mr-5">{navitem[0]}</div>
{navitem.slice(1)}
</div>
);
}
لقد جربت ازالة الظل من navbar وعلمت ولكن اريد مع الظل او اذا في المشتقبل حدثت نفس المشكلة اعرف الحل