- About · Exclusive UAE Access
+ About · YS Lootah Robotics
+ - The UAE's dedicated destination for Unitree and Pudu Robotics. + In Tech We Innovate. In Trust We Lead.
-- YS Lootah Robotics is the robotics arm of the YS Lootah group — a UAE-based technology partner that holds exclusive sales rights in the UAE for selected Unitree and Pudu Robotics solutions. Our Dubai team manages sales, live demos, configuration, deployment, and ongoing service across the UAE. -
-- Brand names and product trademarks are property of their respective owners. Available exclusively in the UAE through YS Lootah Robotics. +
+ YS Lootah Robotics is part of the Yousuf Saeed Lootah Investment Group — a trusted UAE technology and robotics partner helping businesses innovate, automate, and deploy intelligent robotic solutions. The UAE's dedicated destination for selected Unitree and Pudu Robotics solutions.
- Why work with us + Our solutions +
++ Eleven robotics services covering autonomous deployment, integration, motion programming, cloud, analytics, and live diagnostics. +
+
+
diff --git a/src/app/admin/login/page.tsx b/src/app/admin/login/page.tsx
index d30f307..213fea1 100644
--- a/src/app/admin/login/page.tsx
+++ b/src/app/admin/login/page.tsx
@@ -52,10 +52,10 @@ export default function AdminLoginPage() {
}}>
🔐
+ Why businesses choose us
+
Admin Login
-
+
Lootah Robotics — G1 Configurator
@@ -112,8 +112,8 @@ export default function AdminLoginPage() { padding: '0.7rem', borderRadius: '0.5rem', border: '1px solid rgba(59, 130, 246, 0.3)', - background: loading ? 'rgba(196, 162, 101, 0.1)' : 'rgba(59, 130, 246, 0.08)', - color: loading ? '#94908a' : '#2563eb', + background: loading ? 'rgba(39, 63, 148, 0.1)' : 'rgba(59, 130, 246, 0.08)', + color: loading ? '#8891C7' : '#2563eb', fontSize: '0.875rem', fontWeight: 600, cursor: loading ? 'not-allowed' : 'pointer', @@ -164,7 +164,7 @@ const inputStyle: React.CSSProperties = { borderRadius: '0.5rem', border: '1px solid rgba(0, 0, 0, 0.1)', background: '#ffffff', - color: '#0a0907', + color: '#0a0a0c', fontSize: '0.875rem', outline: 'none', transition: 'border-color 0.2s ease', diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx index 8097426..8b7469a 100644 --- a/src/app/admin/page.tsx +++ b/src/app/admin/page.tsx @@ -488,7 +488,7 @@ export default function AdminPage() { new Date(ts * 1000).toLocaleDateString('en-AE', { day: 'numeric', month: 'short', year: 'numeric' }); if (!isPricingHydrated) { - returnLoading…
Loading…
-
+
+
Admin Dashboard
-
Lootah Robotics G1 Configurator
+Lootah Robotics G1 Configurator
@@ -527,7 +527,7 @@ export default function AdminPage() {
borderRadius: '0.375rem',
border: 'none',
background: activeTab === t ? 'rgba(59,130,246,0.08)' : 'transparent',
- color: activeTab === t ? '#2563eb' : '#6b6862',
+ color: activeTab === t ? '#2563eb' : '#6a73a5',
fontSize: '0.8rem',
fontWeight: activeTab === t ? 600 : 400,
cursor: 'pointer',
@@ -558,9 +558,9 @@ export default function AdminPage() {
aria-label={`Label for ${item.label}`}
/>
- {item.id}
+ {item.id}
- AED
+ AED
{
const f = e.target.files?.[0] ?? null;
@@ -642,7 +642,7 @@ export default function AdminPage() {
background: addItemGlb ? 'rgba(59,130,246,0.04)' : '#fff',
cursor: 'pointer',
fontSize: '0.8rem',
- color: addItemGlb ? '#2563eb' : '#94908a',
+ color: addItemGlb ? '#2563eb' : '#8891C7',
transition: 'all 0.2s',
}}>
{ e.preventDefault(); setAddItemGlb(null); }}
- style={{ marginLeft: 'auto', background: 'none', border: 'none', cursor: 'pointer', color: '#94908a', fontSize: '0.75rem', padding: '0 2px' }}
+ style={{ marginLeft: 'auto', background: 'none', border: 'none', cursor: 'pointer', color: '#8891C7', fontSize: '0.75rem', padding: '0 2px' }}
>✕
)}
@@ -686,7 +686,7 @@ export default function AdminPage() {
{activeTab === 'personas' && (
{!isPersonaHydrated ? (
-
@@ -791,7 +791,7 @@ export default function AdminPage() {
{contactsError &&
@@ -799,10 +799,10 @@ export default function AdminPage() {
{contacts.map((c, i) => (
))}
@@ -813,15 +813,15 @@ export default function AdminPage() {
{/* SETTINGS TAB */}
{activeTab === 'settings' && (
Loading personas…
+Loading personas…
) : ({p.label}
- {p.description}
+ {p.description}
- {p.colors.torso}
+ {p.colors.torso}
- {p.colors.legs}
+ {p.colors.legs}
{p.id !== 'none' && (
@@ -762,7 +762,7 @@ export default function AdminPage() {
{ordersError && {ordersError}
} {!ordersLoading && orders.length === 0 && !ordersError && ( -No orders found.
+No orders found.
)} {orders.length > 0 && ({contactsError}
} {!contactsLoading && contacts.length === 0 && !contactsError && ( -No contact inquiries yet.
+No contact inquiries yet.
)} {contacts.length > 0 && (
-
-
App Settings
+App Settings
{settingError &&{settingError}
} {settingsLoading ? ( -Loading…
+Loading…
) : (No settings yet.
+No settings yet.
)} {settings.map((s, i) => (Add Setting
+
+
Add Setting
@@ -869,7 +869,7 @@ export default function AdminPage() {
{showPwModal && (
+
+
+
+
+
+
+
+
+
+
+
+
{title}
{description && (
-
diff --git a/src/app/robots/CatalogClient.tsx b/src/app/robots/CatalogClient.tsx
index 229a31e..17ead7c 100644
--- a/src/app/robots/CatalogClient.tsx
+++ b/src/app/robots/CatalogClient.tsx
@@ -71,7 +71,7 @@ function CatalogInner() {
diff --git a/src/app/robots/page.tsx b/src/app/robots/page.tsx
index 75d2886..ff6e8ab 100644
--- a/src/app/robots/page.tsx
+++ b/src/app/robots/page.tsx
@@ -23,7 +23,7 @@ export default function RobotsPage() {
Robots ready to deploy across the UAE.
-
diff --git a/src/app/terms-of-service/page.tsx b/src/app/terms-of-service/page.tsx
index 3809e06..03a986a 100644
--- a/src/app/terms-of-service/page.tsx
+++ b/src/app/terms-of-service/page.tsx
@@ -9,32 +9,32 @@ export default function TermsOfServicePage() {
diff --git a/src/components/CheckoutOverlay.tsx b/src/components/CheckoutOverlay.tsx
index ca7a157..c354616 100644
--- a/src/components/CheckoutOverlay.tsx
+++ b/src/components/CheckoutOverlay.tsx
@@ -103,7 +103,7 @@ export function CheckoutOverlay() {
borderRadius: '0.375rem',
border: '1px solid rgba(0, 0, 0, 0.08)',
background: 'transparent',
- color: '#94908a',
+ color: '#8891C7',
cursor: 'pointer',
fontSize: '0.75rem',
transition: 'all 0.2s ease',
@@ -111,7 +111,7 @@ export function CheckoutOverlay() {
>
Back
-
+
) : (
- Initializing secure payment...
+ Initializing secure payment...
)}
) : null}
diff --git a/src/components/ConfigPanel.tsx b/src/components/ConfigPanel.tsx
index b0fff7b..0751769 100644
--- a/src/components/ConfigPanel.tsx
+++ b/src/components/ConfigPanel.tsx
@@ -141,14 +141,14 @@ export function ConfigPanel() {
-
- Change Password
+Change Password
{(['current', 'next', 'confirm'] as const).map((field) => (
-
+
+
{b}
))}
diff --git a/src/app/brands/page.tsx b/src/app/brands/page.tsx
index 75509a2..28ff4b0 100644
--- a/src/app/brands/page.tsx
+++ b/src/app/brands/page.tsx
@@ -28,10 +28,10 @@ export default function BrandsPage() {
Selected Unitree and Pudu solutions — exclusively in the UAE.
-
@@ -57,7 +57,7 @@ export default function BrandsPage() {
{robots.length} model{robots.length === 1 ? '' : 's'}
@@ -918,7 +918,7 @@ function SettingRow({
useEffect(() => { setEditVal(setting.value); }, [setting.value]);
return (
-
@@ -1122,7 +1122,7 @@ function OrderRow({
function SectionBox({ title, children }: { title: string; children: React.ReactNode }) {
return (
0 ? '1px solid rgba(0,0,0,0.04)' : 'none' }}>
+
) : (
0 ? '1px solid rgba(0,0,0,0.04)' : 'none' }}>
{setting.key}
))}
{name}
- {email && {email}
}
- {order.id}
+ {email && {email}
}
+ {order.id}
{formatAmount(order.amount, order.currency)}
@@ -1008,17 +1008,17 @@ function OrderRow({
fontSize: '0.65rem',
fontWeight: 600,
textTransform: 'uppercase',
- background: order.status === 'succeeded' ? 'rgba(34,197,94,0.1)' : order.status === 'canceled' ? 'rgba(239,68,68,0.08)' : 'rgba(196, 162, 101,0.15)',
- color: order.status === 'succeeded' ? '#16a34a' : order.status === 'canceled' ? '#dc2626' : '#6b6862',
+ background: order.status === 'succeeded' ? 'rgba(34,197,94,0.1)' : order.status === 'canceled' ? 'rgba(239,68,68,0.08)' : 'rgba(39, 63, 148,0.15)',
+ color: order.status === 'succeeded' ? '#16a34a' : order.status === 'canceled' ? '#dc2626' : '#6a73a5',
}}>
{order.status}
- {formatDate(order.created)}
+ {formatDate(order.created)}
@@ -1073,16 +1073,16 @@ function OrderRow({
- Total
-
+ Total
+
{formatAmount(order.amount, order.currency)}
- Total (legacy order)
-
+ Total (legacy order)
+
{formatAmount(order.amount, order.currency)}
@@ -1090,16 +1090,16 @@ function OrderRow({
{/* Payment ID */}
-
+
{/* Right: snapshot */}
Payment ID: {order.id}
-
Robot Snapshot
+ Robot Snapshot
{snapshot === 'loading' && (
- Loading…
+ Loading…
)}
{snapshot && snapshot !== 'loading' && snapshot !== 'none' && (
/* eslint-disable-next-line @next/next/no-img-element */
@@ -1110,7 +1110,7 @@ function OrderRow({
/>
)}
{snapshot === 'none' && (
- No snapshot
+ No snapshot
)}
-
);
@@ -1138,7 +1138,7 @@ function InfoField({ label, value }: { label: string; value?: string | null }) {
if (!value) return null;
return (
{title}
+ {title}
{children}
-
);
@@ -1147,8 +1147,8 @@ function InfoField({ label, value }: { label: string; value?: string | null }) {
function StatCard({ label, value }: { label: string; value: string }) {
return (
{label}
+ {label}
{value}
-
);
}
@@ -1165,7 +1165,7 @@ function TableHeader({ cols, labels }: { cols: string; labels: string[] }) {
return (
{label}
- {value}
+ {label}
+ {value}
{labels.map((l) => (
- {l}
+ {l}
))}
);
@@ -1204,7 +1204,7 @@ const formInputStyle: React.CSSProperties = {
borderRadius: '0.375rem',
border: '1px solid rgba(0,0,0,0.1)',
background: '#ffffff',
- color: '#0a0907',
+ color: '#0a0a0c',
fontSize: '0.8rem',
outline: 'none',
boxSizing: 'border-box',
@@ -1216,7 +1216,7 @@ const tableInputStyle: React.CSSProperties = {
borderRadius: '0.375rem',
border: '1px solid rgba(0,0,0,0.1)',
background: '#ffffff',
- color: '#0a0907',
+ color: '#0a0a0c',
fontSize: '0.8rem',
fontFamily: 'monospace',
textAlign: 'right' as const,
diff --git a/src/app/book-demo/page.tsx b/src/app/book-demo/page.tsx
index eec4658..1484851 100644
--- a/src/app/book-demo/page.tsx
+++ b/src/app/book-demo/page.tsx
@@ -21,7 +21,7 @@ export default function BookDemoPage() {
See the future in person.
-+
Book a live robot demo at our Dubai showroom or schedule an on-site demo at your venue. Our team will tailor the demo to your use case before you arrive.
@@ -32,8 +32,8 @@ export default function BookDemoPage() { 'Walk through configuration and deployment options', 'Get UAE-specific pricing and availability', ].map((b) => ( -+
YS Lootah Robotics holds exclusive UAE sales rights for selected Unitree and Pudu Robotics solutions — with on-the-ground sales, demo, and deployment support across Dubai and the UAE.
-+
Brand names and product trademarks are property of their respective owners. Available exclusively in the UAE through YS Lootah Robotics.
+
{brand.description}
diff --git a/src/app/configure/page.tsx b/src/app/configure/page.tsx
index 40f4162..cc44321 100644
--- a/src/app/configure/page.tsx
+++ b/src/app/configure/page.tsx
@@ -17,8 +17,8 @@ export default function ConfigurePage() {
paddingLeft: 'clamp(1rem, 4vw, 2rem)',
paddingRight: 'clamp(1rem, 4vw, 2rem)',
background:
- 'radial-gradient(ellipse 60% 80% at 50% 0%, rgba(196, 162, 101,0.12), transparent 60%), linear-gradient(180deg, #050505 0%, #030303 100%)',
- borderBottom: '1px solid rgba(196, 162, 101,0.12)',
+ 'radial-gradient(ellipse 60% 80% at 50% 0%, rgba(39, 63, 148,0.12), transparent 60%), linear-gradient(180deg, #050505 0%, #030303 100%)',
+ borderBottom: '1px solid rgba(39, 63, 148,0.12)',
}}
>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 814846e..83acf4a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -45,7 +45,7 @@ export const metadata: Metadata = {
export const viewport: Viewport = {
width: 'device-width',
initialScale: 1,
- themeColor: '#050505',
+ themeColor: '#0a0a0c',
};
export default function RootLayout({
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d2253c3..2e4cd8f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,6 +12,10 @@ import { ExclusiveAccessSection } from '@/components/robotics/ExclusiveAccessSec
import { MarqueeStrip } from '@/components/robotics/MarqueeStrip';
import { BentoGrid } from '@/components/robotics/BentoGrid';
import { HowItWorks } from '@/components/robotics/HowItWorks';
+import { CompanyStory } from '@/components/robotics/CompanyStory';
+import { ServicesGrid } from '@/components/robotics/ServicesGrid';
+import { FounderSection } from '@/components/robotics/FounderSection';
+import { BuSunaidahSection } from '@/components/robotics/BuSunaidahSection';
import { MotionSection } from '@/components/ui/MotionSection';
import { FEATURED_ROBOTS } from '@/data/robots';
@@ -51,6 +55,12 @@ export default function HomePage() {
@@ -34,7 +34,7 @@ export default function ConfigurePage() {
>
Configure your robot.
-
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index c71b3ae..511b741 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -21,14 +21,14 @@ export default function ContactPage() {
+
Choose persona, attire, colors, and accessories — visualize your Unitree G1 humanoid before you request a quotation from YS Lootah Robotics.
Talk to our Dubai robotics team.
-+
Tell us about your venue, timeline, and use case. We will recommend a robot, share availability, and book a live demo at our Dubai showroom.
+
We deploy humanoid, quadruped, and service robots across industries that are reshaping how the UAE operates — every venue is matched to the right robot.
+
+
+
+
+
+
+
+ +
{description}
)} diff --git a/src/app/privacy-policy/page.tsx b/src/app/privacy-policy/page.tsx index 4ba77b1..ccbd3cd 100644 --- a/src/app/privacy-policy/page.tsx +++ b/src/app/privacy-policy/page.tsx @@ -9,38 +9,38 @@ export default function PrivacyPolicyPage() {Privacy Policy
-Effective Date: {new Date().toLocaleDateString('en-AE')}
+Effective Date: {new Date().toLocaleDateString('en-AE')}
1. Information We Collect
-+
At YS Lootah Robotics, we collect information you provide directly to us when you request information, use the G1 Customizer, or contact us. This includes your name, email address, phone number, and any other information you choose to provide in your message.
2. How We Use Your Information
-+
We use the information we collect to respond to your inquiries, deliver our robotics enterprise solutions, maintain our dashboard, and communicate with you about your custom humanoid configurations.
3. Data Security
-+
We implement robust security measures designed to protect your personal information. Your contact data is stored securely in our private databases strictly for administrative and operational purposes.
4. Contact Us
-+
If you have questions or concerns about this Privacy Policy, please reach out to us at:
YS Lootah Robotics
Office 408, City Bay Business Center
Dubai, United Arab Emirates
- Email: info@yslootahtech.com
+ Email: info@yslootahrobotics.com
-
+
{filtered.length} robot{filtered.length === 1 ? '' : 's'} found
{(filter.brand !== 'all' || filter.category !== 'all') && (
@@ -81,7 +81,7 @@ function CatalogInner() {
style={{
background: 'transparent',
border: 'none',
- color: '#e0c896',
+ color: '#DEE0F0',
fontSize: '0.78rem',
letterSpacing: '0.14em',
textTransform: 'uppercase',
@@ -95,9 +95,9 @@ function CatalogInner() {
{filtered.length === 0 ? (
-
+ Loading catalog…
}>
No robots match these filters yet. Try a different brand or category, or{' '}
- contact us for tailored options.
+ contact us for tailored options.
) : (
Loading catalog…
}>
+
-
+
Browse {ROBOTS.length}+ models across our portfolio. Filter by brand or category, then request a price or book a live demo at our Dubai showroom.
Terms of Service
-Effective Date: {new Date().toLocaleDateString('en-AE')}
+Effective Date: {new Date().toLocaleDateString('en-AE')}
1. Acceptance of Terms
-+
By accessing and utilizing the YS Lootah Robotics web platform and the G1 Configurator, you accept and agree to be bound by the terms and provisions of this agreement.
2. Use of the Site & Configurator
-+
The 3D G1 Configurator is provided for informational and demonstrative purposes to showcase the capabilities of YS Lootah technologies. You agree to use this site strictly for lawful purposes resulting in enterprise robotics inquiries and configurations.
3. Intellectual Property Rights
-+
All original content on this website, including but not limited to text, graphics, 3D models (GLB files), logos, and software, is the exclusive property of YS Lootah Robotics and is protected by United Arab Emirates and international copyright laws.
4. Disclaimer of Warranties
-+
The materials on our platform are provided "as is". We make no warranties, expressed or implied, and hereby disclaim to the fullest extent permitted by law all warranties regarding the immediate enterprise availability of the rendered concepts displayed in the Configurator.
+
Checkout
@@ -216,7 +216,7 @@ export function CheckoutOverlay() {
{persona.label}
{persona.description}
@@ -221,14 +221,14 @@ export function ConfigPanel() {
diff --git a/src/components/FooterAndContact.tsx b/src/components/FooterAndContact.tsx
index 4870695..4f872e8 100644
--- a/src/components/FooterAndContact.tsx
+++ b/src/components/FooterAndContact.tsx
@@ -1,12 +1,13 @@
'use client';
import Link from 'next/link';
+import Image from 'next/image';
import { BRANDS } from '@/data/robots';
const CONTACT = {
phonePrimary: '+971 55 948 2728',
phoneSecondary: '+971 4 349 9319',
- email: 'info@yslootahtech.com',
+ email: 'info@yslootahrobotics.com',
address: 'Office 408, City Bay Business Center, Dubai, UAE',
whatsapp: 'https://wa.me/971559482728',
maps: 'https://maps.google.com/?q=Office+408+City+Bay+Business+Center+Dubai',
@@ -22,10 +23,10 @@ export function FooterAndContact() {
position: 'relative',
zIndex: 10,
marginTop: 'clamp(4rem, 8vw, 6rem)',
- borderTop: '1px solid rgba(196, 162, 101,0.12)',
+ borderTop: '1px solid rgba(39, 63, 148,0.12)',
background:
- 'radial-gradient(ellipse 80% 60% at 50% 0%, rgba(196, 162, 101,0.05), transparent 60%), linear-gradient(180deg, #030303, #02040a)',
- color: '#cbc4b3',
+ 'radial-gradient(ellipse 80% 60% at 50% 0%, rgba(39, 63, 148,0.05), transparent 60%), linear-gradient(180deg, #030303, #02040a)',
+ color: '#DEE0F0',
}}
>
{opt.label}
{opt.description}
@@ -282,7 +282,7 @@ function ColorInput({ label, value, onChange }: { label: string; value: string;
/>
);
@@ -291,7 +291,7 @@ function ColorInput({ label, value, onChange }: { label: string; value: string;
const sectionTitleStyle: React.CSSProperties = {
fontSize: '0.75rem',
fontWeight: 500,
- color: '#94908a',
+ color: '#8891C7',
textTransform: 'uppercase',
letterSpacing: '0.05em',
margin: 0,
diff --git a/src/components/ConfiguratorSection.tsx b/src/components/ConfiguratorSection.tsx
index a59361a..fb1f8e8 100644
--- a/src/components/ConfiguratorSection.tsx
+++ b/src/components/ConfiguratorSection.tsx
@@ -94,7 +94,7 @@ export function ConfiguratorSection() {
style={{
fontSize: '1rem',
fontWeight: 600,
- color: '#0a0907',
+ color: '#0a0a0c',
margin: 0,
}}
>
@@ -156,7 +156,7 @@ export function ConfiguratorSection() {
animation: 'spin 1s linear infinite',
}}
/>
- {label}
- {value}
+ {value}
+
{t('loading.configuration')}
@@ -38,37 +39,41 @@ export function FooterAndContact() {
}}
>
-
+
-
+
- - Premium humanoid, quadruped, and service robotics — available through YS Lootah Robotics for businesses and innovators across Dubai and the UAE. +
+ In Tech We Innovate · In Trust We Lead +
++ Innovating today for a smarter tomorrow. YS Lootah Robotics — the UAE's dedicated destination for selected Unitree and Pudu Robotics solutions.
@@ -110,7 +115,7 @@ export function FooterAndContact() {
/>
-
-
+
+
Contact
@@ -124,12 +129,12 @@ export function FooterAndContact() {
{CONTACT.email}
-
-
+
{CONTACT.address}
-
-
+
WhatsApp us
@@ -137,19 +142,19 @@ export function FooterAndContact() {
-
@@ -159,7 +164,7 @@ export function FooterAndContact() {
const footerLink: React.CSSProperties = {
fontSize: '0.9rem',
- color: '#cbc4b3',
+ color: '#DEE0F0',
textDecoration: 'none',
transition: 'color 0.2s',
};
@@ -167,7 +172,7 @@ const footerLink: React.CSSProperties = {
function ColumnLinks({ title, items }: { title: string; items: { label: string; href: string }[] }) {
return (
+
+
© {new Date().getFullYear()} YS Lootah Robotics. All rights reserved.
-+
Website designed & developed by{' '} - + YS Lootah Tech
- Privacy
- Terms
+ Privacy
+ Terms
-
+
@@ -53,7 +53,7 @@ function SceneContent({ onCapture }: { onCapture: (gl: WebGLRenderer, scene: Sce
+
{title}
@@ -196,8 +201,8 @@ function SocialLink({ href, label, path }: { href: string; label: string; path:
alignItems: 'center',
justifyContent: 'center',
background: 'rgba(15, 12, 8,0.6)',
- border: '1px solid rgba(196, 162, 101,0.18)',
- color: '#94908a',
+ border: '1px solid rgba(39, 63, 148,0.18)',
+ color: '#8891C7',
transition: 'all 0.25s ease',
}}
>
diff --git a/src/components/InteractiveHotspot.tsx b/src/components/InteractiveHotspot.tsx
index 6b82da6..1d5596d 100644
--- a/src/components/InteractiveHotspot.tsx
+++ b/src/components/InteractiveHotspot.tsx
@@ -116,7 +116,7 @@ export function InteractiveHotspot({
whiteSpace: 'nowrap',
fontFamily: 'system-ui, -apple-system, sans-serif',
fontSize: '12px',
- color: '#0a0907',
+ color: '#0a0a0c',
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
animation: 'fadeIn 0.15s ease-out',
}}
@@ -125,7 +125,7 @@ export function InteractiveHotspot({
@@ -66,31 +67,33 @@ export function Navbar() {
transition: 'padding 0.3s ease',
}}
>
- setMobileOpen(false)}>
+ setMobileOpen(false)} aria-label="YS Lootah Robotics — Home">
-
+
Total
-
+
AED {formatAED(total)}
@@ -136,7 +136,7 @@ function PriceLine({ label, price }: { label: string; price: number }) {
justifyContent: 'space-between',
alignItems: 'center',
}}>
- {label}
+ {label}
AED {formatAED(price)}
diff --git a/src/components/RobotCanvas.tsx b/src/components/RobotCanvas.tsx
index a449d5c..8b4b662 100644
--- a/src/components/RobotCanvas.tsx
+++ b/src/components/RobotCanvas.tsx
@@ -29,7 +29,7 @@ function Loader() {
borderRadius: '50%',
animation: 'spin 1s linear infinite',
}} />
-
+
{progress.toFixed(0)}% loaded
@@ -66,31 +67,33 @@ export function Navbar() {
transition: 'padding 0.3s ease',
}}
>
- setMobileOpen(false)}>
+ setMobileOpen(false)} aria-label="YS Lootah Robotics — Home">
-
+
@@ -136,7 +136,7 @@ function PriceLine({ label, price }: { label: string; price: number }) {
justifyContent: 'space-between',
alignItems: 'center',
}}>
- {label}
+ {label}
AED {formatAED(price)}
diff --git a/src/components/RobotCanvas.tsx b/src/components/RobotCanvas.tsx
index a449d5c..8b4b662 100644
--- a/src/components/RobotCanvas.tsx
+++ b/src/components/RobotCanvas.tsx
@@ -29,7 +29,7 @@ function Loader() {
borderRadius: '50%',
animation: 'spin 1s linear infinite',
}} />
- Total - + AED {formatAED(total)}
+
{progress.toFixed(0)}% loaded