Refactor code structure for improved readability and maintainability; removed redundant code blocks and optimized function calls.

src/components/robotics/ExclusiveAccessSection.tsx

@@ -36,7 +36,7 @@ export function ExclusiveAccessSection() {
         className="exa-grid"
         style={{ position: 'relative', display: 'grid', gap: 'clamp(1.5rem, 3.5vw, 2.5rem)', alignItems: 'stretch' }}
       >
-        {/* Left — copy */}
+        {/* Left copy */}
         <div style={{ display: 'flex', flexDirection: 'column', gap: '1.25rem', minWidth: 0 }}>
           <span
             style={{
@@ -66,7 +66,7 @@ export function ExclusiveAccessSection() {
           </h2>
 
           <p style={{ margin: 0, color: '#DEE0F0', fontSize: 'clamp(0.92rem, 1.8vw, 1rem)', lineHeight: 1.7, maxWidth: 520 }}>
-            Selected solutions delivered to UAE businesses, venues, and innovators — from inquiry to live deployment, fully supported in Dubai.
+            Selected solutions delivered to UAE businesses, venues, and innovators from inquiry to live deployment, fully supported in Dubai.
           </p>
 
           <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
@@ -91,7 +91,7 @@ export function ExclusiveAccessSection() {
           </div>
         </div>
 
-        {/* Right — premium showroom grid */}
+        {/* Right premium showroom grid */}
         <div
           style={{
             display: 'grid',
@@ -212,7 +212,7 @@ function BrandShowcaseTile({
           }}
         />
 
-        {/* secondary robot — back-left */}
+        {/* secondary robot back-left */}
         <div
           style={{
             position: 'absolute',
@@ -235,7 +235,7 @@ function BrandShowcaseTile({
           />
         </div>
 
-        {/* primary robot — front-right, slightly larger */}
+        {/* primary robot front-right, slightly larger */}
         <div
           style={{
             position: 'absolute',
@@ -312,7 +312,7 @@ function TerritoryTile() {
         boxShadow: '0 12px 36px rgba(0,0,0,0.55), inset 0 1px 0 rgba(222,224,240,0.06)',
       }}
     >
-      {/* abstract UAE "territory" graphic — ring map style */}
+      {/* abstract UAE "territory" graphic ring map style */}
       <svg
         aria-hidden
         viewBox="0 0 220 140"
@@ -345,7 +345,7 @@ function TerritoryTile() {
         </span>
       </div>
       <span style={{ position: 'relative', fontSize: '0.72rem', color: '#DEE0F0', lineHeight: 1.4, marginTop: 'auto' }}>
-        Exclusive sales rights — selected Unitree & Pudu solutions.
+        Exclusive sales rights selected Unitree & Pudu solutions.
       </span>
     </div>
   );