Spaces:
Running
Running
Update index.html
Browse files- 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 |
-
|
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 |
-
|
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 |
-
|
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>
|