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 وعلمت ولكن اريد مع الظل او اذا في المشتقبل حدثت نفس المشكلة اعرف الحل
فهمت عليك هلق جتني فكرة انو حاليا الموقع على جهازي اني ادرج الصور بواسطة FTP عبر API لملف يكون عامل سيرفر مثل xampp يعني من شان المحاكاة قبل وضعها باستضافة معينة بس فهمت الوضع شكرا صح وكنت سألك سؤال في موضوع تاني يلي هو مشكلة صارتلي في css Tailwind ورديت عليك بالسؤال:- رابط السؤال لسا المشكلة عندي وادرجت رابط فيديو فيه المشكلة تأخرت بالرد اني سحبت عليها مؤقتا لين ما اظبط اشياء ثانية والحين عم احاول احلها
