primitive gallery on indexpage
This commit is contained in:
32
components/IndexGallery/IndexGallery.tsx
Normal file
32
components/IndexGallery/IndexGallery.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
import styles from "./IndexGallery.module.scss";
|
||||
import gallery from "../../data/gallery.json";
|
||||
import Link from "next/link";
|
||||
|
||||
const IndexGallery = () => {
|
||||
return (
|
||||
<>
|
||||
<main>
|
||||
<h2>galeria zdjęć idących mocno</h2>
|
||||
</main>
|
||||
<main className={styles.gallerycontainer}>
|
||||
{gallery.map((entry) => {
|
||||
return (
|
||||
<Link
|
||||
key={entry.link}
|
||||
href={entry.link}
|
||||
className={styles.galleryimg}
|
||||
>
|
||||
<img src={entry.link} alt={entry.description} />
|
||||
<article>
|
||||
<h3>{entry.title}</h3>
|
||||
<p>{entry.meta}</p>
|
||||
</article>
|
||||
</Link>
|
||||
);
|
||||
})}
|
||||
</main>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export { IndexGallery };
|
||||
Reference in New Issue
Block a user