feat: add mobile app UI screenshots and enhance text components

- Added new app UI screenshots for cloud features (connector, billing, kubeconfig, reserve)
- Added new hero image (cloudhero3.webp) for cloud section
- Enhanced Texts component with new cyan color variant and default props support
- Updated Eyebrow component to use consistent styling with accent color and tracking
- Simplified CloudArchitecture component by removing redundant style props
- Completely rebuilt CloudFeatures component with

src/pages/storage/StorageArchitecture.tsx

@@ -53,7 +53,7 @@ export function StorageArchitecture() {
     <section className="bg-gray-50 py-24 sm:py-32">
       <Container>
         <div className="mx-auto max-w-3xl text-center">
-          <Eyebrow className="tracking-[0.32em] uppercase text-cyan-500">
+          <Eyebrow>
             Technical Architecture
           </Eyebrow>
           <SectionHeader as="h2" className="mt-6 text-gray-900">

src/pages/storage/StorageFeatures.tsx

@@ -64,7 +64,7 @@ export function StorageFeatures() {
     <section id="storage-features" className="bg-white py-24 sm:py-32">
       <Container>
         <div className="mx-auto max-w-3xl text-center">
-          <Eyebrow className="tracking-[0.32em] uppercase text-cyan-500">
+          <Eyebrow>
             Core Features
           </Eyebrow>
           <SectionHeader as="h2" className="mt-6 text-gray-900">

src/pages/storage/StorageOverview.tsx

@@ -43,11 +43,11 @@ export function StorageOverview() {
           {highlights.map((item) => (
             <div
               key={item.title}
-              className="group relative overflow-hidden rounded-3xl border border-white/10 bg-white/[0.04] p-8 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 hover:bg-white/[0.08]"
+              className="group relative overflow-hidden rounded-3xl border border-white/10 bg-white/4 p-8 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 hover:bg-white/8"
             >
-              <div className="absolute inset-0 bg-gradient-to-br from-cyan-500/0 via-white/[0.05] to-cyan-300/20 opacity-0 transition group-hover:opacity-100" />
+              <div className="absolute inset-0 bg-linear-to-br from-cyan-500/0 via-white/5 to-cyan-300/20 opacity-0 transition group-hover:opacity-100" />
               <div className="relative">
-                <Small className="text-xs uppercase tracking-[0.35em] text-cyan-200">
+                <Small className="text-xs uppercase tracking-[0.16em] text-cyan-200">
                   {item.label}
                 </Small>
                 <h3 className="mt-4 text-lg font-semibold text-white">

src/pages/storage/StorageUseCases.tsx

@@ -84,7 +84,7 @@ export function StorageUseCases() {
     <section className="bg-white py-24 sm:py-32">
       <Container>
         <div className="mx-auto max-w-3xl text-center">
-          <Eyebrow className="tracking-[0.32em] uppercase text-cyan-500">
+          <Eyebrow>
             Use Cases
           </Eyebrow>
           <SectionHeader as="h2" className="mt-6 text-gray-900">