Spaces:
Running on CPU Upgrade
Running on CPU Upgrade
Update frontend/src/pages/Register.jsx
Browse files- frontend/src/pages/Register.jsx +29 -10
frontend/src/pages/Register.jsx
CHANGED
|
@@ -76,14 +76,17 @@ export const Register = () => {
|
|
| 76 |
{/* Brand Anchor */}
|
| 77 |
<div className="flex items-center gap-3 z-10 text-left animate-slide-up">
|
| 78 |
<div className="w-12 h-12 flex items-center justify-center">
|
| 79 |
-
<img src="/
|
| 80 |
</div>
|
| 81 |
<span className="text-2xl font-bold tracking-tight brand-gradient">LarShield</span>
|
| 82 |
</div>
|
| 83 |
|
| 84 |
{/* Value Proposition */}
|
| 85 |
<div className="z-10 max-w-md text-left animate-slide-up" style={{ animationDelay: '100ms' }}>
|
| 86 |
-
<
|
|
|
|
|
|
|
|
|
|
| 87 |
<p className="text-base text-slate-600 mb-8 leading-relaxed">Join elite engineering teams deploying LarShield to monitor complex threat vectors in real-time. Fast, reliable, and exceptionally accurate.</p>
|
| 88 |
|
| 89 |
<div className="flex items-center gap-4 p-4 rounded-xl bg-slate-50 border border-slate-100">
|
|
@@ -117,17 +120,23 @@ export const Register = () => {
|
|
| 117 |
|
| 118 |
<div className="w-full max-w-[500px] relative z-10 animate-slide-up">
|
| 119 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 120 |
{/* Mobile Brand Anchor */}
|
| 121 |
-
<div className="lg:hidden flex items-center gap-3 mb-
|
| 122 |
-
<
|
| 123 |
-
<img src="/logo.png" alt="LarShield Logo" className="w-full h-full object-contain" />
|
| 124 |
-
</div>
|
| 125 |
-
<span className="text-xl font-bold tracking-tight brand-gradient">LarShield</span>
|
| 126 |
</div>
|
| 127 |
|
| 128 |
{/* Header */}
|
| 129 |
-
<div className="mb-
|
| 130 |
-
<h1 className="text-4xl font-bold text-slate-900 tracking-tight mb-
|
| 131 |
<p className="text-base text-slate-500">Get started by creating your administrative profile.</p>
|
| 132 |
</div>
|
| 133 |
|
|
@@ -446,7 +455,17 @@ export const Register = () => {
|
|
| 446 |
|
| 447 |
<div>
|
| 448 |
<h4 className="font-bold text-slate-900 text-sm">2. How We Use Your Information</h4>
|
| 449 |
-
<p className="mt-1">We use your data strictly to provide, maintain, and improve the Service, process payments, and ensure legal compliance.</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 450 |
</div>
|
| 451 |
</div>
|
| 452 |
</div>
|
|
|
|
| 76 |
{/* Brand Anchor */}
|
| 77 |
<div className="flex items-center gap-3 z-10 text-left animate-slide-up">
|
| 78 |
<div className="w-12 h-12 flex items-center justify-center">
|
| 79 |
+
<img src="/shield-graphic.png" alt="LarShield Logo" className="w-full h-full object-contain" />
|
| 80 |
</div>
|
| 81 |
<span className="text-2xl font-bold tracking-tight brand-gradient">LarShield</span>
|
| 82 |
</div>
|
| 83 |
|
| 84 |
{/* Value Proposition */}
|
| 85 |
<div className="z-10 max-w-md text-left animate-slide-up" style={{ animationDelay: '100ms' }}>
|
| 86 |
+
<div className="mb-6 flex justify-center lg:justify-start">
|
| 87 |
+
<img src="/shield-graphic.png" alt="LarShield Security Graphic" className="w-64 max-w-full h-auto object-contain drop-shadow-xl hover:scale-105 transition-transform duration-300" />
|
| 88 |
+
</div>
|
| 89 |
+
<h2 className="text-3xl font-bold text-slate-900 mb-4 leading-tight">Secure your infrastructure with confidence.</h2>
|
| 90 |
<p className="text-base text-slate-600 mb-8 leading-relaxed">Join elite engineering teams deploying LarShield to monitor complex threat vectors in real-time. Fast, reliable, and exceptionally accurate.</p>
|
| 91 |
|
| 92 |
<div className="flex items-center gap-4 p-4 rounded-xl bg-slate-50 border border-slate-100">
|
|
|
|
| 120 |
|
| 121 |
<div className="w-full max-w-[500px] relative z-10 animate-slide-up">
|
| 122 |
|
| 123 |
+
{/* Shield Logo Graphic above Create an Account */}
|
| 124 |
+
<div className="flex justify-center mb-6">
|
| 125 |
+
<img
|
| 126 |
+
src="/shield-graphic.png"
|
| 127 |
+
alt="LarShield Graphic Logo"
|
| 128 |
+
className="w-44 sm:w-52 h-auto object-contain drop-shadow-xl hover:scale-105 transition-transform duration-300"
|
| 129 |
+
/>
|
| 130 |
+
</div>
|
| 131 |
+
|
| 132 |
{/* Mobile Brand Anchor */}
|
| 133 |
+
<div className="lg:hidden flex items-center justify-center gap-3 mb-6">
|
| 134 |
+
<span className="text-xl font-bold tracking-tight brand-gradient">LarShield Security</span>
|
|
|
|
|
|
|
|
|
|
| 135 |
</div>
|
| 136 |
|
| 137 |
{/* Header */}
|
| 138 |
+
<div className="mb-8 text-center sm:text-left">
|
| 139 |
+
<h1 className="text-3xl sm:text-4xl font-bold text-slate-900 tracking-tight mb-2">Create an Account</h1>
|
| 140 |
<p className="text-base text-slate-500">Get started by creating your administrative profile.</p>
|
| 141 |
</div>
|
| 142 |
|
|
|
|
| 455 |
|
| 456 |
<div>
|
| 457 |
<h4 className="font-bold text-slate-900 text-sm">2. How We Use Your Information</h4>
|
| 458 |
+
<p className="mt-1">We use your data strictly to provide, maintain, and improve the Service, process payments, and ensure legal compliance. We do not sell your personal data or scan results to third parties.</p>
|
| 459 |
+
</div>
|
| 460 |
+
|
| 461 |
+
<div>
|
| 462 |
+
<h4 className="font-bold text-slate-900 text-sm">3. Data Security</h4>
|
| 463 |
+
<p className="mt-1">Scan results and user data are encrypted at rest (AES-256) and in transit (TLS 1.3). We enforce strict role-based access controls internally. However, no internet transmission is entirely secure, and you use the Service at your own risk.</p>
|
| 464 |
+
</div>
|
| 465 |
+
|
| 466 |
+
<div>
|
| 467 |
+
<h4 className="font-bold text-slate-900 text-sm">4. Your Rights (GDPR & CCPA)</h4>
|
| 468 |
+
<p className="mt-1">Depending on your jurisdiction, you have the right to access, correct, delete, or restrict the processing of your personal data. You can request a complete data export or account deletion by contacting <a href="mailto:info@larxius.com" className="text-blue-600 font-semibold hover:underline">info@larxius.com</a>.</p>
|
| 469 |
</div>
|
| 470 |
</div>
|
| 471 |
</div>
|