scriptoriumadmin/supermemory
1
0
Fork 0
mirror of https://github.com/supermemoryai/supermemory.git synced 2026-10-06 02:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: navbar revamp

Browse source
This commit is contained in:
Kinfe123 2024-06-21 20:02:35 +03:00
parent 69f1431d6a
commit 37be087ac7
2 changed files with 7 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
apps/web/app/(landing)/Features/index.tsx
View file

@ -87,8 +87,6 @@ const Services = () => {
<ChevronRight className="ml-2 w-4 h-4 duration-300 group-hover:translate-x-1" />
</a>
</div>
{/* <PhotoChatMessage //> */}
</div>
<div
@ -111,26 +109,14 @@ const Services = () => {
<div className="overflow-hidden relative rounded-xl h-[20rem] md:h-[25rem]">
<img
src={
// "/images/privacy.png"
"https://www.limitless.ai/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvault.a0431de1.webp&w=1920&q=75"
// "https://www.authkit.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbackground.896d177e.png&w=1920&q=75"
// "https://www.authkit.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fbackground.b48df3d6.png&w=828&q=75"
}
className="object-cover w-full h-full transition-all duration-500 ease-linear transform group-hover:rotate-3"
width={520}
height={400}
alt="Scary robot"
/>
{/* <VideoBar /> */}
</div>
{/* <div
className="absolute bottom-0 h-full"
style={{
background:
"linear-gradient(143.6deg, rgba(192, 132, 252, 0) 20.79%, rgba(232, 121, 249, 0.26) 40.92%, rgba(204, 171, 238, 0) 70.35%)",
}}
></div> */}
<Gradient opacity={5} />
</div>
@ -156,12 +142,10 @@ const Services = () => {
height={730}
src={"/images/github.webp"}
/>
{/* <div className="absolute left-0 rop-0 bg-black/20"></div> */}
</div>
{/* <Gradient /> */}
<div className="absolute right-0 left-0 bottom-5 mx-auto mt-20 text-center z-1">
<h4 className="mb-4 text-4xl font-bold tracking-tighter lg:text-5xl">
<h4 className="mb-4 text-4xl font-bold tracking-tighter text-white lg:text-5xl">
Proudly <br /> OpenSource
</h4>
<p className="text-lg body-2 mb-[3rem]">

9
apps/web/app/(landing)/Headers/Navbar.tsx
View file

@ -29,7 +29,7 @@ const SlideTabs = () => {
}}
className="flex relative items-center py-3 px-5 mx-auto text-sm text-gray-200 bg-gradient-to-tr to-transparent rounded-full border-2 w-fit border-white/5 from-zinc-300/5 via-gray-400/5 shadow-[0px_2px_3px_-1px_rgba(0,0,0,0.1),0px_1px_0px_0px_rgba(25,28,33,0.02),0px_0px_0px_1px_rgba(25,28,33,0.08)] backdrop-blur-lg backdrop-filter"
>
<Link href={"/"} className="flex items-start h-fit opacity-50 mr-4">
<Link href={"/"} className="flex items-start mr-4 opacity-50 h-fit">
<Image src={Logo} alt="Supermemory logo" width={40} height={40} />
</Link>
@ -39,9 +39,12 @@ const SlideTabs = () => {
<Tab setPosition={setPosition}>Docs</Tab>
<Tab setPosition={setPosition}>Blog</Tab>
<button className="group ml-3 group inline-flex w-full bg-page-gradient justify-start items-start gap-x-2 border border-white/30 hover:border-zinc-600 hover:bg-transparent/10 hover:text-zinc-100 duration-200 sm:w-auto py-3 px-5 rounded-3xl text-md font-geistSans">
<button 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">
Join waitlist
<ArrowUpRight className="w-5 h-5 inline-flex justify-center items-center group-hover:-translate-y-1 transition-transform duration-400"/>
<div className="flex overflow-hidden relative justify-center items-center ml-1 w-5 h-5">
<ArrowUpRight className="absolute transition-all duration-500 group-hover:translate-x-4 group-hover:-translate-y-5" />
<ArrowUpRight className="absolute transition-all duration-500 -translate-x-4 -translate-y-5 group-hover:translate-x-0 group-hover:translate-y-0" />
</div>
</button>
<Cursor position={position} />