hazem/yslootahrobotics
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: monochrome black & white rebrand + new Pudu robots
CI/CD / test-and-build (push) Waiting to run
Details
CI/CD / deploy (push) Blocked by required conditions
Details

Browse Source 
- Convert site from royal-blue theme to black/white monochrome (desaturate
  all blue-hued colors; keep WhatsApp green and error red)
- Swap blue circular brand logo for mono YS mark; regenerate favicon/PWA icons
- Add 6 Pudu robots (CC1 Pro, MT1 Max, MT1 Vac, T600, T600 Underride, BG1 Pro)
- Fix favicon.ico to RGBA (Next 16 Turbopack decode) and Stripe apiVersion type

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Najjar
2026-07-06 13:20:26 +04:00
co-authored by Claude Opus 4.8
parent c2490947d2
commit 873026a4a9
96 changed files with 1654 additions and 1487 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/CheckoutOverlay.tsx
+14 -14
View File
@@ -88,13 +88,13 @@ export function CheckoutOverlay() {
overflowY: 'auto',
margin: '1rem',
background: 'rgba(255, 255, 255, 0.95)',
border: '1px solid rgba(59, 130, 246, 0.08)',
border: '1px solid rgba(153, 153, 153, 0.08)',
borderRadius: '1rem',
boxShadow: '0 24px 80px rgba(0, 0, 0, 0.5), 0 0 40px rgba(59, 130, 246, 0.1)',
boxShadow: '0 24px 80px rgba(0, 0, 0, 0.5), 0 0 40px rgba(153, 153, 153, 0.1)',
}}>
{/* Header with progress */}
{step !== 'confirmed' && (
<div style={{ padding: '1.25rem 1.5rem', borderBottom: '1px solid rgba(59, 130, 246, 0.1)' }}>
<div style={{ padding: '1.25rem 1.5rem', borderBottom: '1px solid rgba(153, 153, 153, 0.1)' }}>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '1rem' }}>
<button
onClick={handleBack}
@@ -103,7 +103,7 @@ export function CheckoutOverlay() {
borderRadius: '0.375rem',
border: '1px solid rgba(0, 0, 0, 0.08)',
background: 'transparent',
color: '#8891C7',
color: '#a8a8a8',
cursor: 'pointer',
fontSize: '0.75rem',
transition: 'all 0.2s ease',
@@ -111,7 +111,7 @@ export function CheckoutOverlay() {
>
Back
</button>
<h2 style={{ fontSize: '0.9rem', fontWeight: 600, color: '#0a0a0c', margin: 0 }}>
<h2 style={{ fontSize: '0.9rem', fontWeight: 600, color: '#0b0b0b', margin: 0 }}>
Checkout
</h2>
<button
@@ -122,7 +122,7 @@ export function CheckoutOverlay() {
borderRadius: '50%',
border: '1px solid rgba(0, 0, 0, 0.08)',
background: 'transparent',
color: '#8891C7',
color: '#a8a8a8',
cursor: 'pointer',
fontSize: '0.9rem',
display: 'flex',
@@ -147,15 +147,15 @@ export function CheckoutOverlay() {
height: '3px',
borderRadius: '2px',
background: isComplete
? '#3b82f6'
? '#999999'
: isActive
? 'linear-gradient(90deg, #3b82f6, rgba(59, 130, 246, 0.2))'
? 'linear-gradient(90deg, #999999, rgba(153, 153, 153, 0.2))'
: 'rgba(0, 0, 0, 0.06)',
transition: 'all 0.3s ease',
}} />
<span style={{
fontSize: '0.65rem',
color: isActive ? '#2563eb' : isComplete ? '#3b82f6' : '#6a73a5',
color: isActive ? '#888888' : isComplete ? '#999999' : '#888888',
fontWeight: isActive ? 600 : 400,
textAlign: 'center',
}}>
@@ -179,7 +179,7 @@ export function CheckoutOverlay() {
appearance: {
theme: 'stripe',
variables: {
colorPrimary: '#2563eb',
colorPrimary: '#888888',
borderRadius: '0.375rem',
fontFamily: 'inherit',
},
@@ -204,9 +204,9 @@ export function CheckoutOverlay() {
style={{
padding: '0.5rem 1rem',
borderRadius: '0.375rem',
border: '1px solid rgba(59, 130, 246, 0.5)',
background: 'rgba(59, 130, 246, 0.08)',
color: '#2563eb',
border: '1px solid rgba(153, 153, 153, 0.5)',
background: 'rgba(153, 153, 153, 0.08)',
color: '#888888',
cursor: 'pointer',
fontSize: '0.8rem',
fontWeight: 600,
@@ -216,7 +216,7 @@ export function CheckoutOverlay() {
</button>
</div>
) : (
<span style={{ color: '#8891C7' }}>Initializing secure payment...</span>
<span style={{ color: '#a8a8a8' }}>Initializing secure payment...</span>
)}
</div>
) : null}