feat: update the contact page, add a modal box to display detailed information; refactor the header and footer components

2024-12-17 14:55:33 +08:00
parent 52f013f995
commit e2445b5e95
6 changed files with 98 additions and 41 deletions
@@ -15,7 +15,7 @@ export default function Home() {
        <section className="url-wrapper grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
          {websites.map((website, index) => (
            <a key={index} href={website.link}>
-              <div  className="url-item flex bg-gray-50 p-3 shadow hover:shadow-lg transition-shadow duration-300">
+              <div className="url-item flex bg-gray-50 p-3 shadow hover:shadow-lg transition-shadow duration-300">
                <Image src={website.icon} alt={website.title} width={80} height={80} className="url-avatar rounded-lg overflow-hidden flex-shrink-0" />
                <div className="url-info flex-shrink pl-3 pt-2 my-1 truncate">
                  <h3 className="url-name text-xl font-bold my-1 truncate">{website.title}</h3>