feat: add robotics showcase components and UI enhancements

- 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.

src/data/industries.ts

@@ -21,7 +21,7 @@ export const INDUSTRIES: Industry[] = [
     solution: 'Service and delivery robots that greet, deliver, and assist around the clock.',
     benefit: 'Consistent guest experience, lower turnover impact, premium brand positioning.',
     matchCategories: ['hospitality', 'service', 'delivery'],
-    accent: '#e0c896',
+    accent: '#DEE0F0',
     icon: 'hotel',
   },
   {
@@ -32,7 +32,7 @@ export const INDUSTRIES: Industry[] = [
     solution: 'Delivery robots like BellaBot and KettyBot move food fast and reliably.',
     benefit: 'Faster table turns, happier staff, instagrammable brand moment.',
     matchCategories: ['delivery', 'service', 'hospitality'],
-    accent: '#8b6f47',
+    accent: '#8891C7',
     icon: 'utensils',
   },
   {
@@ -43,7 +43,7 @@ export const INDUSTRIES: Industry[] = [
     solution: 'Multi-floor delivery robots and humanoid concierge experiences.',
     benefit: 'Faster service, lower overhead, signature guest moments.',
     matchCategories: ['delivery', 'hospitality', 'service'],
-    accent: '#c4a265',
+    accent: '#273F94',
     icon: 'hotel',
   },
   {
@@ -54,7 +54,7 @@ export const INDUSTRIES: Industry[] = [
     solution: 'Cleaning robots, service robots, and humanoid activations for retail floors.',
     benefit: 'Cleaner venues, memorable customer experiences, modern positioning.',
     matchCategories: ['cleaning', 'service', 'humanoid'],
-    accent: '#e0c896',
+    accent: '#DEE0F0',
     icon: 'shopping-bag',
   },
   {
@@ -65,7 +65,7 @@ export const INDUSTRIES: Industry[] = [
     solution: 'Autonomous delivery robots for medications, meals, and supplies.',
     benefit: 'More clinician time at the bedside, lower contamination risk, predictable logistics.',
     matchCategories: ['delivery', 'service'],
-    accent: '#c4a265',
+    accent: '#273F94',
     icon: 'heart-pulse',
   },
   {
@@ -76,7 +76,7 @@ export const INDUSTRIES: Industry[] = [
     solution: 'Unitree humanoids and quadrupeds for STEM labs and innovation programs.',
     benefit: 'Future-ready students, signature programs, and stronger STEM outcomes.',
     matchCategories: ['humanoid', 'service'],
-    accent: '#8b6f47',
+    accent: '#8891C7',
     icon: 'graduation-cap',
   },
   {
@@ -87,7 +87,7 @@ export const INDUSTRIES: Industry[] = [
     solution: 'Quadruped robots like Unitree Go2 and B2 patrol autonomously.',
     benefit: 'Continuous coverage, audit trails, and consistent perimeter monitoring.',
     matchCategories: ['quadruped', 'commercial'],
-    accent: '#e0c896',
+    accent: '#DEE0F0',
     icon: 'shield',
   },
   {
@@ -98,7 +98,7 @@ export const INDUSTRIES: Industry[] = [
     solution: 'Quadruped inspection robots and autonomous delivery platforms.',
     benefit: 'Higher throughput, fewer errors, and accurate facility monitoring.',
     matchCategories: ['quadruped', 'delivery', 'commercial'],
-    accent: '#c4a265',
+    accent: '#273F94',
     icon: 'warehouse',
   },
   {
@@ -109,7 +109,7 @@ export const INDUSTRIES: Industry[] = [
     solution: 'Humanoid and quadruped robot showcases configured for your brand.',
     benefit: 'Press coverage, viral content, and unmistakable premium positioning.',
     matchCategories: ['humanoid', 'quadruped'],
-    accent: '#8b6f47',
+    accent: '#8891C7',
     icon: 'sparkles',
   },
   {
@@ -120,7 +120,7 @@ export const INDUSTRIES: Industry[] = [
     solution: 'A multi-robot fleet across cleaning, delivery, and patrol functions.',
     benefit: 'Single operational system, predictable costs, future-ready facility.',
     matchCategories: ['cleaning', 'commercial', 'delivery'],
-    accent: '#e0c896',
+    accent: '#DEE0F0',
     icon: 'building',
   },
   {
@@ -131,7 +131,7 @@ export const INDUSTRIES: Industry[] = [
     solution: 'A curated multi-brand robotics portfolio with full local support.',
     benefit: 'Visible innovation leadership and a UAE-supported deployment model.',
     matchCategories: ['humanoid', 'quadruped', 'service'],
-    accent: '#c4a265',
+    accent: '#273F94',
     icon: 'landmark',
   },
 ];

src/data/robots.ts

@@ -36,9 +36,9 @@ export interface Robot {
 }
 
 /* Gold spectrum for accents (no cyan/blue/violet) */
-const GOLD_CHAMPAGNE = '#e0c896';
-const GOLD_BRAND = '#c4a265';
-const GOLD_BRONZE = '#8b6f47';
+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: {