"use client";

import { Linkedin, Mail } from "lucide-react";
import Image from "next/image";
import Link from "next/link";
import SunventusLogo from "@/public/sunventus-logo.png";
import { scrollWindow } from "@/utils/windowFunctions";
import FadeInWhenVisible from "../fade-in-when-visible/FadeInWhenVisible";
import useIsMobile from "@/hooks/useMobile";
import clsx from "clsx";

export default function Footer() {
  const isMobile = useIsMobile();

  return (
    <div
      className={clsx(
        !isMobile &&
          "w-screen relative pt-40",
        isMobile &&
          "w-screen flex flex-col pt-40"
      )}
    >

      <div
        className="absolute bottom-5 left-1/2 -translate-x-1/2 flex items-center justify-center cursor-pointer"
        onClick={() => {
          scrollWindow("top", "smooth");
        }}
      >
        <Image
          alt="Sunventus Logo"
          src={SunventusLogo}
          className="w-[208px] h-[36px]"
        />
      </div>
    </div>
  );
}