Sessions 5-7a: 955 tests, deployment ready
This commit is contained in:
@@ -0,0 +1,99 @@
|
||||
'use client';
|
||||
|
||||
import { useRouter } from 'next/navigation';
|
||||
import { useAuth } from '@/contexts/AuthContext';
|
||||
import { useEffect } from 'react';
|
||||
|
||||
export default function WelcomePage() {
|
||||
const router = useRouter();
|
||||
const { user, loading } = useAuth();
|
||||
|
||||
useEffect(() => {
|
||||
if (!loading && !user) router.replace('/signup');
|
||||
}, [loading, user, router]);
|
||||
|
||||
return (
|
||||
<section
|
||||
className="tex-scan"
|
||||
style={{
|
||||
position: 'relative',
|
||||
minHeight: 'calc(100vh - 144px)',
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
textAlign: 'center',
|
||||
padding: '40px 24px',
|
||||
overflow: 'hidden',
|
||||
}}
|
||||
>
|
||||
<span className="v-watermark" aria-hidden>V</span>
|
||||
|
||||
<SlashedYMark />
|
||||
|
||||
<h1
|
||||
style={{
|
||||
marginTop: 32,
|
||||
fontSize: 'clamp(26px, 4vw, 36px)',
|
||||
fontWeight: 700,
|
||||
letterSpacing: '-0.02em',
|
||||
color: 'var(--text-0)',
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
Welcome to VYNDR.
|
||||
</h1>
|
||||
<p
|
||||
style={{
|
||||
marginTop: 12,
|
||||
fontSize: 16,
|
||||
color: 'var(--text-1)',
|
||||
maxWidth: 460,
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
Intelligence the books don't want you to have.
|
||||
</p>
|
||||
|
||||
<div style={{ marginTop: 28, display: 'grid', gap: 12, zIndex: 1 }}>
|
||||
<button
|
||||
type="button"
|
||||
className="btn-primary"
|
||||
style={{ padding: '14px 32px', fontSize: 15 }}
|
||||
onClick={() => router.push('/dashboard')}
|
||||
>
|
||||
Get Started →
|
||||
</button>
|
||||
<p className="lbl" style={{ color: 'var(--text-2)' }}>BUILT IN DETROIT</p>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function SlashedYMark() {
|
||||
return (
|
||||
<svg
|
||||
width="120"
|
||||
height="120"
|
||||
viewBox="0 0 120 120"
|
||||
aria-hidden
|
||||
style={{
|
||||
filter: 'drop-shadow(0 0 18px rgba(0, 212, 160, 0.55)) drop-shadow(0 0 36px rgba(0, 212, 160, 0.25))',
|
||||
animation: 'phosphor-pulse 2.4s ease-in-out infinite',
|
||||
zIndex: 1,
|
||||
}}
|
||||
>
|
||||
<defs>
|
||||
<linearGradient id="ymark-grad" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stopColor="#00FFB8" />
|
||||
<stop offset="100%" stopColor="#00D4A0" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g stroke="url(#ymark-grad)" strokeWidth="10" strokeLinecap="round" fill="none">
|
||||
<line x1="20" y1="20" x2="60" y2="64" />
|
||||
<line x1="60" y1="64" x2="60" y2="100" />
|
||||
<line x1="8" y1="110" x2="112" y2="6" strokeWidth="9" />
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user