Projects Section - Copy this React, Tailwind Component to your project

Hazme más estético el apartado de proyectos. Partes de este componente: import React from "react"; import { SectionTitle } from "./SectionTitle"; const projects = [ { name: "Code Finances", description: "Descripción breve del proyecto", link: "#" }, { name: "Vexel", description: "Descripción breve del proyecto", link: "#" }, ]; const Projects: React.FC = () => { return ( <div className="py 16 text white"> <SectionTitle title="Proyectos"/> {/* Tarjetas de proyectos */} <div className="grid grid cols 1 md:grid cols 2 gap 8 px 6 md:px 16"> {projects.map((project, index) => ( <div key={index} className=" border 2 border mariner 400 p 6 rounded lg" > <h3 className="text 2xl font semibold text mariner 200">{project.name}</h3> <p className="mt 3 text mariner 300">{project.description}</p> <a href={project.link} className="inline block mt 4 text mariner 400 underline hover:text mariner 200" > Ver más </a> </div> ))} </div> </div> ); }; export default Projects;