chore: standardize security and quality foundations
This commit is contained in:
@@ -1,17 +1,34 @@
|
||||
import './style.css'
|
||||
import "./style.css";
|
||||
|
||||
export const metadata = { title: 'Coming soon | Magent — Grizzlyflix' }
|
||||
export const metadata = { title: "Coming soon | Magent — Grizzlyflix" };
|
||||
|
||||
export default function ComingSoonPage() {
|
||||
return <main className="launch-cover">
|
||||
<div className="launch-brand">GRIZZLYFLIX</div>
|
||||
<span className="launch-badge">COMING SOON</span>
|
||||
<h1>Your next watch.<br /><em>Made simpler.</em></h1>
|
||||
<p className="launch-intro">The new Magent is on its way. Easier requests, clearer updates and a simpler way to get things fixed.</p>
|
||||
<div className="launch-path" aria-label="Request journey">
|
||||
{['Request', 'Track', 'Watch'].map((label, index) => <div key={label}><span>0{index + 1}</span><strong>{label}</strong></div>)}
|
||||
</div>
|
||||
<p className="launch-note">We’re getting everything ready. Check back soon.</p>
|
||||
<footer><strong>Magent</strong><span>Grizzlyflix member portal</span><a href="/login">Admin sign in</a></footer>
|
||||
</main>
|
||||
return (
|
||||
<main className="launch-cover">
|
||||
<div className="launch-brand">GRIZZLYFLIX</div>
|
||||
<span className="launch-badge">COMING SOON</span>
|
||||
<h1>
|
||||
Your next watch.
|
||||
<br />
|
||||
<em>Made simpler.</em>
|
||||
</h1>
|
||||
<p className="launch-intro">
|
||||
The new Magent is on its way. Easier requests, clearer updates and a simpler way to get things fixed.
|
||||
</p>
|
||||
<ol className="launch-path" aria-label="Request journey">
|
||||
{["Request", "Track", "Watch"].map((label, index) => (
|
||||
<li key={label}>
|
||||
<span>0{index + 1}</span>
|
||||
<strong>{label}</strong>
|
||||
</li>
|
||||
))}
|
||||
</ol>
|
||||
<p className="launch-note">We’re getting everything ready. Check back soon.</p>
|
||||
<footer>
|
||||
<strong>Magent</strong>
|
||||
<span>Grizzlyflix member portal</span>
|
||||
<a href="/login">Admin sign in</a>
|
||||
</footer>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -5,9 +5,9 @@
|
||||
.launch-cover h1 { font-size: clamp(40px, 7vw, 88px); line-height: 1.08; letter-spacing: -.045em; margin: 28px 0 22px; }
|
||||
.launch-cover h1 em { color: #c7bdff; font-style: normal; }
|
||||
.launch-intro { max-width: 560px; font-size: 18px; line-height: 1.6; color: #bcb8c9; margin: 0; }
|
||||
.launch-path { display: grid; grid-template-columns: repeat(3, 1fr); width: min(580px, 100%); margin: 40px 0 24px; border: 1px solid #ffffff20; border-radius: 16px; background: #ffffff04; }
|
||||
.launch-path > div { padding: 22px 12px; display: grid; gap: 8px; }
|
||||
.launch-path > div + div { border-left: 1px solid #ffffff15; }
|
||||
.launch-path { display: grid; grid-template-columns: repeat(3, 1fr); width: min(580px, 100%); margin: 40px 0 24px; padding: 0; list-style: none; border: 1px solid #ffffff20; border-radius: 16px; background: #ffffff04; }
|
||||
.launch-path > li { padding: 22px 12px; display: grid; gap: 8px; }
|
||||
.launch-path > li + li { border-left: 1px solid #ffffff15; }
|
||||
.launch-path span { color: #8be7f1; font-size: 12px; }
|
||||
.launch-path strong { font-size: 18px; }
|
||||
.launch-note { color: #a9a4b5; font-size: 14px; }
|
||||
|
||||
Reference in New Issue
Block a user