27 lines
832 B
JavaScript
27 lines
832 B
JavaScript
import Layout from "../layout/layout";
|
|
import { motion } from "framer-motion";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<Layout>
|
|
<div className="flex flex-grow items-center">
|
|
<div className="w-full">
|
|
<div className="container flex mx-auto justify-center">
|
|
<motion.div
|
|
initial={{ opacity: 0 }}
|
|
animate={{ opacity: [0, 1] }}
|
|
transition={{ duration: 0.5 }}
|
|
>
|
|
<h1 className="md:text-6xl text-3xl font-bold">
|
|
Hi there, I'm <span className="text-rose-500">Josh S.</span>
|
|
</h1>
|
|
<p className="text-gray-200 text-lg font-medium">
|
|
Developer & Tech enthusiast
|
|
</p>
|
|
</motion.div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Layout>
|
|
);
|
|
}
|