Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-02 08:53:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Landing: 0.3 Alpha (#2575)

Browse source 
* alpha 0.3

* optional link/href
This commit is contained in:
ameer2468 2024-06-29 19:08:00 +03:00 committed by GitHub
parent e1ec45bf5e
commit 3a2c04573a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 12 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
apps/landing/src/app/NewBanner.tsx
View file

@ -4,8 +4,8 @@ import Link from 'next/link';
export interface NewBannerProps {
headline: string;
href: string;
link: string;
href?: string;
link?: string;
className?: string;
}
@ -14,7 +14,7 @@ export function NewBanner(props: NewBannerProps) {
return (
<Link
href={href}
href={href ?? '/'}
className={clsx(
props.className,
'news-banner-border-gradient news-banner-glow animation-delay-1 fade-in-whats-new z-10 mb-5 flex w-fit flex-row rounded-full bg-black/10 px-5 py-2.5 text-xs backdrop-blur-md transition hover:bg-purple-900/20 sm:w-auto sm:text-base'
@ -24,10 +24,14 @@ export function NewBanner(props: NewBannerProps) {
<Newspaper weight="fill" className="text-white " size={20} />
<p className="font-regular truncate text-white">{headline}</p>
</div>
<div role="separator" className="h-22 mx-4 w-px bg-zinc-700/70" />
<span className="font-regular shrink-0 bg-gradient-to-r from-violet-400 to-fuchsia-400 bg-clip-text text-transparent decoration-primary-600">
{link} <span aria-hidden="true">&rarr;</span>
</span>
{link && (
<>
<div role="separator" className="h-22 mx-4 w-px bg-zinc-700/70" />
<span className="font-regular shrink-0 bg-gradient-to-r from-violet-400 to-fuchsia-400 bg-clip-text text-transparent decoration-primary-600">
{link} <span aria-hidden="true">&rarr;</span>
</span>
</>
)}
</Link>
);
}

7
apps/landing/src/app/page.tsx
View file

@ -39,12 +39,7 @@ export default async function Page() {
<div className="flex w-full flex-col items-center px-4">
<div className="mt-22 lg:mt-28" id="content" aria-hidden="true" />
<div className="mt-24 lg:mt-8" />
<NewBanner
headline="Alpha 0.2 is here!"
href="/blog/alpha-zero-two-release"
link="Read post"
className="mt-[50px] lg:mt-0"
/>
<NewBanner headline="Alpha 0.3 is here!" className="mt-[50px] lg:mt-0" />
<h1 className="fade-in-heading z-30 mb-3 bg-clip-text px-2 text-center text-4xl font-bold leading-tight text-white md:text-5xl lg:text-7xl">
One Explorer. All Your Files.
</h1>