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/FounderSection.tsx
+9 -9
View File
@@ -9,8 +9,8 @@ export function FounderSection() {
padding: 'clamp(2rem, 5vw, 3.5rem)',
overflow: 'hidden',
background:
'radial-gradient(ellipse 50% 70% at 100% 0%, rgba(222, 224, 240,0.15), transparent 60%), linear-gradient(135deg, rgba(28, 27, 33,0.95), rgba(5,5,5,0.98))',
border: '1px solid rgba(39, 63, 148,0.28)',
'radial-gradient(ellipse 50% 70% at 100% 0%, rgba(231, 231, 231, 0.15), transparent 60%), linear-gradient(135deg, rgba(30, 30, 30, 0.95), rgba(5,5,5,0.98))',
border: '1px solid rgba(94, 94, 94, 0.28)',
boxShadow: '0 30px 100px rgba(0,0,0,0.7)',
}}
>
@@ -20,7 +20,7 @@ export function FounderSection() {
position: 'absolute',
inset: 0,
background:
'linear-gradient(rgba(39, 63, 148,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(39, 63, 148,0.04) 1px, transparent 1px)',
'linear-gradient(rgba(94, 94, 94, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(94, 94, 94, 0.04) 1px, transparent 1px)',
backgroundSize: '48px 48px',
maskImage: 'radial-gradient(ellipse 70% 80% at 50% 30%, #000 30%, transparent 80%)',
WebkitMaskImage: 'radial-gradient(ellipse 70% 80% at 50% 30%, #000 30%, transparent 80%)',
@@ -36,13 +36,13 @@ export function FounderSection() {
Mr. Yousif Bin Saeed Al Lootah
</span>
</h2>
<p style={{ margin: 0, color: '#DEE0F0', fontSize: '0.85rem', letterSpacing: '0.12em', textTransform: 'uppercase', fontWeight: 600 }}>
<p style={{ margin: 0, color: '#e7e7e7', fontSize: '0.85rem', letterSpacing: '0.12em', textTransform: 'uppercase', fontWeight: 600 }}>
Founder · Yousuf Saeed Lootah Investment Group
</p>
<p style={{ margin: 0, color: '#DEE0F0', lineHeight: 1.7, fontSize: '1rem' }}>
<p style={{ margin: 0, color: '#e7e7e7', lineHeight: 1.7, fontSize: '1rem' }}>
Under the leadership of Mr. Yousif Bin Saeed Al Lootah, the group has championed innovation, trust, and long-term value creation across the UAE from technology and robotics to investment and enterprise. YS Lootah Robotics carries that vision into the future of intelligent automation.
</p>
<p style={{ margin: 0, color: '#8891C7', lineHeight: 1.7, fontSize: '0.92rem' }}>
<p style={{ margin: 0, color: '#a8a8a8', lineHeight: 1.7, fontSize: '0.92rem' }}>
<em>“Innovating today for a smarter tomorrow.”</em>
</p>
</div>
@@ -81,8 +81,8 @@ function Pillar({ value, label }: { value: string; label: string }) {
style={{
padding: '1.25rem',
borderRadius: 14,
background: 'linear-gradient(135deg, rgba(28, 27, 33,0.7), rgba(5,5,5,0.92))',
border: '1px solid rgba(39, 63, 148,0.22)',
background: 'linear-gradient(135deg, rgba(30, 30, 30, 0.7), rgba(5,5,5,0.92))',
border: '1px solid rgba(94, 94, 94, 0.22)',
display: 'flex',
flexDirection: 'column',
gap: '0.4rem',
@@ -93,7 +93,7 @@ function Pillar({ value, label }: { value: string; label: string }) {
<span className="text-gradient-accent" style={{ fontSize: 'clamp(1.2rem, 2.2vw, 1.5rem)', fontWeight: 700, letterSpacing: '-0.01em' }}>
{value}
</span>
<span style={{ fontSize: '0.72rem', color: '#8891C7', letterSpacing: '0.14em', textTransform: 'uppercase', lineHeight: 1.45 }}>{label}</span>
<span style={{ fontSize: '0.72rem', color: '#a8a8a8', letterSpacing: '0.14em', textTransform: 'uppercase', lineHeight: 1.45 }}>{label}</span>
</div>
);
}