mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
26 lines
926 B
TypeScript
26 lines
926 B
TypeScript
// next imports
|
|
import Link from "next/link";
|
|
import Image from "next/image";
|
|
|
|
const Hero = () => {
|
|
return (
|
|
<div className="bg-[#00091F] relative w-full overflow-visible">
|
|
<div className="absolute w-[100vw] z-0">
|
|
<img src="/background/hero.svg" className="w-full h-full" alt="" />
|
|
</div>
|
|
<div className="container mx-auto px-5 pt-20 pb-16 text-center lg:pt-20 text-white relative z-20">
|
|
<div className="text-center text-xl tracking-widest">P L A N E</div>
|
|
<div className="text-4xl md:text-6xl max-w-[700px] mx-auto mt-10">
|
|
Wanna know about our <span className="text-gradient">Pricing?</span>
|
|
</div>
|
|
<div className="text-center max-w-md mx-auto mt-6 text-lg font-thin">
|
|
Lorem ipsum dolor sit amet consectetur. Amet lacus iaculis ipsum nisi
|
|
justo tortor ut justo.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Hero;
|