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: bg grid paattern

Browse source
This commit is contained in:
Kinfe123 2024-06-24 09:16:25 +03:00
parent 6fc1fd858d
commit 52934ff0ab
1 changed files with 28 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
apps/web/app/(landing)/page.tsx
View file

@ -25,48 +25,49 @@ export default async function Home() {
}
return (
<main className="flex overflow-x-hidden relative flex-col items-center px-2 min-h-screen md:px-0 font-geistSans bg-hero-gradient">
<>
<BackgroundPlus />
<div className="absolute top-0 z-10 min-h-screen w-screen overflow-hidden bg-inherit bg-[radial-gradient(ellipse_20%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))]"></div>
<main className="flex overflow-x-hidden relative flex-col items-center px-2 min-h-screen md:px-0 font-geistSans bg-hero-gradient">
<div className="absolute top-0 z-10 min-h-screen w-screen overflow-hidden bg-inherit bg-[radial-gradient(ellipse_20%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))]"></div>
<Navbar />
<Navbar />
{/* Background gradients */}
<div className="absolute top-0 left-0 w-full h-full z-[-1]">
<div className="overflow-x-hidden">
<div
className="absolute left-0 h-32 w-[95%] overflow-x-hidden bg-[#369DFD] bg-opacity-70 blur-[337.4px]"
style={{ transform: "rotate(-30deg)" }}
/>
</div>
{/* Background gradients */}
<div className="absolute top-0 left-0 w-full h-full z-[-1]">
<div className="overflow-x-hidden">
<div
className="absolute left-0 h-32 w-[95%] overflow-x-hidden bg-[#369DFD] bg-opacity-70 blur-[337.4px]"
style={{ transform: "rotate(-30deg)" }}
/>
</div>
{/* a blue gradient line that's slightly tilted with blur (a lotof blur)*/}
{/* <div className="overflow-x-hidden overflow-y-hidden">
{/* a blue gradient line that's slightly tilted with blur (a lotof blur)*/}
{/* <div className="overflow-x-hidden overflow-y-hidden">
<div
className="absolute left-0 top-[100%] h-32 w-[90%] overflow-x-hidden bg-[rgb(54,157,253)] bg-opacity-40 blur-[337.4px]"
style={{ transform: "rotate(-30deg)" }}
/>
</div> */}
{/* <div className="overflow-x-hidden overflow-y-hidden">
{/* <div className="overflow-x-hidden overflow-y-hidden">
<div className="absolute right-0 top-[145%] h-40 w-[17%] overflow-x-hidden bg-[#369DFD] bg-opacity-20 blur-[110px]" />
</div> */}
</div>
</div>
{/* Hero section */}
<Hero />
<Showcases />
<Services />
{/* Hero section */}
<Hero />
<Showcases />
<Services />
{/* Features section */}
<Features />
{/* Features section */}
<Features />
<RotatingIcons />
<Cta />
<RotatingIcons />
<Cta />
<Toaster />
<Footer />
</main>
<Toaster />
<Footer />
</main>
</>
);
}