content: page copy refinements + accessory rich data extensions

- about, brands, contact, industries, bu-sunaidah page copy polish
- BuSunaidahSection content updates
- accessories.ts: rich-content interfaces (highlights, featureSections,
  specGroups, paramsImage, footnotes, safetyNotice) + full Dex2-5,
  Dex3-1, Dex1-1, Dex5-1, Z1, D1-T, L2 data sourced from vendor pages

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/app/about/page.tsx

@@ -19,8 +19,8 @@ export default function AboutPage() {
     <>
       <Navbar />
 
-      <main style={{ paddingTop: 'clamp(6rem, 10vw, 8rem)', paddingBottom: 'clamp(4rem, 8vw, 6rem)' }}>
-        <div className="container-wide" style={{ display: 'flex', flexDirection: 'column', gap: 'clamp(3rem, 6vw, 5rem)' }}>
+      <main style={{ paddingTop: 'clamp(5rem, 9vw, 7rem)', paddingBottom: 'clamp(3rem, 6vw, 5rem)' }}>
+        <div className="container-wide" style={{ display: 'flex', flexDirection: 'column', gap: 'clamp(2.5rem, 5vw, 4.25rem)' }}>
           <div style={{ display: 'flex', flexDirection: 'column', gap: '1.25rem', maxWidth: 820 }}>
             <span className="eyebrow">About · YS Lootah Robotics</span>
             <h1 style={{ margin: 0, fontSize: 'clamp(2rem, 5vw, 3.4rem)', fontWeight: 300, lineHeight: 1.05, letterSpacing: '-0.03em' }}>

src/app/brands/page.tsx

@@ -19,8 +19,8 @@ export default function BrandsPage() {
     <>
       <Navbar />
 
-      <main style={{ paddingTop: 'clamp(6rem, 10vw, 8rem)', paddingBottom: 'clamp(4rem, 8vw, 6rem)' }}>
-        <div className="container-wide" style={{ display: 'flex', flexDirection: 'column', gap: 'clamp(3rem, 5vw, 5rem)' }}>
+      <main style={{ paddingTop: 'clamp(5rem, 9vw, 7rem)', paddingBottom: 'clamp(3rem, 6vw, 5rem)' }}>
+        <div className="container-wide" style={{ display: 'flex', flexDirection: 'column', gap: 'clamp(2.5rem, 5vw, 4.25rem)' }}>
           <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem', maxWidth: 760 }}>
             <span className="eyebrow">UAE Access · Dubai</span>
             <h1 style={{ margin: 0, fontSize: 'clamp(2rem, 5vw, 3.4rem)', fontWeight: 300, lineHeight: 1.05, letterSpacing: '-0.03em' }}>

src/app/bu-sunaidah/page.tsx

@@ -370,7 +370,7 @@ export default async function BuSunaidahPage() {
       <style>{`
         .bs-main {
           padding-top: clamp(5rem, 9vw, 7rem);
-          padding-bottom: clamp(2rem, 5vw, 4rem);
+          padding-bottom: clamp(3rem, 6vw, 5rem);
         }
         .bs-stack {
           display: flex;

src/app/contact/page.tsx

@@ -14,7 +14,7 @@ export default function ContactPage() {
     <>
       <Navbar />
 
-      <main style={{ paddingTop: 'clamp(6rem, 10vw, 8rem)', paddingBottom: 'clamp(4rem, 8vw, 6rem)' }}>
+      <main style={{ paddingTop: 'clamp(5rem, 9vw, 7rem)', paddingBottom: 'clamp(3rem, 6vw, 5rem)' }}>
         <div className="container-wide" style={{ display: 'grid', gap: 'clamp(2rem, 5vw, 3rem)', gridTemplateColumns: 'repeat(auto-fit, minmax(min(320px, 100%), 1fr))', alignItems: 'flex-start' }}>
           <div style={{ display: 'flex', flexDirection: 'column', gap: '1.25rem' }}>
             <span className="eyebrow">Contact · Dubai · UAE</span>

src/app/industries/page.tsx

@@ -148,7 +148,7 @@ export default function IndustriesPage() {
       <style>{`
         .ind-main {
           padding-top: clamp(5rem, 9vw, 7rem);
-          padding-bottom: clamp(2rem, 5vw, 4rem);
+          padding-bottom: clamp(3rem, 6vw, 5rem);
         }
         .ind-stack {
           display: flex;