Skip to content

Commit

Permalink
feat: create card component (#133)
Browse files Browse the repository at this point in the history
  • Loading branch information
seran-shan committed Jan 19, 2023
1 parent 905e814 commit 6508e48
Showing 1 changed file with 25 additions and 0 deletions.
25 changes: 25 additions & 0 deletions components/slides/arealize/ReadMore/ArticleCard.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import Image from "next/image"
import React from "react"
import styles from "./ReadMore.module.scss"

type ArticleCardProps = {
title: string
description: string
image: string
link: string
}

const ArticleCard = ({ title, description, image, link }: ArticleCardProps) => {
return (
<div className={styles.articleCard}>
<Image src={image} alt={title} width={900} height={600} />
<div className={styles.cardContent}>
<h3>{title}</h3>
<p>{description}</p>
<a href={link} target="_blank" rel="noreferrer">Les mer</a>
</div>
</div>
);
};

export default ArticleCard;

0 comments on commit 6508e48

Please sign in to comment.