Function Footer

src/components/Footer.jsx:13–253

()

import logo from "../../public/Images/logo.jpg";

const Footer = () => {
  let year = new Date().getFullYear();

  return (
    <footer className="bg-black  bottom-0 mb-6 pt-32 font-primary justify-center">
      <div className=" flex-col gap-8 justify-between content-center md:flex-row">
        {/* Logo */}
        <div className="grid-auto ">
          <div className=" flex-col justify-center">
            <Image
              src={logo}
              alt="DevsInTech"
              width={100}
              height={120}
              className="mx-auto"
            />
            <p className="text-green-500 text-2xl text-center justify-items-center font-mono">
              DevsInTech
            </p>
          </div>
        </div>

        {/* About Us */}

        <div className="flex flex-col justif-center">
          <p className="text-center text-white text-md sm:text-lg md:text-m md:text-center">
            <a href="https://devsintech.netlify.app/" className="text-green-500 font-mono">DevsInTech</a> is a
            thriving and welcoming community of developers, tech
            professionals,and enthusiasts who share a common passion for
            technology. We are an Open-source project available on{" "}
            <a href="https://github.com/devs-in-tech/DevsInTech" className="text-blue-500">GitHub</a>
          </p>

        </div>

        {/* COLUMNS */}
        <div className="m-6">
          <div className="flex justify-center gap-16">
            <div className="text-center font-secondary">
              <p className="text-lg font-medium text-white">Community</p>

              <nav aria-label="Footer About Nav" className="mt-4 text-center ">
                <ul className="space-y-4 font-black text-base">
                  <li>
                    <Link
                      className="text-purple-900 transition hover:text-gray-900/75 dark:text-white dark:hover:text-white/75"
                      href="/"
                    >
                      Collaborate
                    </Link>
                  </li>

                  <li>
                    <Link
                      className="text-purple-900 transition hover:text-gray-900/75 dark:text-white dark:hover:text-white/75"
                      href="/"
                    >
                      Communicate