wasmdashai commited on
Commit
c6245e7
·
verified ·
1 Parent(s): 35d7963

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +82 -155
index.html CHANGED
@@ -133,7 +133,85 @@
133
  </div>
134
  </div>
135
  </section>
136
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
137
  <!-- Features Section -->
138
  <section id="features" class="py-20 bg-white">
139
  <div class="container mx-auto px-4">
@@ -371,9 +449,7 @@
371
  <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center">
372
  <div class="text-3xl text-gray-400 font-bold">وزارة البيئة</div>
373
  </div>
374
- <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center">
375
- <div class="text-3xl text-gray-400 font-bold">أمانة الرياض</div>
376
- </div>
377
  <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center">
378
  <div class="text-3xl text-gray-400 font-bold">سابك</div>
379
  </div>
@@ -620,85 +696,7 @@
620
  </div>
621
  </section>
622
 
623
- <!-- Smart Solutions -->
624
- <section class="py-16 bg-white">
625
- <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
626
- <div class="text-center mb-12">
627
- <h2 class="text-3xl font-bold text-gray-800 mb-4">حلولنا الذكية</h2>
628
- <p class="text-gray-600 max-w-3xl mx-auto">تقنيات مبتكرة تجعل التشجير أكثر ذكاءً وفعالية</p>
629
- </div>
630
-
631
- <div class="grid md:grid-cols-2 gap-8">
632
- <!-- Solution 1 -->
633
- <div class="solution-card bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
634
- <div class="flex items-start">
635
- <div class="solution-icon text-green-600 text-4xl mr-4 transition duration-300">
636
- <i class="fas fa-map-marked-alt"></i>
637
- </div>
638
- <div>
639
- <h3 class="text-xl font-bold mb-2">AI TreeSpotter</h3>
640
- <p class="text-gray-600 mb-4">خريطة ذكية تحدد أفضل المواقع لزراعة الأشجار بناءً على تحليل صور الأقمار الصناعية وبيانات جودة الهواء</p>
641
- <a href="#" class="text-green-600 font-medium inline-flex items-center">
642
- تعرف على المزيد
643
- <i class="fas fa-arrow-left mr-2"></i>
644
- </a>
645
- </div>
646
- </div>
647
- </div>
648
-
649
- <!-- Solution 2 -->
650
- <div class="solution-card bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
651
- <div class="flex items-start">
652
- <div class="solution-icon text-green-600 text-4xl mr-4 transition duration-300">
653
- <i class="fas fa-tree"></i>
654
- </div>
655
- <div>
656
- <h3 class="text-xl font-bold mb-2">Smart Tree Recommender</h3>
657
- <p class="text-gray-600 mb-4">نظام يوصي بأنواع الأشجار المثالية لكل منطقة بناءً على التربة والمناخ واستهلاك المياه</p>
658
- <a href="#" class="text-green-600 font-medium inline-flex items-center">
659
- تعرف على المزيد
660
- <i class="fas fa-arrow-left mr-2"></i>
661
- </a>
662
- </div>
663
- </div>
664
- </div>
665
-
666
- <!-- Solution 3 -->
667
- <div class="solution-card bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
668
- <div class="flex items-start">
669
- <div class="solution-icon text-green-600 text-4xl mr-4 transition duration-300">
670
- <i class="fas fa-camera-retro"></i>
671
- </div>
672
- <div>
673
- <h3 class="text-xl font-bold mb-2">TreeTrack AI</h3>
674
- <p class="text-gray-600 mb-4">تحليل صور الأشجار المزروعة لتقييم صحتها ونموها باستخدام رؤية الحاسوب</p>
675
- <a href="#" class="text-green-600 font-medium inline-flex items-center">
676
- تعرف على المزيد
677
- <i class="fas fa-arrow-left mr-2"></i>
678
- </a>
679
- </div>
680
- </div>
681
- </div>
682
-
683
- <!-- Solution 4 -->
684
- <div class="solution-card bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
685
- <div class="flex items-start">
686
- <div class="solution-icon text-green-600 text-4xl mr-4 transition duration-300">
687
- <i class="fas fa-robot"></i>
688
- </div>
689
- <div>
690
- <h3 class="text-xl font-bold mb-2">GreenBot</h3>
691
- <p class="text-gray-600 mb-4">مساعد ذكي يجيب على أسئلتك حول التشجير والعناية بالأشجار</p>
692
- <a href="#" class="text-green-600 font-medium inline-flex items-center">
693
- جربه الآن
694
- <i class="fas fa-arrow-left mr-2"></i>
695
- </a>
696
- </div>
697
- </div>
698
- </div>
699
- </div>
700
- </div>
701
- </section>
702
 
703
  <!-- Stats Section -->
704
  <section class="py-16 bg-green-700 text-white">
@@ -732,77 +730,7 @@
732
  </div>
733
  </section>
734
 
735
- <!-- Testimonials -->
736
- <section class="py-16 bg-white">
737
- <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
738
- <div class="text-center mb-12">
739
- <h2 class="text-3xl font-bold text-gray-800 mb-4">آراء شركائنا</h2>
740
- <p class="text-gray-600 max-w-3xl mx-auto">ما يقوله عنا الشركاء والمتطوعون</p>
741
- </div>
742
-
743
- <div class="grid md:grid-cols-3 gap-8">
744
- <div class="bg-gray-50 p-6 rounded-xl shadow-sm">
745
- <div class="flex items-center mb-4">
746
- <div class="text-yellow-400 mr-2">
747
- <i class="fas fa-star"></i>
748
- <i class="fas fa-star"></i>
749
- <i class="fas fa-star"></i>
750
- <i class="fas fa-star"></i>
751
- <i class="fas fa-star"></i>
752
- </div>
753
- </div>
754
- <p class="text-gray-700 mb-4">"بفضل GreenAI، استطعنا زيادة المساحات الخضراء في منطقتنا بنسبة 30% خلال عام واحد فقط."</p>
755
- <div class="flex items-center">
756
- <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Person" class="w-10 h-10 rounded-full mr-3">
757
- <div>
758
- <div class="font-medium">سارة أحمد</div>
759
- <div class="text-sm text-gray-500">رئيسة جمعية البيئة</div>
760
- </div>
761
- </div>
762
- </div>
763
-
764
- <div class="bg-gray-50 p-6 rounded-xl shadow-sm">
765
- <div class="flex items-center mb-4">
766
- <div class="text-yellow-400 mr-2">
767
- <i class="fas fa-star"></i>
768
- <i class="fas fa-star"></i>
769
- <i class="fas fa-star"></i>
770
- <i class="fas fa-star"></i>
771
- <i class="fas fa-star"></i>
772
- </div>
773
- </div>
774
- <p class="text-gray-700 mb-4">"التقنيات الذكية التي تقدمها المنصة ساعدتنا في توفير 40% من مياه الري مع ضمان نمو صحي للأشجار."</p>
775
- <div class="flex items-center">
776
- <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Person" class="w-10 h-10 rounded-full mr-3">
777
- <div>
778
- <div class="font-medium">محمد الخالد</div>
779
- <div class="text-sm text-gray-500">مدير بلدية الرياض</div>
780
- </div>
781
- </div>
782
- </div>
783
-
784
- <div class="bg-gray-50 p-6 rounded-xl shadow-sm">
785
- <div class="flex items-center mb-4">
786
- <div class="text-yellow-400 mr-2">
787
- <i class="fas fa-star"></i>
788
- <i class="fas fa-star"></i>
789
- <i class="fas fa-star"></i>
790
- <i class="fas fa-star"></i>
791
- <i class="fas fa-star-half-alt"></i>
792
- </div>
793
- </div>
794
- <p class="text-gray-700 mb-4">"كنت متطوعًا مع GreenAI لمدة عام، وشهدت بنفسي الفرق الكبير الذي أحدثوه في منطقتنا."</p>
795
- <div class="flex items-center">
796
- <img src="https://randomuser.me/api/portraits/women/63.jpg" alt="Person" class="w-10 h-10 rounded-full mr-3">
797
- <div>
798
- <div class="font-medium">نورة السعد</div>
799
- <div class="text-sm text-gray-500">متطوعة</div>
800
- </div>
801
- </div>
802
- </div>
803
- </div>
804
- </div>
805
- </section>
806
 
807
  <!-- CTA Section -->
808
  <section class="py-16 bg-green-50 leaf-pattern">
@@ -1014,5 +942,4 @@
1014
  });
1015
  });
1016
  </script>
1017
- <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=wasmdashai/greenai-dash" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1018
  </html>
 
133
  </div>
134
  </div>
135
  </section>
136
+ <!-- Smart Solutions -->
137
+ <section class="py-16 bg-white">
138
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
139
+ <div class="text-center mb-12">
140
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">حلولنا الذكية</h2>
141
+ <p class="text-gray-600 max-w-3xl mx-auto">تقنيات مبتكرة تجعل التشجير أكثر ذكاءً وفعالية</p>
142
+ </div>
143
+
144
+ <div class="grid md:grid-cols-2 gap-8">
145
+ <!-- Solution 1 -->
146
+ <div class="solution-card bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
147
+ <div class="flex items-start">
148
+ <div class="solution-icon text-green-600 text-4xl mr-4 transition duration-300">
149
+ <i class="fas fa-map-marked-alt"></i>
150
+ </div>
151
+ <div>
152
+ <h3 class="text-xl font-bold mb-2">AI TreeSpotter</h3>
153
+ <p class="text-gray-600 mb-4">خريطة ذكية تحدد أفضل المواقع لزراعة الأشجار بناءً على تحليل صور الأقمار الصناعية وبيانات جودة الهواء</p>
154
+ <a href="#" class="text-green-600 font-medium inline-flex items-center">
155
+ تعرف على المزيد
156
+ <i class="fas fa-arrow-left mr-2"></i>
157
+ </a>
158
+ </div>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Solution 2 -->
163
+ <div class="solution-card bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
164
+ <div class="flex items-start">
165
+ <div class="solution-icon text-green-600 text-4xl mr-4 transition duration-300">
166
+ <i class="fas fa-tree"></i>
167
+ </div>
168
+ <div>
169
+ <h3 class="text-xl font-bold mb-2">Smart Tree Recommender</h3>
170
+ <p class="text-gray-600 mb-4">نظام يوصي بأنواع الأشجار المثالية لكل منطقة بناءً على التربة والمناخ واستهلاك المياه</p>
171
+ <a href="#" class="text-green-600 font-medium inline-flex items-center">
172
+ تعرف على المزيد
173
+ <i class="fas fa-arrow-left mr-2"></i>
174
+ </a>
175
+ </div>
176
+ </div>
177
+ </div>
178
+
179
+ <!-- Solution 3 -->
180
+ <div class="solution-card bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
181
+ <div class="flex items-start">
182
+ <div class="solution-icon text-green-600 text-4xl mr-4 transition duration-300">
183
+ <i class="fas fa-camera-retro"></i>
184
+ </div>
185
+ <div>
186
+ <h3 class="text-xl font-bold mb-2">TreeTrack AI</h3>
187
+ <p class="text-gray-600 mb-4">تحليل صور الأشجار المزروعة لتقييم صحتها ونموها باستخدام رؤية الحاسوب</p>
188
+ <a href="#" class="text-green-600 font-medium inline-flex items-center">
189
+ تعرف على المزيد
190
+ <i class="fas fa-arrow-left mr-2"></i>
191
+ </a>
192
+ </div>
193
+ </div>
194
+ </div>
195
+
196
+ <!-- Solution 4 -->
197
+ <div class="solution-card bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
198
+ <div class="flex items-start">
199
+ <div class="solution-icon text-green-600 text-4xl mr-4 transition duration-300">
200
+ <i class="fas fa-robot"></i>
201
+ </div>
202
+ <div>
203
+ <h3 class="text-xl font-bold mb-2">GreenBot</h3>
204
+ <p class="text-gray-600 mb-4">مساعد ذكي يجيب على أسئلتك حول التشجير والعناية بالأشجار</p>
205
+ <a href="#" class="text-green-600 font-medium inline-flex items-center">
206
+ جربه الآن
207
+ <i class="fas fa-arrow-left mr-2"></i>
208
+ </a>
209
+ </div>
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ </section>
215
  <!-- Features Section -->
216
  <section id="features" class="py-20 bg-white">
217
  <div class="container mx-auto px-4">
 
449
  <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center">
450
  <div class="text-3xl text-gray-400 font-bold">وزارة البيئة</div>
451
  </div>
452
+
 
 
453
  <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center">
454
  <div class="text-3xl text-gray-400 font-bold">سابك</div>
455
  </div>
 
696
  </div>
697
  </section>
698
 
699
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
700
 
701
  <!-- Stats Section -->
702
  <section class="py-16 bg-green-700 text-white">
 
730
  </div>
731
  </section>
732
 
733
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
734
 
735
  <!-- CTA Section -->
736
  <section class="py-16 bg-green-50 leaf-pattern">
 
942
  });
943
  });
944
  </script>
 
945
  </html>