Merge pull request #98 from MaheshtheDev/fix/mobile-landing

refactor: Update Cta and Footer components on the landing page
This commit is contained in:
Dhravya Shah 2024-07-03 09:14:54 -05:00 committed by GitHub
commit 5217fe02f4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions

View file

@ -33,7 +33,7 @@ function Cta() {
<p className="z-20 text-center text-md md:text-lg">
Sign up for the waitlist and be the first to try Supermemory
</p>
<div className="w-full lg:w-3/4 mx-auto">
<div className="w-fit lg:w-3/4 mx-auto">
<Link
href="/signin"
className="inline-flex gap-x-2 justify-start items-start py-3 px-5 ml-3 w-full rounded-3xl border duration-200 sm:w-auto group bg-page-gradient border-white/30 text-md font-geistSans hover:border-zinc-600 hover:bg-transparent/10 hover:text-zinc-100 text-white z-[1] relative"

View file

@ -3,16 +3,16 @@ import LinkArrow from "./linkArrow";
function Footer() {
return (
<footer className="mt-20 flex w-full overflow-y-hidden items-center justify-between gap-4 px-8 py-8 text-sm text-zinc-500 overflow-hidden">
<footer className="mt-20 w-full md:flex overflow-y-hidden items-center justify-between gap-4 px-8 py-8 text-sm text-zinc-500 overflow-hidden text-center">
<p>© 2024 Supermemory.ai</p>
<div className="flex gap-5">
<div className="flex gap-5 justify-around my-2">
<a
className="group/mail flex items-center"
target="_blank"
href="mailto:hi@dhravya.dev"
>
Contact
<LinkArrow classname="group-hover/mail:opacity-100 opacity-0 transition" />
<LinkArrow classname="group-hover/mail:opacity-100 opacity-0 transition hidden md:block" />
</a>
<a
className="group/twit flex items-center"
@ -20,7 +20,7 @@ function Footer() {
href="https://twitter.com/supermemoryai"
>
Twitter{" "}
<LinkArrow classname="group-hover/twit:opacity-100 opacity-0 transition" />
<LinkArrow classname="group-hover/twit:opacity-100 opacity-0 transition hidden md:block" />
</a>
<a
className="group/git flex items-center"
@ -28,7 +28,7 @@ function Footer() {
href="https://github.com/dhravya/supermemory"
>
Github{" "}
<LinkArrow classname="group-hover/git:opacity-100 opacity-0 transition" />
<LinkArrow classname="group-hover/git:opacity-100 opacity-0 transition hidden md:block" />
</a>
</div>
</footer>