let’s make the Resources page look alive with icons so it’s not just text links. Since you’re already using Tailwind + React, we’ll lean on lucide-react
 icons (lightweight, modern, built for React).

1) Install lucide-react (if not already)
npm i lucide-react

2) Updated Resources Page with Icons

src/pages/Resources/ResourcesPage.tsx

import Template from "@/components/layout/Template";
import { Briefcase, Gavel, FileText, DollarSign, BookOpen } from "lucide-react";

export default function ResourcesPage() {
  return (
    <Template title="Business Resources" description="Helpful links for forming and protecting your business">
      <section className="max-w-4xl mx-auto py-12 space-y-10">

        <div className="flex items-start gap-3">
          <Briefcase className="w-6 h-6 text-black mt-1" />
          <div>
            <h2 className="text-xl font-semibold mb-2">Business Formation</h2>
            <p className="text-gray-600 mb-4">
              Understand the differences between a DBA, LLC, and Corporation — and choose what’s right for you.
            </p>
            <ul className="list-disc list-inside space-y-2 text-sm">
              <li><a className="text-blue-600 hover:underline" href="https://www.sba.gov/business-guide/launch/choose-business-structure" target="_blank">SBA: Choose a business structure</a></li>
              <li><a className="text-blue-600 hover:underline" href="https://www.nolo.com/legal-encyclopedia/llc" target="_blank">Nolo: LLC basics</a></li>
            </ul>
          </div>
        </div>

        <div className="flex items-start gap-3">
          <Gavel className="w-6 h-6 text-black mt-1" />
          <div>
            <h2 className="text-xl font-semibold mb-2">Trademarks & IP</h2>
            <p className="text-gray-600 mb-4">
              Protect your brand identity with trademarks, patents, or copyrights.
            </p>
            <ul className="list-disc list-inside space-y-2 text-sm">
              <li><a className="text-blue-600 hover:underline" href="https://tmsearch.uspto.gov/" target="_blank">USPTO Trademark Search</a></li>
              <li><a className="text-blue-600 hover:underline" href="https://www.uspto.gov/trademarks/apply" target="_blank">USPTO: Apply for a trademark</a></li>
            </ul>
          </div>
        </div>

        <div className="flex items-start gap-3">
          <FileText className="w-6 h-6 text-black mt-1" />
          <div>
            <h2 className="text-xl font-semibold mb-2">DBA (Doing Business As)</h2>
            <p className="text-gray-600 mb-4">
              A DBA lets you operate under a business name different from your legal name.
            </p>
            <ul className="list-disc list-inside space-y-2 text-sm">
              <li><a className="text-blue-600 hover:underline" href="https://www.sba.gov/business-guide/launch/choose-business-structure/dba" target="_blank">SBA: DBA basics</a></li>
            </ul>
          </div>
        </div>

        <div className="flex items-start gap-3">
          <DollarSign className="w-6 h-6 text-black mt-1" />
          <div>
            <h2 className="text-xl font-semibold mb-2">Taxes & EIN</h2>
            <p className="text-gray-600 mb-4">
              Most businesses need an EIN to open bank accounts and file taxes.
            </p>
            <ul className="list-disc list-inside space-y-2 text-sm">
              <li><a className="text-blue-600 hover:underline" href="https://www.irs.gov/businesses/small-businesses-self-employed/apply-for-an-employer-identification-number-ein-online" target="_blank">IRS: Apply for EIN online</a></li>
            </ul>
          </div>
        </div>

        <div className="flex items-start gap-3">
          <BookOpen className="w-6 h-6 text-black mt-1" />
          <div>
            <h2 className="text-xl font-semibold mb-2">Helpful Guides</h2>
            <ul className="list-disc list-inside space-y-2 text-sm">
              <li><a className="text-blue-600 hover:underline" href="https://www.score.org/find-mentor" target="_blank">SCORE: Free business mentorship</a></li>
              <li><a className="text-blue-600 hover:underline" href="https://www.sba.gov/business-guide" target="_blank">SBA Business Guide</a></li>
            </ul>
          </div>
        </div>

      </section>
    </Template>
  );
}

3) UX Flow

Top menu → “Resources”

Footer → “Resources”

Icons:

Briefcase = business structure

Gavel = trademarks & IP

FileText = DBA

DollarSign = EIN/taxes

BookOpen = guides

This makes it visually scannable instead of a wall of text.