v.korobtsev/vkorobtsev-nextJs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[feat] implement json data for project

Browse source
This commit is contained in:
Alvalen 2023-09-03 20:26:08 +07:00
parent c6aab9074d
commit b64d7fb30d
19 changed files with 284 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

56
components/Footer.jsx
View file

@ -7,30 +7,38 @@ import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
export default function Footer() {
return (
<div className="flex justify-center items-center flex-col mt-5 self-start min-h-[50vh] bg-gray-200">
<Link href="/#contact">
<motion.h1
className="text-5xl font-bold mt-3 tracking-widest hover:underline"
initial={{
opacity: 0,
y: -200,
}}
whileInView={{
opacity: 1,
y: 0,
}}
transition={{
delay: 0.7,
duration: 1,
type: "spring",
}}>
Get In Touch{" "}
<FontAwesomeIcon
icon={faArrowRight}
className="text-5xl ml-2"
/>
</motion.h1>
</Link>
<div className="flex justify-center items-center flex-col mt-5 self-start ">
<div className="flex justify-center items-center flex-col mt-5 self-center min-h-[50vh] border-b-2 min-w-[80vw] ">
<Link href="/#contact">
<motion.h1
className="text-5xl md:text-7xl font-medium mt-3 hover:underline whitespace-nowrap leading-none"
initial={{
opacity: 0,
y: -200,
}}
whileInView={{
opacity: 1,
y: 0,
}}
transition={{
delay: 0.7,
duration: 1,
type: "spring",
}}>
Get In Touch{" "}
<FontAwesomeIcon
icon={faArrowRight}
className="text-5xl ml-2"
/>
</motion.h1>
</Link>
</div>
<footer className="flex justify-center items-center flex-col my-5 self-start]">
<p className="text-gray-800 text-sm">
&copy;{new Date().getFullYear()} -{" "}
<span className="text-gray-700 text-lg">Alvalens</span>
</p>
</footer>
</div>
);
}