fix: change the heading in the hero section
Some checks failed
Deploy Next.js application / deploy (push) Has been cancelled

This commit is contained in:
Dorian Niemiec 2024-11-09 15:04:14 +01:00
parent 24f80e284f
commit 5a5bd93098

View file

@ -5,9 +5,8 @@ function Hero() {
return ( return (
<section className="flex flex-col md:flex-row mx-auto max-w-screen-xl px-3 py-12"> <section className="flex flex-col md:flex-row mx-auto max-w-screen-xl px-3 py-12">
<div className="md:w-1/2 self-center text-center md:text-start"> <div className="md:w-1/2 self-center text-center md:text-start">
<h1 className="font-bold text-5xl md:text-6xl hyphens-auto leading-tight md:leading-tight md:text-start"> <h1 className="font-bold text-5xl md:text-6xl leading-tight md:leading-tight md:text-start">
Revolution&shy;ize your <span className="text-primary">inbox</span>{" "} Streamline your <span className="text-primary">inbox</span> with{" "}
with{" "}
<span className="relative whitespace-nowrap"> <span className="relative whitespace-nowrap">
<span className="absolute top-0 -left-1 -right-1 bottom-0 -rotate-1 bg-primary"></span> <span className="absolute top-0 -left-1 -right-1 bottom-0 -rotate-1 bg-primary"></span>
<span className="relative text-primary-foreground">MERNMail</span> <span className="relative text-primary-foreground">MERNMail</span>