Function Footer

apps/web/screens/footer.tsx:5–144

()

import { Separator } from "@repo/ui";

const Footer = () => {
  return (
    <>
      <Separator className="my-4 mx-auto " />
      <div className=" mx-auto wrapper bottom-0 flex flex-col items-center gap-2 w-full mb-16">
        <div className="flex flex-col md:flex-row w-full justify-between mx-auto p-4 gap-12">
          <div className="flex flex-col gap-12 text-primary">
            <Link href={"/"} className="flex items-center gap-2 cursor-pointer">
              <Image
                src={"https://appx-wsb-gcp.akamai.net.in/subject/2023-01-17-0.17044360120951185.jpg"}
                alt="Logo"
                width={300}
                height={200}
                className="rounded-full size-16"
              />
              <div className="flex flex-col">
                <span className="font-bold bg-gradient-to-b from-blue-400 to-blue-700 bg-clip-text text-transparent text-4xl tracking-tighter">
                  100xdevs
                </span>
                <p className="text-primary tracking-tight text-lg leading-none">because 10x ain't enough.</p>
              </div>
            </Link>
            <div className="flex flex-col gap-2">
              <h4 className="tracking-tight font-semibold text-foreground">Follow us</h4>
              <div className="flex gap-4">
                <Link target="_blank" href={"https://twitter.com/kirat_tw"}>
                  <svg
                    viewBox="-0.5 -0.5 16 16"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                    className="text-primary transition-all duration-300 hover:text-blue-600 size-6"
                  >
                    <path
                      d="M11.133375000000001 14.11 1.2831875000000001 1.445375c-0.23112500000000002 -0.2970625 -0.019375 -0.73 0.35700000000000004 -0.73h1.869375c0.1395625 0 0.2713125 0.0644375 0.35700000000000004 0.17462499999999997l9.85025 12.6645625c0.23112500000000002 0.2971875 0.019375 0.7300625 -0.35700000000000004 0.7300625h-1.8693125c-0.139625 0 -0.271375 -0.0644375 -0.357125 -0.17462499999999997Z"
                      stroke="currentColor"
                      strokeWidth="1"
                    ></path>
                    <path
                      d="M13.530750000000001 0.7153750000000001 1.46925 14.284625"
                      stroke="currentColor"
                      stroke-linecap="round"
                      strokeWidth="1"
                    ></path>
                  </svg>
                </Link>
                <Link target="_blank" href={"https://www.instagram.com/kirat_ins/"}>
                  <svg
                    viewBox="-0.5 -0.5 16 16"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                    className="text-primary transition-all duration-300 hover:text-blue-600 size-6"
                  >
                    <path
                      d="M7.5 10.515375c1.6653125 0 3.015375 -1.3500625 3.015375 -3.015375 0 -1.665375 -1.3500625 -3.015375 -3.015375 -3.015375 -1.665375 0 -3.015375 1.35 -3.015375 3.015375 0 1.6653125 1.35 3.015375 3.015375 3.015375Z"
                      stroke="currentColor"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                      strokeWidth="1"