v.korobtsev/vkorobtsev-nextJs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[feat] small color, content revision

Browse source
This commit is contained in:
Alvalen 2023-09-05 21:39:08 +07:00
parent fb466e1c15
commit 3d53a8f54a
11 changed files with 171 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

25
app/projects/[slug]/page.js
View file

@ -5,6 +5,8 @@ import jsonData from "../../../json/data.json";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faGithub } from "@fortawesome/free-brands-svg-icons";
import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
import NotFound from "@/app/not-found";
import Image from "next/image";
function Page({ params }) {
const [data, setData] = useState(null);
@ -21,22 +23,9 @@ function Page({ params }) {
if (data === "404") {
return (
<div className="relative min-h-screen w-full gap-4 p-10 flex justify-center items-center flex-col mb-10 ">
<div className="min-h-screen flex justify-center items-center">
<div className="mx-auto grid grid-cols-1 ">
<div className="flex justify-center items-center flex-col mb-5 space-y-10">
<div>
<h2 className="uppercase font-normal text-lg tracking-[8px] text-neutral-400 text-center">
Page not found
</h2>
<h1 className="text-4xl font-medium text-neutral-900 text-center">
404
</h1>
</div>
</div>
</div>
</div>
</div>
<>
<NotFound />
</>
);
} else if (!data) {
// skleton loading
@ -152,11 +141,13 @@ function Page({ params }) {
<div className="mx-auto grid grid-cols-1 p-5 md:p-20 w-full h-auto">
<div className="w-full h-auto aspect-video">
{data.images.map((image, index) => (
<img
<Image
key={index}
src={image}
alt={`Project Image ${index + 1}`}
className="w-full h-full mb-5"
width={1920}
height={1080}
/>
))}
</div>