update

gnx-react/components/pages/home/HomeBanner.tsx

@@ -6,18 +6,35 @@ const HomeBanner = () => {
   const [currentTextIndex, setCurrentTextIndex] = useState(0);
   const [isTransitioning, setIsTransitioning] = useState(false);
   
-  // Static banner slides data
+  // Fix viewport height for mobile browsers (especially iOS Safari)
+  useEffect(() => {
+    const setVH = () => {
+      const vh = window.innerHeight * 0.01;
+      document.documentElement.style.setProperty('--vh', `${vh}px`);
+    };
+    
+    setVH();
+    window.addEventListener('resize', setVH);
+    window.addEventListener('orientationchange', setVH);
+    
+    return () => {
+      window.removeEventListener('resize', setVH);
+      window.removeEventListener('orientationchange', setVH);
+    };
+  }, []);
+  
+  // Static banner slides data based on actual services
   const carouselTexts = [
     {
       id: 1,
-      badge: "Enterprise Solutions",
-      icon: "fa-solid fa-shield-halved",
-      heading: "Secure Enterprise Software",
+      badge: "Custom Development",
+      icon: "fa-solid fa-code",
+      heading: "Tailored Enterprise Software ",
       highlight: "Development",
-      subheading: "for Modern Businesses",
-      description: "We build enterprise-grade software solutions with advanced security, scalability, and 24/7 support. Transform your business with our custom development services.",
+      subheading: "Aligned with Your Business Goals",
+      description: "We design and build custom digital solutions that deliver reliable, scalable, and future-ready applications, driving measurable value and competitive advantage for your enterprise.",
       button_text: "Explore Solutions",
-      button_url: "/services",
+      button_url: "/services/custom-software-development",
       is_active: true,
       display_order: 1,
       created_at: new Date().toISOString(),
@@ -25,14 +42,14 @@ const HomeBanner = () => {
     },
     {
       id: 2,
-      badge: "API Integration",
-      icon: "fa-solid fa-plug",
-      heading: "Seamless API",
-      highlight: "Integration",
-      subheading: "& System Connectivity",
-      description: "Connect all your systems with our robust API development and integration services. Enable smooth data flow and unified workflows across your organization.",
-      button_text: "Learn More",
-      button_url: "/services/api-development",
+      badge: "Business Intelligence",
+      icon: "fa-solid fa-brain",
+      heading: "AI-Powered ",
+      highlight: "Analytics",
+      subheading: "Transform Data into Insights",
+      description: "Turn enterprise data into actionable intelligence with advanced AI and machine learning, enabling smarter decisions, performance optimization, and data-driven innovation.",
+      button_text: "Discover AI Solutions",
+      button_url: "/services/ai-powered-business-intelligence",
       is_active: true,
       display_order: 2,
       created_at: new Date().toISOString(),
@@ -40,18 +57,33 @@ const HomeBanner = () => {
     },
     {
       id: 3,
-      badge: "Cloud Migration",
-      icon: "fa-solid fa-cloud",
-      heading: "Cloud-First",
-      highlight: "Solutions",
-      subheading: "for Enterprise Scale",
-      description: "Migrate to the cloud with confidence. Our cloud solutions provide improved scalability, security, and cost-effectiveness for your enterprise operations.",
-      button_text: "Start Migration",
-      button_url: "/services/cloud-solutions",
+      badge: "System Integration",
+      icon: "fa-solid fa-plug",
+      heading: "Enterprise Systems ",
+      highlight: "Integration",
+      subheading: "Seamless Connectivity",
+      description: "Connect everything — from payment systems and ERP platforms to cloud services, enabling your enterprise to operate seamlessly across physical and digital environments.",
+      button_text: "View Integrations",
+      button_url: "/services/external-systems-integrations",
       is_active: true,
       display_order: 3,
       created_at: new Date().toISOString(),
       updated_at: new Date().toISOString()
+    },
+    {
+      id: 4,
+      badge: "Incident Management",
+      icon: "fa-solid fa-bell",
+      heading: "Intelligent Incident ",
+      highlight: "Management",
+      subheading: "Minimize Downtime & Protect Trust",
+      description: "Cloud-based incident management that empowers teams to detect, respond, and resolve issues faster, reducing downtime and maintaining customer confidence.",
+      button_text: "Learn More",
+      button_url: "/services/incident-management-saas",
+      is_active: true,
+      display_order: 4,
+      created_at: new Date().toISOString(),
+      updated_at: new Date().toISOString()
     }
   ];