feat: add breadcrumb navigation and redesign GPU page sections

- Implemented breadcrumb-style navigation in header dropdown showing "Cloud > [Section]" for compute, storage, and GPU pages
- Redesigned GPU page components with dark theme, horizontal card sliders, and improved visual hierarchy
- Updated CallToAction components across multiple pages with consistent background colors and border styling

src/components/Header.tsx

@@ -24,8 +24,7 @@ export function Header() {
     if (currentPath.startsWith('/compute')) return 'Compute';
     if (currentPath.startsWith('/storage')) return 'Storage';
     if (currentPath.startsWith('/gpu')) return 'GPU';
-    if (currentPath.startsWith('/cloud')) return 'Cloud';
-    return 'Cloud'; 
+    return 'Cloud';
   };
 
   return (
@@ -40,7 +39,14 @@ export function Header() {
               <Dropdown
                 buttonContent={
                   <>
-                    {getCurrentPageName()}
+                    {['Compute', 'Storage', 'GPU'].includes(getCurrentPageName()) ? (
+                      <>
+                        <span className="text-gray-500">Cloud {' >'} </span>
+                        <span>{getCurrentPageName()}</span>
+                      </>
+                    ) : (
+                      'Cloud'
+                    )}
                     <ChevronDownIcon className="h-5 w-5" aria-hidden="true" />
                   </>
                 }