461a00384c
- Introduced FounderSection component to highlight leadership and vision. - Created ServicesGrid component to display various robotics services offered. - Developed RoboticsScrollShowcase for showcasing robots with interactive elements. - Implemented RoboticsSplineShowcase featuring a 3D Spline scene for enhanced user experience. - Added reusable Card component for consistent styling across sections. - Integrated ContainerScroll for animated scrolling effects in the showcase. - Built SplineScene component for lazy loading Spline 3D scenes. - Added Spotlight component for interactive hover effects. - Created utility function for class name merging to streamline styling.
419 lines
17 KiB
TypeScript
419 lines
17 KiB
TypeScript
export type RobotBrand = 'unitree' | 'pudu';
|
|
export type RobotCategory =
|
|
| 'humanoid'
|
|
| 'quadruped'
|
|
| 'service'
|
|
| 'delivery'
|
|
| 'hospitality'
|
|
| 'commercial'
|
|
| 'cleaning'
|
|
| 'inspection';
|
|
|
|
export interface RobotSpec {
|
|
label: string;
|
|
value: string;
|
|
}
|
|
|
|
export interface Robot {
|
|
id: string;
|
|
slug: string;
|
|
brand: RobotBrand;
|
|
brandLabel: string;
|
|
name: string;
|
|
tagline: string;
|
|
category: RobotCategory;
|
|
categories: RobotCategory[];
|
|
shortDescription: string;
|
|
longDescription: string;
|
|
features: string[];
|
|
useCases: string[];
|
|
specs: RobotSpec[];
|
|
image: string;
|
|
imageType: 'photo' | 'placeholder';
|
|
accent: string;
|
|
officialUrl?: string;
|
|
configureSlug?: string;
|
|
}
|
|
|
|
/* Gold spectrum for accents (no cyan/blue/violet) */
|
|
const GOLD_CHAMPAGNE = '#DEE0F0';
|
|
const GOLD_BRAND = '#273F94';
|
|
const GOLD_BRONZE = '#8891C7';
|
|
|
|
export const BRANDS: Record<RobotBrand, { name: string; tagline: string; description: string; url: string; accent: string }> = {
|
|
unitree: {
|
|
name: 'Unitree Robotics',
|
|
tagline: 'Quadrupeds and humanoids — available exclusively in the UAE through YS Lootah Robotics.',
|
|
description:
|
|
'High-performance bipedal and four-legged robots engineered for mobility, perception, and real-world deployment. Selected Unitree solutions are available exclusively in the UAE through YS Lootah Robotics — with on-the-ground sales, demo, and deployment support in Dubai.',
|
|
url: 'https://www.unitree.com/',
|
|
accent: GOLD_CHAMPAGNE,
|
|
},
|
|
pudu: {
|
|
name: 'Pudu Robotics',
|
|
tagline: 'Service, delivery, and cleaning robotics — available exclusively in the UAE through YS Lootah Robotics.',
|
|
description:
|
|
'A global leader in commercial service robotics. Selected Pudu Robotics solutions are available exclusively in the UAE through YS Lootah Robotics for restaurants, hotels, malls, hospitals, and offices.',
|
|
url: 'https://www.pudurobotics.com/',
|
|
accent: GOLD_BRONZE,
|
|
},
|
|
};
|
|
|
|
export const CATEGORY_LABELS: Record<RobotCategory, string> = {
|
|
humanoid: 'Humanoid',
|
|
quadruped: 'Quadruped',
|
|
service: 'Service',
|
|
delivery: 'Delivery',
|
|
hospitality: 'Hospitality',
|
|
commercial: 'Commercial Automation',
|
|
cleaning: 'Cleaning',
|
|
inspection: 'Inspection',
|
|
};
|
|
|
|
const SPEC_PLACEHOLDER: RobotSpec = { label: 'Detailed Specs', value: 'Available upon request' };
|
|
const SPEC_CONSULT: RobotSpec = { label: 'Configuration', value: 'Specifications confirmed during consultation' };
|
|
|
|
export const ROBOTS: Robot[] = [
|
|
{
|
|
id: 'unitree-g1',
|
|
slug: 'unitree-g1',
|
|
brand: 'unitree',
|
|
brandLabel: 'Unitree',
|
|
name: 'G1 Humanoid',
|
|
tagline: 'Compact bipedal robot built for research, demos, and human-scale environments.',
|
|
category: 'humanoid',
|
|
categories: ['humanoid'],
|
|
shortDescription:
|
|
'A research-grade humanoid with agile locomotion, dexterous hands, and a developer-friendly platform — available exclusively in the UAE through YS Lootah Robotics.',
|
|
longDescription:
|
|
'The G1 is a next-generation bipedal humanoid designed for AI research, education, and real-world deployment. It can walk, run, balance, and manipulate objects. Through our exclusive UAE access, YS Lootah Robotics delivers fully tailored persona configurations and on-the-ground deployment support across Dubai and the UAE.',
|
|
features: [
|
|
'Compact bipedal form factor for indoor environments',
|
|
'Dynamic balance and high-mobility locomotion',
|
|
'Dexterous hand options for manipulation research',
|
|
'Open developer SDK for custom behaviors',
|
|
'Configurable persona — kandura, suit, vest, doctor, security guard',
|
|
],
|
|
useCases: [
|
|
'Robotics R&D and AI training labs',
|
|
'Brand activations and live events',
|
|
'Education and university research',
|
|
'Hospitality concierge and reception',
|
|
'Government and innovation showrooms',
|
|
],
|
|
specs: [
|
|
{ label: 'Type', value: 'Bipedal humanoid' },
|
|
{ label: 'Configurator', value: 'Persona, attire, color, accessories' },
|
|
SPEC_CONSULT,
|
|
SPEC_PLACEHOLDER,
|
|
],
|
|
image: '/images/robots/unitree-g1.png',
|
|
imageType: 'photo',
|
|
accent: GOLD_CHAMPAGNE,
|
|
officialUrl: 'https://www.unitree.com/g1',
|
|
configureSlug: '/configure/',
|
|
},
|
|
{
|
|
id: 'unitree-h2',
|
|
slug: 'unitree-h2',
|
|
brand: 'unitree',
|
|
brandLabel: 'Unitree',
|
|
name: 'H2 Humanoid',
|
|
tagline: 'Full-size humanoid platform for advanced motion, perception, and field work.',
|
|
category: 'humanoid',
|
|
categories: ['humanoid'],
|
|
shortDescription:
|
|
'Full-size bipedal humanoid engineered for athletic motion, heavy-duty research, and demanding deployment scenarios — available exclusively in the UAE through YS Lootah Robotics.',
|
|
longDescription:
|
|
'The Unitree H2 is built for organizations that need a robust, full-scale humanoid — combining powerful actuators with high-bandwidth perception. Ideal for advanced labs and industrial pilots across the UAE, with full local support from YS Lootah Robotics.',
|
|
features: [
|
|
'Full adult-scale humanoid frame',
|
|
'High-torque actuators for dynamic motion',
|
|
'Advanced perception and stability stack',
|
|
'Targeted at research, industry, and pilots',
|
|
],
|
|
useCases: ['Advanced robotics research', 'Industrial automation pilots', 'Innovation labs', 'Public showcases'],
|
|
specs: [
|
|
{ label: 'Type', value: 'Full-size bipedal humanoid' },
|
|
SPEC_CONSULT,
|
|
SPEC_PLACEHOLDER,
|
|
],
|
|
image: '/images/robots/unitree-h2.png',
|
|
imageType: 'photo',
|
|
accent: GOLD_CHAMPAGNE,
|
|
officialUrl: 'https://www.unitree.com/h2',
|
|
},
|
|
{
|
|
id: 'unitree-r1',
|
|
slug: 'unitree-r1',
|
|
brand: 'unitree',
|
|
brandLabel: 'Unitree',
|
|
name: 'R1 Humanoid',
|
|
tagline: 'Next-generation humanoid for accessible robotics research.',
|
|
category: 'humanoid',
|
|
categories: ['humanoid'],
|
|
shortDescription:
|
|
'A purpose-built humanoid that opens advanced robotics to startups, educators, and innovators — available exclusively in the UAE through YS Lootah Robotics.',
|
|
longDescription:
|
|
'Engineered for accessibility without compromising capability, the R1 brings advanced humanoid robotics within reach of startups, educators, and innovators across the UAE.',
|
|
features: ['Compact form factor', 'Mobility-focused design', 'Developer-friendly stack', 'Open integration paths'],
|
|
useCases: ['Startup R&D', 'Education', 'Public demonstrations'],
|
|
specs: [SPEC_CONSULT, SPEC_PLACEHOLDER],
|
|
image: '/images/robots/unitree-r1.png',
|
|
imageType: 'photo',
|
|
accent: GOLD_BRAND,
|
|
officialUrl: 'https://www.unitree.com/',
|
|
},
|
|
{
|
|
id: 'unitree-go2',
|
|
slug: 'unitree-go2',
|
|
brand: 'unitree',
|
|
brandLabel: 'Unitree',
|
|
name: 'Go2 Quadruped',
|
|
tagline: 'Agile four-legged robot for inspection, security, and mobile AI.',
|
|
category: 'quadruped',
|
|
categories: ['quadruped', 'commercial', 'inspection'],
|
|
shortDescription:
|
|
'A versatile quadruped platform with high-bandwidth perception — available exclusively in the UAE through YS Lootah Robotics for inspection, security, and mobile AI deployments.',
|
|
longDescription:
|
|
'Unitree Go2 is a compact quadruped designed for mobility-first applications. With a powerful AI stack, LiDAR options, and developer SDK, it is the most widely deployed legged robot in commercial robotics worldwide.',
|
|
features: [
|
|
'Stable, agile quadruped locomotion',
|
|
'Optional 4D LiDAR perception',
|
|
'Open SDK for autonomy stacks',
|
|
'Long battery life for field operations',
|
|
],
|
|
useCases: [
|
|
'Facility and infrastructure inspection',
|
|
'Security and surveillance patrol',
|
|
'Robotics research and education',
|
|
'Live entertainment and brand activations',
|
|
],
|
|
specs: [
|
|
{ label: 'Type', value: 'Quadruped' },
|
|
{ label: 'Payload Options', value: 'Cameras, LiDAR, sensors' },
|
|
SPEC_CONSULT,
|
|
SPEC_PLACEHOLDER,
|
|
],
|
|
image: '/images/robots/unitree-go2.png',
|
|
imageType: 'photo',
|
|
accent: GOLD_CHAMPAGNE,
|
|
officialUrl: 'https://www.unitree.com/go2',
|
|
},
|
|
{
|
|
id: 'unitree-b2',
|
|
slug: 'unitree-b2',
|
|
brand: 'unitree',
|
|
brandLabel: 'Unitree',
|
|
name: 'B2 Industrial Quadruped',
|
|
tagline: 'Heavy-duty quadruped engineered for harsh industrial environments.',
|
|
category: 'quadruped',
|
|
categories: ['quadruped', 'commercial', 'inspection'],
|
|
shortDescription:
|
|
'A rugged industrial-grade quadruped — available exclusively in the UAE through YS Lootah Robotics for energy, utilities, and infrastructure operators.',
|
|
longDescription:
|
|
'The Unitree B2 brings industrial reliability to legged robotics. With higher payload capacity and IP-rated build quality, it suits energy, utilities, and infrastructure operators across the UAE.',
|
|
features: [
|
|
'Industrial payload capacity',
|
|
'IP-rated rugged design',
|
|
'Long-range autonomous patrol',
|
|
'Modular sensor stack',
|
|
],
|
|
useCases: [
|
|
'Energy and utilities inspection',
|
|
'Infrastructure monitoring',
|
|
'Security in industrial sites',
|
|
'Asset and facility management',
|
|
],
|
|
specs: [
|
|
{ label: 'Type', value: 'Industrial quadruped' },
|
|
SPEC_CONSULT,
|
|
SPEC_PLACEHOLDER,
|
|
],
|
|
image: '/images/robots/unitree-b2.png',
|
|
imageType: 'photo',
|
|
accent: GOLD_BRAND,
|
|
officialUrl: 'https://www.unitree.com/b2',
|
|
},
|
|
{
|
|
id: 'unitree-a2',
|
|
slug: 'unitree-a2',
|
|
brand: 'unitree',
|
|
brandLabel: 'Unitree',
|
|
name: 'A2 Quadruped',
|
|
tagline: 'Agile mid-size quadruped with extended autonomy.',
|
|
category: 'quadruped',
|
|
categories: ['quadruped', 'inspection'],
|
|
shortDescription:
|
|
'A balanced quadruped platform — available exclusively in the UAE through YS Lootah Robotics for organizations that need a step up in capability.',
|
|
longDescription:
|
|
'The A2 sits between Go2 and B2 — combining longer endurance and a richer sensor payload with a manageable size for UAE deployments.',
|
|
features: ['Extended autonomy', 'Sensor-rich payload bay', 'Robust outdoor capability'],
|
|
useCases: ['Site monitoring', 'Inspection at scale', 'Research deployments'],
|
|
specs: [SPEC_CONSULT, SPEC_PLACEHOLDER],
|
|
image: '/images/robots/unitree-a2.png',
|
|
imageType: 'photo',
|
|
accent: GOLD_CHAMPAGNE,
|
|
officialUrl: 'https://www.unitree.com/',
|
|
},
|
|
{
|
|
id: 'unitree-as2',
|
|
slug: 'unitree-as2',
|
|
brand: 'unitree',
|
|
brandLabel: 'Unitree',
|
|
name: 'AS2 Autonomous System',
|
|
tagline: 'Advanced perception platform for autonomous mobility research.',
|
|
category: 'commercial',
|
|
categories: ['commercial', 'inspection'],
|
|
shortDescription:
|
|
'A perception-first robotics platform combining LiDAR, vision, and compute — available exclusively in the UAE through YS Lootah Robotics for autonomous mobility research.',
|
|
longDescription:
|
|
'AS2 brings together the sensor and compute stack Unitree pairs with its robots — useful for research teams building autonomy on top of legged or wheeled platforms.',
|
|
features: ['LiDAR + vision fusion', 'On-board compute', 'Modular integration'],
|
|
useCases: ['Autonomy research', 'Inspection autonomy stacks', 'Mobile robotics labs'],
|
|
specs: [SPEC_CONSULT, SPEC_PLACEHOLDER],
|
|
image: '/images/robots/unitree-as2.png',
|
|
imageType: 'photo',
|
|
accent: GOLD_BRONZE,
|
|
officialUrl: 'https://www.unitree.com/',
|
|
},
|
|
{
|
|
id: 'pudu-bellabot',
|
|
slug: 'pudu-bellabot',
|
|
brand: 'pudu',
|
|
brandLabel: 'Pudu',
|
|
name: 'BellaBot',
|
|
tagline: 'Premium delivery robot built for restaurants, hotels, and hospitality venues.',
|
|
category: 'delivery',
|
|
categories: ['delivery', 'hospitality', 'service'],
|
|
shortDescription:
|
|
'A multi-tray delivery robot with an expressive interface — available exclusively in the UAE through YS Lootah Robotics for hospitality venues across Dubai.',
|
|
longDescription:
|
|
'BellaBot delivers food, beverages, and goods with charm, efficiency, and remarkable safety performance. Deploy across restaurants, hotels, and venues in Dubai and the UAE with exclusive local support from YS Lootah Robotics.',
|
|
features: [
|
|
'Multi-tray delivery configuration',
|
|
'Expressive animated face interface',
|
|
'Advanced obstacle avoidance',
|
|
'Hot-swappable battery for full-day operation',
|
|
'Fleet management integration',
|
|
],
|
|
useCases: [
|
|
'Restaurants and casual dining',
|
|
'Hotels and resort room service',
|
|
'Hospital ward delivery',
|
|
'Office building catering',
|
|
],
|
|
specs: [
|
|
{ label: 'Type', value: 'Multi-tray delivery robot' },
|
|
{ label: 'Navigation', value: 'SLAM + vision + LiDAR' },
|
|
SPEC_CONSULT,
|
|
SPEC_PLACEHOLDER,
|
|
],
|
|
image: '/images/robots/pudu-bellabot.svg',
|
|
imageType: 'placeholder',
|
|
accent: GOLD_BRONZE,
|
|
officialUrl: 'https://www.pudurobotics.com/en',
|
|
},
|
|
{
|
|
id: 'pudu-kettybot',
|
|
slug: 'pudu-kettybot',
|
|
brand: 'pudu',
|
|
brandLabel: 'Pudu',
|
|
name: 'KettyBot',
|
|
tagline: 'Compact greeter, advertiser, and delivery robot for retail and dining.',
|
|
category: 'service',
|
|
categories: ['service', 'delivery', 'hospitality'],
|
|
shortDescription:
|
|
'A slim, billboard-equipped service robot — available exclusively in the UAE through YS Lootah Robotics for high-traffic retail and dining spaces.',
|
|
longDescription:
|
|
'KettyBot blends marketing and service. A large display lets venues advertise menus and promotions while the robot greets customers, guides them, and delivers orders — perfect for high-traffic UAE retail and dining spaces.',
|
|
features: [
|
|
'Built-in advertising display',
|
|
'Compact footprint for narrow aisles',
|
|
'Customer greeting and guiding',
|
|
'Light delivery tray',
|
|
],
|
|
useCases: ['Restaurants', 'Retail showrooms', 'Cafés and quick-service venues', 'Shopping mall activations'],
|
|
specs: [
|
|
{ label: 'Type', value: 'Service + delivery robot' },
|
|
SPEC_CONSULT,
|
|
SPEC_PLACEHOLDER,
|
|
],
|
|
image: '/images/robots/pudu-kettybot.svg',
|
|
imageType: 'placeholder',
|
|
accent: GOLD_BRAND,
|
|
officialUrl: 'https://www.pudurobotics.com/en',
|
|
},
|
|
{
|
|
id: 'pudu-cc1',
|
|
slug: 'pudu-cc1',
|
|
brand: 'pudu',
|
|
brandLabel: 'Pudu',
|
|
name: 'CC1 Cleaning Robot',
|
|
tagline: 'Commercial cleaning robot for malls, hotels, and offices.',
|
|
category: 'cleaning',
|
|
categories: ['cleaning', 'commercial'],
|
|
shortDescription:
|
|
'An autonomous commercial cleaning platform — available exclusively in the UAE through YS Lootah Robotics for malls, airports, hotels, and offices.',
|
|
longDescription:
|
|
'CC1 is a multi-mode cleaning robot built for large commercial environments. Deploy across shopping malls, airports, hotels, and offices in the UAE — fully supported by your local Pudu team.',
|
|
features: [
|
|
'Multi-mode cleaning: sweep, scrub, mop, vacuum',
|
|
'Autonomous mapping and routing',
|
|
'Fleet management for multi-robot ops',
|
|
'Safety-first obstacle handling',
|
|
],
|
|
useCases: ['Shopping malls', 'Airports and transport hubs', 'Hotels and resorts', 'Corporate offices'],
|
|
specs: [
|
|
{ label: 'Modes', value: 'Sweep, scrub, mop, vacuum' },
|
|
SPEC_CONSULT,
|
|
SPEC_PLACEHOLDER,
|
|
],
|
|
image: '/images/robots/pudu-cc1.svg',
|
|
imageType: 'placeholder',
|
|
accent: GOLD_BRONZE,
|
|
officialUrl: 'https://www.pudurobotics.com/en',
|
|
},
|
|
{
|
|
id: 'pudu-d-series',
|
|
slug: 'pudu-d-series',
|
|
brand: 'pudu',
|
|
brandLabel: 'Pudu',
|
|
name: 'PUDU D-Series',
|
|
tagline: 'Industrial delivery robots for warehouses and back-of-house logistics.',
|
|
category: 'delivery',
|
|
categories: ['delivery', 'commercial'],
|
|
shortDescription:
|
|
'Heavy-payload autonomous delivery robots — available exclusively in the UAE through YS Lootah Robotics for warehouses, factories, and back-of-house operations.',
|
|
longDescription:
|
|
'The PUDU D-Series powers industrial delivery flows — moving goods, parts, and trays across kitchens, hospitals, and warehouses with autonomous navigation and fleet coordination.',
|
|
features: [
|
|
'High payload capacity',
|
|
'Multi-floor and elevator integration',
|
|
'Fleet coordination and routing',
|
|
'Industrial reliability',
|
|
],
|
|
useCases: ['Warehouses', 'Hospital logistics', 'Hotel back-of-house', 'Industrial kitchens'],
|
|
specs: [SPEC_CONSULT, SPEC_PLACEHOLDER],
|
|
image: '/images/robots/pudu-pudubot.svg',
|
|
imageType: 'placeholder',
|
|
accent: GOLD_CHAMPAGNE,
|
|
officialUrl: 'https://www.pudurobotics.com/en',
|
|
},
|
|
];
|
|
|
|
export function getRobotBySlug(slug: string): Robot | undefined {
|
|
return ROBOTS.find((r) => r.slug === slug);
|
|
}
|
|
|
|
export function getRobotsByBrand(brand: RobotBrand): Robot[] {
|
|
return ROBOTS.filter((r) => r.brand === brand);
|
|
}
|
|
|
|
export function getRobotsByCategory(category: RobotCategory): Robot[] {
|
|
return ROBOTS.filter((r) => r.categories.includes(category));
|
|
}
|
|
|
|
export const FEATURED_ROBOT_SLUGS = ['unitree-g1', 'unitree-go2', 'pudu-bellabot', 'pudu-kettybot'];
|
|
export const FEATURED_ROBOTS = FEATURED_ROBOT_SLUGS.map((s) => getRobotBySlug(s)!).filter(Boolean);
|