- {
- isServices ?
- (
-
-
- )
- :
- (
- { rtl ? '' : 'Our' } { rtl ? 'خدماتنا' : 'Services' }
-- { rtl ? 'نحن نقدم حلول تكنولوجيا المعلومات المثالية لعملك' : 'We provide perfect IT Solutions for your business' } -
-
-
- )
- }
+ Other Awesome Features
-- Iteck Dashboard is a powerhouse when it comes to the feature list. This ensures you have every functionality you need to build, run, and expand your marketplace -
-
+
+ {coreServices.title} {rtl ? 'الرئيسية' : ''} +
+{coreServices.subtitle}
+
-
- {
- servicesData.map((feature, i) => (
-
- )
-}
+ );
+};
-export default Features
\ No newline at end of file
+// Helper function to get feature descriptions
+const getFeatureDescription = (serviceTitle, feature) => {
+ const descriptions = {
+ 'Cloud Computing': {
+ 'Infrastructure as a Service (IaaS)': 'Virtualized computing resources, storage, and networking on demand',
+ 'Platform as a Service (PaaS)': 'Development and deployment platforms in the cloud',
+ 'Software as a Service (SaaS)': 'Cloud-based software applications and services',
+ 'Cloud Migration & Management': 'Seamless transition and ongoing management of cloud infrastructure',
+ 'Hybrid Cloud Solutions': 'Integrated on-premises and cloud infrastructure solutions'
+ },
+ 'Application Development': {
+ 'Web Application Development': 'Custom web applications using modern frameworks and technologies',
+ 'Mobile App Development': 'Native and cross-platform mobile applications for iOS and Android',
+ 'IoT Solutions': 'Connected device applications and IoT platform development',
+ 'Custom Software Development': 'Tailored software solutions for specific business needs',
+ 'Enterprise Applications': 'Large-scale business applications and systems integration'
+ },
+ 'AI & Machine Learning': {
+ 'Machine Learning Models': 'Custom ML models and predictive analytics systems',
+ 'Computer Vision Solutions': 'Image and video analysis applications',
+ 'Natural Language Processing': 'Text analysis, chatbots, and language understanding systems',
+ 'Predictive Analytics': 'Data-driven forecasting and business intelligence solutions',
+ 'AI Integration Services': 'Seamless integration of AI capabilities into existing systems'
+ }
+ };
+
+ return descriptions[serviceTitle]?.[feature] || '';
+};
+
+export default Features;
\ No newline at end of file
diff --git a/src/components/Saas/Services.jsx b/src/components/Saas/Services.jsx
index 574fadb..2d0d015 100644
--- a/src/components/Saas/Services.jsx
+++ b/src/components/Saas/Services.jsx
@@ -1,84 +1,240 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import services from 'data/Saas/services.json';
-import servicesRTL from 'data/Saas/services-rtl.json';
-
-import "swiper/css";
-
-const Services = ({ rtl }) => {
- const servicesData = rtl ? servicesRTL : services;
-
- return (
-
-
- )
-}
-
-export default Services
\ No newline at end of file
+import React, { useState } from 'react';
+import { Link } from 'gatsby';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import 'swiper/css';
+import servicesData from '../../data/services.json';
+
+const Services = () => {
+ const services = servicesData.services;
+ const [selectedService, setSelectedService] = useState(null);
+
+ const handleServiceClick = (service) => {
+ setSelectedService(service);
+ };
+
+ const handleCloseDetails = () => {
+ setSelectedService(null);
+ };
+
+ const getSectionColor = (category) => {
+ switch (category) {
+ case 'cloud':
+ return 'bg-light-blue';
+ case 'app-dev':
+ return 'bg-light-green';
+ case 'ai':
+ return 'bg-light-purple';
+ default:
+ return 'bg-light';
+ }
+ };
+
+ return (
+
+
+ );
+};
+
+export default Services;
diff --git a/src/components/Software/Header.jsx b/src/components/Software/Header.jsx
index a4a2209..1986edd 100644
--- a/src/components/Software/Header.jsx
+++ b/src/components/Software/Header.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
const Header = () => {
return (
@@ -8,8 +8,14 @@ const Header = () => {
-
-
-
-
-
-
-
- { rtl ? 'اهم' : 'Our Top' } { rtl ? 'خدماتنا' : 'Services' }
-- { rtl ? 'تعتبر Iteck لوحة تحكم مصدر قوة عندما يتعلق الأمر بقائمة الميزات. يضمن ذلك حصولك على كل الوظائف التي تحتاجها لبناء سوقك وتشغيله وتوسيعه' : 'Iteck Dashboard is a powerhouse when it comes to the feature list. This ensures you have every functionality you need to build, run, and expand your marketplace' } -
-
-
-
-
- {
- servicesData.map((service, index) => (
-
-
-
- ))
- }
-
-
-
- 
-
-
-
-
- { service.info }
-
- { service.text }
-
-
+
+
+ {/* Service Details Modal */}
+ {selectedService && (
+
+
+
+
+
+
+ + Our Core Services +
++ RootXwire delivers comprehensive technology solutions including cloud computing, application development, and AI & ML services, designed to meet your business needs. +
+
+
+ )}
+
+ {/* Cloud Services Section */}
+
+
+
+
+
+
+ 
+
+
+
+ {selectedService.title}
+{selectedService.text}
+ {selectedService.overview && ( +
+
+ )}
+ {selectedService.features && (
+ Overview
+ {selectedService.overview.description.map((desc, index) => ( +{desc}
+ ))} +
+
+ )}
+ Features
+-
+ {selectedService.features.map((feature, index) => (
+
- + {feature.name}: {feature.description} + + ))} +
+
+
+ {/* Application Development Services Section */}
+
+
+
+
+
+
+ + Our Top Cloud Services +
+
+ {services.filter(service => service.category === 'cloud').map((service, index) => (
+
+
+
+ ))}
+ handleServiceClick(service)}
+ style={{
+ cursor: 'pointer',
+ transition: 'transform 0.2s, box-shadow 0.2s',
+ ':hover': {
+ transform: 'translateY(-5px)',
+ boxShadow: '0 4px 15px rgba(0,0,0,0.1)'
+ }
+ }}
+ >
+
+
+ 
+
+
+
+ {service.title}
+{service.text}
+
+
+
+ {/* AI & ML Services Section */}
+
+
+
+
+
+
+ + Our Top Application Development Services +
+
+ {services.filter(service => service.category === 'app-dev').map((service, index) => (
+
+
+
+ ))}
+ handleServiceClick(service)}
+ style={{
+ cursor: 'pointer',
+ transition: 'transform 0.2s, box-shadow 0.2s',
+ ':hover': {
+ transform: 'translateY(-5px)',
+ boxShadow: '0 4px 15px rgba(0,0,0,0.1)'
+ }
+ }}
+ >
+
+
+
+
+
+
+ {service.title}
+{service.text}
+
+
+
+
+
+
+
+
+
+
+ + Our Top AI & ML Services +
+
+ {services.filter(service => service.category === 'ai').map((service, index) => (
+
+
+
+ ))}
+ handleServiceClick(service)}
+ style={{
+ cursor: 'pointer',
+ transition: 'transform 0.2s, box-shadow 0.2s',
+ ':hover': {
+ transform: 'translateY(-5px)',
+ boxShadow: '0 4px 15px rgba(0,0,0,0.1)'
+ }
+ }}
+ >
+
+
+
+
+
+
+ {service.title}
+{service.text}
+
-
Make your life easier with help from RootXwire
-We help businesses elevate their value through custom software development, product design, QA & consultancy services.
++ Rooting Ideas, Wiring Solutions @RootXwire +
++ We design future-ready software, cloud, and infrastructure + solutions that empower businesses to grow smarter, faster, and + stronger. +
{/*