ztp-next/app/components/Card.jsx

import Link from 'next/link';

const Card = ({ title, text, url }) => {
    return (
        <div className="col-md-6 mb-4">
            <div className="card">
                <div className="card-body text-center">
                    <h5 className="card-title">{title}</h5>
                    <p className="card-text">{text}</p>
                    <Link href={url} className="btn btn-primary">Go to {title}</Link>
                </div>
            </div>
        </div>
    );
};

export default Card;