| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>TzamunAI - AI Solutions Company</title> |
| <style> |
| * { |
| margin: 0; |
| padding: 0; |
| box-sizing: border-box; |
| } |
| |
| body { |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; |
| background: #0f172a; |
| color: #e2e8f0; |
| line-height: 1.6; |
| padding: 40px 20px; |
| } |
| |
| .container { |
| max-width: 900px; |
| margin: 0 auto; |
| } |
| |
| .header { |
| background: linear-gradient(135deg, #1e293b 0%, #334155 100%); |
| border-radius: 16px; |
| padding: 50px 40px; |
| text-align: center; |
| margin-bottom: 30px; |
| border: 1px solid rgba(148, 163, 184, 0.2); |
| } |
| |
| .logo { |
| max-width: 350px; |
| width: 100%; |
| height: auto; |
| margin: 0 auto 25px auto; |
| display: block; |
| } |
| |
| .subtitle { |
| font-size: 16px; |
| color: #cbd5e1; |
| margin-bottom: 8px; |
| } |
| |
| .company-info { |
| font-size: 13px; |
| color: #94a3b8; |
| margin-bottom: 25px; |
| } |
| |
| .badges { |
| display: flex; |
| gap: 12px; |
| justify-content: center; |
| flex-wrap: wrap; |
| } |
| |
| .badge { |
| background: rgba(6, 182, 212, 0.15); |
| border: 1px solid rgba(6, 182, 212, 0.5); |
| padding: 8px 18px; |
| border-radius: 8px; |
| color: #22d3ee; |
| font-weight: 600; |
| font-size: 13px; |
| } |
| |
| .content { |
| display: grid; |
| grid-template-columns: 1fr 1fr; |
| gap: 20px; |
| margin-bottom: 20px; |
| } |
| |
| .section { |
| background: rgba(30, 41, 59, 0.4); |
| border: 1px solid rgba(148, 163, 184, 0.15); |
| border-radius: 12px; |
| padding: 25px; |
| } |
| |
| .section h2 { |
| color: #e2e8f0; |
| font-size: 20px; |
| margin-bottom: 12px; |
| } |
| |
| .section p { |
| color: #cbd5e1; |
| font-size: 14px; |
| line-height: 1.7; |
| } |
| |
| .section a { |
| color: #60a5fa; |
| text-decoration: none; |
| } |
| |
| .section a:hover { |
| text-decoration: underline; |
| } |
| |
| .facts { |
| background: rgba(30, 41, 59, 0.4); |
| border: 1px solid rgba(148, 163, 184, 0.15); |
| border-radius: 12px; |
| padding: 25px; |
| margin-bottom: 20px; |
| } |
| |
| .facts h2 { |
| color: #e2e8f0; |
| font-size: 20px; |
| margin-bottom: 20px; |
| } |
| |
| .facts-grid { |
| display: grid; |
| grid-template-columns: repeat(4, 1fr); |
| gap: 15px; |
| } |
| |
| .fact-card { |
| background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.6) 100%); |
| border: 1px solid rgba(148, 163, 184, 0.2); |
| border-radius: 10px; |
| padding: 20px 15px; |
| text-align: center; |
| } |
| |
| .fact-label { |
| color: #94a3b8; |
| font-size: 11px; |
| text-transform: uppercase; |
| letter-spacing: 1px; |
| margin-bottom: 8px; |
| font-weight: 600; |
| } |
| |
| .fact-value { |
| color: #e2e8f0; |
| font-size: 17px; |
| font-weight: 700; |
| } |
| |
| .apps-section { |
| background: rgba(30, 41, 59, 0.4); |
| border: 1px solid rgba(148, 163, 184, 0.15); |
| border-radius: 12px; |
| padding: 25px; |
| margin-bottom: 20px; |
| } |
| |
| .apps-section h2 { |
| color: #e2e8f0; |
| font-size: 18px; |
| margin-bottom: 20px; |
| text-align: center; |
| } |
| |
| .apps-grid { |
| display: grid; |
| grid-template-columns: repeat(5, 1fr); |
| gap: 25px; |
| align-items: center; |
| justify-items: center; |
| } |
| |
| .apps-grid .medical-apps { |
| grid-column: 2 / 5; |
| display: grid; |
| grid-template-columns: repeat(3, 1fr); |
| gap: 25px; |
| width: 100%; |
| justify-items: center; |
| } |
| |
| .app-logo { |
| max-width: 140px; |
| height: auto; |
| opacity: 0.85; |
| transition: all 0.3s ease; |
| filter: brightness(1.1); |
| } |
| |
| .app-logo:hover { |
| opacity: 1; |
| transform: scale(1.05); |
| } |
| |
| .footer { |
| text-align: center; |
| color: #64748b; |
| font-size: 12px; |
| padding: 20px; |
| border-top: 1px solid rgba(148, 163, 184, 0.1); |
| } |
| |
| @media (max-width: 768px) { |
| .content { |
| grid-template-columns: 1fr; |
| } |
| .facts-grid { |
| grid-template-columns: repeat(2, 1fr); |
| } |
| } |
| </style> |
| </head> |
| <body> |
| <div class="container"> |
| <div class="header"> |
| <img src="https://huggingface.co/spaces/TzamunAI/README/resolve/main/logo-white.png" alt="TzamunAI" class="logo"> |
| <div class="subtitle">AI Solutions Company, headquartered in Jeddah, Saudi Arabia.</div> |
| <div class="company-info">Owned by Tzamun Arabia IT Co.</div> |
| <div class="badges"> |
| <span class="badge">TzamunAI API</span> |
| <span class="badge">TzamunAI ERP</span> |
| <span class="badge">TzamunAI On-Prem</span> |
| </div> |
| </div> |
|
|
| <div class="content"> |
| <div class="section"> |
| <h2>Overview</h2> |
| <p><strong>TzamunAI</strong> is a Saudi-based AI company delivering cutting-edge artificial intelligence solutions across multiple domains. We develop and deploy advanced AI models, infrastructure, and applications for businesses in the Middle East and beyond.</p> |
| </div> |
|
|
| <div class="section"> |
| <h2>Mission</h2> |
| <p><strong>Accelerate digital transformation in Saudi Arabia through world-class AI technology.</strong></p> |
| <p style="margin-top: 10px;">We build AI solutions that understand Arabic language and culture, comply with local regulations, and serve the unique needs of Middle Eastern enterprises.</p> |
| <p style="margin-top: 10px;">Website: <a href="https://tzamun.ai" target="_blank">tzamun.ai</a></p> |
| </div> |
| </div> |
|
|
| <div class="facts"> |
| <h2>Quick Facts</h2> |
| <div class="facts-grid"> |
| <div class="fact-card"> |
| <div class="fact-label">Founded</div> |
| <div class="fact-value">2024</div> |
| </div> |
| <div class="fact-card"> |
| <div class="fact-label">Headquarters</div> |
| <div class="fact-value">Jeddah</div> |
| </div> |
| <div class="fact-card"> |
| <div class="fact-label">Focus Area</div> |
| <div class="fact-value">AI Solutions</div> |
| </div> |
| <div class="fact-card"> |
| <div class="fact-label">Owner</div> |
| <div class="fact-value">Tzamun Arabia</div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="apps-section"> |
| <h2>Powered by TzamunAI</h2> |
| <div class="apps-grid"> |
| <img src="https://huggingface.co/spaces/TzamunAI/README/resolve/main/apps/tzamun-erp.png" alt="Tzamun ERP" class="app-logo"> |
| <img src="https://huggingface.co/spaces/TzamunAI/README/resolve/main/apps/motormind.png" alt="MotorMind" class="app-logo"> |
| <img src="https://huggingface.co/spaces/TzamunAI/README/resolve/main/apps/auxly.png" alt="Auxly" class="app-logo"> |
| <img src="https://huggingface.co/spaces/TzamunAI/README/resolve/main/apps/tzamun-tchub.png" alt="Tzamun TCHub" class="app-logo"> |
| <img src="https://huggingface.co/spaces/TzamunAI/README/resolve/main/apps/arabic-english.png" alt="Arabic-English" class="app-logo"> |
| <div class="medical-apps"> |
| <img src="https://huggingface.co/spaces/TzamunAI/README/resolve/main/apps/etabeb.png" alt="eTabeb" class="app-logo"> |
| <img src="https://huggingface.co/spaces/TzamunAI/README/resolve/main/apps/pathconnect-white.png" alt="PathConnect" class="app-logo"> |
| <img src="https://huggingface.co/spaces/TzamunAI/README/resolve/main/apps/radioconnect.png" alt="RadioConnect" class="app-logo"> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="footer"> |
| © 2024 Tzamun Arabia IT Co. | Built with ❤️ in Jeddah 🇸🇦 |
| </div> |
| </div> |
| </body> |
| </html> |
|
|
