matthias/Dev-Landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add TypeScript type definitions for React and React DOM; update Hero235 component with new background styles; modify homepage title and include About19 component.

Browse Source
This commit is contained in:
Matthias
2026-04-21 10:43:47 +02:00
parent d6b65c0847
commit cf8c9e1186
5 changed files with 82 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/hero235.tsx
View File

@@ -37,8 +37,15 @@ const Hero235 = ({ className }: Hero235Props) => {
)}
>
<div aria-hidden={true}>
<div className="absolute -right-0 -bottom-[30rem] size-[35rem] rounded-full bg-rose-400 opacity-40 blur-[5rem] md:-right-[2rem] md:-bottom-[50rem] md:size-[55rem] dark:opacity-20" />
<div className="absolute -right-[20rem] -bottom-[20rem] size-[35rem] rounded-full bg-sky-500 opacity-40 blur-[5rem] md:-right-[32rem] md:-bottom-[36rem] md:size-[55rem] dark:opacity-20" />
<div
className="absolute inset-0 z-0 bg-[linear-gradient(to_right,var(--muted)_1px,transparent_1px),linear-gradient(to_bottom,var(--muted)_1px,transparent_1px)] bg-size-[40px_40px]"
style={{
WebkitMaskImage:
"radial-gradient(ellipse 60% 60% at 50% 50%, #000 30%, transparent 70%)",
maskImage:
"radial-gradient(ellipse 60% 60% at 50% 50%, #000 30%, transparent 70%)",
}}
/>
<div
className="pointer-events-none absolute inset-0 z-0 opacity-40"
style={{
@@ -47,6 +54,7 @@ const Hero235 = ({ className }: Hero235Props) => {
backgroundRepeat: "repeat",
}}
/>
<div className="pointer-events-none absolute inset-x-0 bottom-0 h-40 bg-linear-to-b from-transparent via-background/10 to-background/90" />
</div>
<div className="relative container flex h-full flex-col justify-between">
<div className="flex flex-1 items-center justify-center">