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/robotics/RobotProductCard.tsx
+18 -18
View File
@@ -19,7 +19,7 @@ export function RobotProductCard({ robot, priority = false }: Props) {
display: 'flex',
flexDirection: 'column',
height: '100%',
color: '#FBFBFD',
color: '#fcfcfc',
}}
>
<Link
@@ -41,7 +41,7 @@ export function RobotProductCard({ robot, priority = false }: Props) {
position: 'absolute',
inset: 0,
backgroundImage:
'linear-gradient(rgba(39, 63, 148,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(39, 63, 148,0.05) 1px, transparent 1px)',
'linear-gradient(rgba(94, 94, 94, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(94, 94, 94, 0.05) 1px, transparent 1px)',
backgroundSize: '32px 32px',
maskImage: 'radial-gradient(ellipse 60% 60% at 50% 50%, #000 30%, transparent 80%)',
WebkitMaskImage: 'radial-gradient(ellipse 60% 60% at 50% 50%, #000 30%, transparent 80%)',
@@ -90,11 +90,11 @@ export function RobotProductCard({ robot, priority = false }: Props) {
padding: '0.35rem 0.7rem',
borderRadius: '999px',
background: 'rgba(255,255,255,0.05)',
border: '1px solid rgba(39, 63, 148,0.2)',
border: '1px solid rgba(94, 94, 94, 0.2)',
fontSize: '0.66rem',
letterSpacing: '0.18em',
textTransform: 'uppercase',
color: '#DEE0F0',
color: '#e7e7e7',
backdropFilter: 'blur(8px)',
}}
>
@@ -104,11 +104,11 @@ export function RobotProductCard({ robot, priority = false }: Props) {
<div style={{ padding: '1.5rem', display: 'flex', flexDirection: 'column', gap: '0.75rem', flex: 1 }}>
<h3 style={{ margin: 0, fontSize: '1.2rem', fontWeight: 600, letterSpacing: '-0.01em' }}>
<Link href={detailHref} style={{ color: '#FBFBFD', textDecoration: 'none' }}>
<Link href={detailHref} style={{ color: '#fcfcfc', textDecoration: 'none' }}>
{robot.name}
</Link>
</h3>
<p style={{ margin: 0, color: '#8891C7', fontSize: '0.88rem', lineHeight: 1.55, flex: 1 }}>
<p style={{ margin: 0, color: '#a8a8a8', fontSize: '0.88rem', lineHeight: 1.55, flex: 1 }}>
{robot.shortDescription}
</p>
@@ -118,10 +118,10 @@ export function RobotProductCard({ robot, priority = false }: Props) {
key={u}
style={{
fontSize: '0.7rem',
color: '#8891C7',
color: '#a8a8a8',
padding: '0.2rem 0.5rem',
borderRadius: 999,
border: '1px solid rgba(39, 63, 148,0.18)',
border: '1px solid rgba(94, 94, 94, 0.18)',
background: 'rgba(15, 12, 8,0.5)',
letterSpacing: '0.04em',
}}
@@ -135,7 +135,7 @@ export function RobotProductCard({ robot, priority = false }: Props) {
style={{
marginTop: 'auto',
paddingTop: '0.75rem',
borderTop: '1px solid rgba(39, 63, 148,0.1)',
borderTop: '1px solid rgba(94, 94, 94, 0.1)',
display: 'flex',
flexWrap: 'wrap',
gap: '0.4rem',
@@ -153,15 +153,15 @@ export function RobotProductCard({ robot, priority = false }: Props) {
gap: '0.4rem',
padding: '0.55rem 0.75rem',
borderRadius: 10,
background: 'linear-gradient(135deg, rgba(80, 110, 255, 0.32), rgba(40, 55, 145, 0.85))',
border: '1px solid rgba(120, 140, 255, 0.55)',
background: 'linear-gradient(135deg, rgba(168, 168, 168, 0.32), rgba(93, 93, 93, 0.85))',
border: '1px solid rgba(188, 188, 188, 0.55)',
color: '#FFFFFF',
fontSize: '0.72rem',
fontWeight: 700,
letterSpacing: '0.12em',
textTransform: 'uppercase',
textDecoration: 'none',
boxShadow: '0 6px 14px rgba(0, 0, 0, 0.35), 0 0 14px rgba(74, 102, 216, 0.22)',
boxShadow: '0 6px 14px rgba(0, 0, 0, 0.35), 0 0 14px rgba(145, 145, 145, 0.22)',
}}
>
View details
@@ -176,9 +176,9 @@ export function RobotProductCard({ robot, priority = false }: Props) {
justifyContent: 'center',
padding: '0.55rem 0.75rem',
borderRadius: 10,
background: 'rgba(20, 19, 26, 0.6)',
border: '1px solid rgba(222, 224, 240, 0.14)',
color: '#DEE0F0',
background: 'rgba(23, 23, 23, 0.6)',
border: '1px solid rgba(231, 231, 231, 0.14)',
color: '#e7e7e7',
fontSize: '0.72rem',
fontWeight: 600,
letterSpacing: '0.1em',
@@ -198,9 +198,9 @@ export function RobotProductCard({ robot, priority = false }: Props) {
justifyContent: 'center',
padding: '0.55rem 0.75rem',
borderRadius: 10,
background: 'rgba(20, 19, 26, 0.6)',
border: '1px solid rgba(222, 224, 240, 0.14)',
color: '#DEE0F0',
background: 'rgba(23, 23, 23, 0.6)',
border: '1px solid rgba(231, 231, 231, 0.14)',
color: '#e7e7e7',
fontSize: '0.72rem',
fontWeight: 600,
letterSpacing: '0.1em',