larxius commited on
Commit
00998d9
·
verified ·
1 Parent(s): b82abe3

Update frontend/src/pages/Register.jsx

Browse files
Files changed (1) hide show
  1. 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="/logo.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
- <h2 className="text-4xl font-bold text-slate-900 mb-6 leading-tight">Secure your infrastructure with confidence.</h2>
 
 
 
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-10">
122
- <div className="w-10 h-10 flex items-center justify-center">
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-10">
130
- <h1 className="text-4xl font-bold text-slate-900 tracking-tight mb-3">Create an Account</h1>
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 &amp; 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>