Hugging Face's logo

Spaces:
TzamunAI
/
README
Running

App Files Community
waeils commited on
Commit
a417629
·
verified ·
1 Parent(s): 0ea003c

Upload index.html with huggingface_hub

Browse files
Files changed (1) hide show
  1. index.html +222 -0
index.html ADDED
@@ -0,0 +1,222 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>TzamunAI - AI Solutions Company</title>
7
+ <style>
8
+ * {
9
+ margin: 0;
10
+ padding: 0;
11
+ box-sizing: border-box;
12
+ }
13
+
14
+ body {
15
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
16
+ background: #0f172a;
17
+ color: #e2e8f0;
18
+ line-height: 1.6;
19
+ padding: 40px 20px;
20
+ }
21
+
22
+ .container {
23
+ max-width: 900px;
24
+ margin: 0 auto;
25
+ }
26
+
27
+ .header {
28
+ background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
29
+ border-radius: 16px;
30
+ padding: 50px 40px;
31
+ text-align: center;
32
+ margin-bottom: 30px;
33
+ border: 1px solid rgba(148, 163, 184, 0.2);
34
+ }
35
+
36
+ .logo {
37
+ max-width: 350px;
38
+ width: 100%;
39
+ height: auto;
40
+ margin-bottom: 25px;
41
+ }
42
+
43
+ .subtitle {
44
+ font-size: 16px;
45
+ color: #cbd5e1;
46
+ margin-bottom: 8px;
47
+ }
48
+
49
+ .company-info {
50
+ font-size: 13px;
51
+ color: #94a3b8;
52
+ margin-bottom: 25px;
53
+ }
54
+
55
+ .badges {
56
+ display: flex;
57
+ gap: 12px;
58
+ justify-content: center;
59
+ flex-wrap: wrap;
60
+ }
61
+
62
+ .badge {
63
+ background: rgba(59, 130, 246, 0.15);
64
+ border: 1px solid rgba(59, 130, 246, 0.4);
65
+ padding: 8px 18px;
66
+ border-radius: 8px;
67
+ color: #93c5fd;
68
+ font-weight: 600;
69
+ font-size: 13px;
70
+ }
71
+
72
+ .content {
73
+ display: grid;
74
+ grid-template-columns: 1fr 1fr;
75
+ gap: 20px;
76
+ margin-bottom: 20px;
77
+ }
78
+
79
+ .section {
80
+ background: rgba(30, 41, 59, 0.4);
81
+ border: 1px solid rgba(148, 163, 184, 0.15);
82
+ border-radius: 12px;
83
+ padding: 25px;
84
+ }
85
+
86
+ .section h2 {
87
+ color: #e2e8f0;
88
+ font-size: 20px;
89
+ margin-bottom: 12px;
90
+ }
91
+
92
+ .section p {
93
+ color: #cbd5e1;
94
+ font-size: 14px;
95
+ line-height: 1.7;
96
+ }
97
+
98
+ .section a {
99
+ color: #60a5fa;
100
+ text-decoration: none;
101
+ }
102
+
103
+ .section a:hover {
104
+ text-decoration: underline;
105
+ }
106
+
107
+ .facts {
108
+ background: rgba(30, 41, 59, 0.4);
109
+ border: 1px solid rgba(148, 163, 184, 0.15);
110
+ border-radius: 12px;
111
+ padding: 25px;
112
+ margin-bottom: 20px;
113
+ }
114
+
115
+ .facts h2 {
116
+ color: #e2e8f0;
117
+ font-size: 20px;
118
+ margin-bottom: 20px;
119
+ }
120
+
121
+ .facts-grid {
122
+ display: grid;
123
+ grid-template-columns: repeat(4, 1fr);
124
+ gap: 15px;
125
+ }
126
+
127
+ .fact-card {
128
+ background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.6) 100%);
129
+ border: 1px solid rgba(148, 163, 184, 0.2);
130
+ border-radius: 10px;
131
+ padding: 20px 15px;
132
+ text-align: center;
133
+ }
134
+
135
+ .fact-label {
136
+ color: #94a3b8;
137
+ font-size: 11px;
138
+ text-transform: uppercase;
139
+ letter-spacing: 1px;
140
+ margin-bottom: 8px;
141
+ font-weight: 600;
142
+ }
143
+
144
+ .fact-value {
145
+ color: #e2e8f0;
146
+ font-size: 17px;
147
+ font-weight: 700;
148
+ }
149
+
150
+ .footer {
151
+ text-align: center;
152
+ color: #64748b;
153
+ font-size: 12px;
154
+ padding: 20px;
155
+ border-top: 1px solid rgba(148, 163, 184, 0.1);
156
+ }
157
+
158
+ @media (max-width: 768px) {
159
+ .content {
160
+ grid-template-columns: 1fr;
161
+ }
162
+ .facts-grid {
163
+ grid-template-columns: repeat(2, 1fr);
164
+ }
165
+ }
166
+ </style>
167
+ </head>
168
+ <body>
169
+ <div class="container">
170
+ <div class="header">
171
+ <img src="logo-white.png" alt="TzamunAI" class="logo">
172
+ <div class="subtitle">AI Solutions Company, headquartered in Jeddah, Saudi Arabia.</div>
173
+ <div class="company-info">Owned by Tzamun Arabia IT Co.</div>
174
+ <div class="badges">
175
+ <span class="badge">TzamunAI API</span>
176
+ <span class="badge">TzamunAI ERP</span>
177
+ <span class="badge">TzamunAI On-Prem</span>
178
+ </div>
179
+ </div>
180
+
181
+ <div class="content">
182
+ <div class="section">
183
+ <h2>Overview</h2>
184
+ <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>
185
+ </div>
186
+
187
+ <div class="section">
188
+ <h2>Mission</h2>
189
+ <p><strong>Accelerate digital transformation in Saudi Arabia through world-class AI technology.</strong></p>
190
+ <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>
191
+ <p style="margin-top: 10px;">Website: <a href="https://tzamun.ai" target="_blank">tzamun.ai</a></p>
192
+ </div>
193
+ </div>
194
+
195
+ <div class="facts">
196
+ <h2>Quick Facts</h2>
197
+ <div class="facts-grid">
198
+ <div class="fact-card">
199
+ <div class="fact-label">Founded</div>
200
+ <div class="fact-value">2024</div>
201
+ </div>
202
+ <div class="fact-card">
203
+ <div class="fact-label">Headquarters</div>
204
+ <div class="fact-value">Jeddah</div>
205
+ </div>
206
+ <div class="fact-card">
207
+ <div class="fact-label">Focus Area</div>
208
+ <div class="fact-value">AI Solutions</div>
209
+ </div>
210
+ <div class="fact-card">
211
+ <div class="fact-label">Owner</div>
212
+ <div class="fact-value">Tzamun Arabia</div>
213
+ </div>
214
+ </div>
215
+ </div>
216
+
217
+ <div class="footer">
218
+ © 2024 Tzamun Arabia IT Co. | Built with ❤️ in Jeddah 🇸🇦
219
+ </div>
220
+ </div>
221
+ </body>
222
+ </html>