From 80969e5aeed8187f3ac95334461438bb14ce33a1 Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Sun, 17 May 2026 15:44:27 -0500
Subject: [PATCH] feat: merge 8x8 page into UCaaS/CCaaS service pages, remove
 standalone route (batch 0.6.6)

---
 src/components/layout/Footer.jsx |  1 -
 src/components/layout/Header.jsx |  1 -
 src/data/services.js             | 16 +++++-
 src/pages/8x8.jsx                | 97 --------------------------------
 src/router.jsx                   |  2 -
 5 files changed, 14 insertions(+), 103 deletions(-)
 delete mode 100644 src/pages/8x8.jsx

diff --git a/src/components/layout/Footer.jsx b/src/components/layout/Footer.jsx
index 1d1e948..ccaf392 100644
--- a/src/components/layout/Footer.jsx
+++ b/src/components/layout/Footer.jsx
@@ -13,7 +13,6 @@ const Footer = () => {
     { name: 'Home', href: '/' },
     { name: 'Services', href: '/services' },
     { name: 'Industries', href: '/industries' },
-    { name: '8x8', href: '/8x8' },
     { name: 'About', href: '/about' },
     { name: 'Contact', href: '/contact' },
     { name: 'Support', href: '/support' },
diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx
index a3a7172..8346e4d 100644
--- a/src/components/layout/Header.jsx
+++ b/src/components/layout/Header.jsx
@@ -20,7 +20,6 @@ const Header = () => {
     { name: 'Home', href: '/' },
     { name: 'Services', href: '/services' },
     { name: 'Industries', href: '/industries' },
-    { name: '8x8', href: '/8x8' },
     { name: 'About', href: '/about' },
     { name: 'Contact', href: '/contact' },
     { name: 'Support', href: '/support' },
diff --git a/src/data/services.js b/src/data/services.js
index 27a08e5..4e3ca1d 100644
--- a/src/data/services.js
+++ b/src/data/services.js
@@ -4,13 +4,19 @@ export const services = [
     name: 'Unified Communications',
     shortDesc: 'Modernize your business communications with seamless integration',
     homeDesc: 'Stop juggling separate phone, video, and messaging systems. One platform, one bill, zero headaches.',
-    fullDesc: 'Transform your business communications with our comprehensive Unified Communications solutions. We help you integrate voice, video, messaging, and collaboration tools into a single, intuitive platform that works across all your devices and locations. Our solutions include Cisco Webex, Cisco Unified Communications Manager, and 8x8 UCaaS platforms.',
+    fullDesc: `Transform your business communications with our comprehensive Unified Communications solutions. We help you integrate voice, video, messaging, and collaboration tools into a single, intuitive platform that works across all your devices and locations.
+
+As an 8x8 Certified Partner, we have deep expertise in implementing and supporting 8x8 UCaaS solutions, ensuring our customers get the most value from their investment. Our 8x8 expertise includes VoIP implementation, cloud PBX migration, unified communications deployments, and ongoing system support.
+
+Our solutions include Cisco Webex, Cisco Unified Communications Manager, and 8x8 UCaaS platforms.`,
     icon: 'message-circle',
     benefits: [
       'Seamless voice, video, and messaging integration',
       'Mobile and desktop app support',
       'Persistent chat and file sharing',
       'Presence indicators for real-time visibility',
+      '8x8 UCaaS implementation and migration',
+      'VoIP and cloud PBX setup',
     ],
     idealFor: [
       'Remote and hybrid teams',
@@ -24,13 +30,19 @@ export const services = [
     name: 'Contact Center',
     shortDesc: 'Deliver exceptional customer experiences with modern contact center solutions',
     homeDesc: 'Your customers reach a real person faster. Lower wait times, happier callers, better reviews.',
-    fullDesc: 'Create exceptional customer experiences with our contact center solutions. Our cloud-based platforms help you manage customer interactions across phone, email, chat, and social media channels with powerful analytics and workforce management tools. We support Cisco Webex Contact Center, 8x8 Contact Center, and other leading platforms.',
+    fullDesc: `Create exceptional customer experiences with our contact center solutions. Our cloud-based platforms help you manage customer interactions across phone, email, chat, and social media channels with powerful analytics and workforce management tools.
+
+As an 8x8 Certified Partner, we deliver enterprise-grade contact center solutions with 99.999% uptime reliability. Our 8x8 expertise includes contact center setup, omnichannel routing, AI-powered agent assistance, and real-time analytics dashboards.
+
+We support Cisco Webex Contact Center, 8x8 Contact Center, and other leading platforms.`,
     icon: 'users',
     benefits: [
       'Omnichannel customer interactions',
       'Real-time analytics and reporting',
       'AI-powered agent assistance',
       'Scalable cloud infrastructure',
+      '8x8 Contact Center setup and optimization',
+      '99.999% uptime reliability',
     ],
     idealFor: [
       'Customer service teams',
diff --git a/src/pages/8x8.jsx b/src/pages/8x8.jsx
deleted file mode 100644
index a720ac1..0000000
--- a/src/pages/8x8.jsx
+++ /dev/null
@@ -1,97 +0,0 @@
-const EightXEight = () => {
-  return (
-    <div className="container mx-auto px-4 py-16 md:py-24">
-      {/* Page Hero */}
-      <section className="mb-16">
-        <h1 className="text-4xl md:text-5xl font-bold text-primary-navy mb-6">8x8 Certified Partner</h1>
-        <p className="text-xl text-soft-text max-w-3xl">
-          As an 8x8 Certified Partner, we help organizations implement and manage cloud communications solutions that drive business success.
-        </p>
-      </section>
-
-      {/* About 8x8 */}
-      <section className="grid grid-cols-1 lg:grid-cols-2 gap-12 mb-16">
-        <div>
-          <h2 className="text-3xl font-bold text-primary-navy mb-4">What is 8x8?</h2>
-          <p className="text-lg text-soft-text mb-6 leading-relaxed">
-            8x8 is a leading provider of cloud communications and contact center solutions. Their platform combines voice, video, chat, email, and contact center capabilities into a single, unified solution that helps businesses communicate more effectively and serve customers better.
-          </p>
-          <p className="text-lg text-soft-text leading-relaxed">
-            As a certified partner, we have deep expertise in implementing and supporting 8x8 solutions, ensuring our customers get the most value from their investment.
-          </p>
-        </div>
-        <div>
-          <div className="rounded-xl overflow-hidden shadow-lg">
-            <img 
-              src="/assets/8x8_Logo_White.svg" 
-              alt="8x8 Logo" 
-              className="w-full h-full object-cover"
-            />
-          </div>
-        </div>
-      </section>
-
-      {/* Our Expertise */}
-      <section className="mb-16">
-        <h2 className="text-3xl font-bold text-primary-navy mb-8 text-center">8x8 Expertise</h2>
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-          {[
-            'VoIP Implementation',
-            'Cloud PBX Migration',
-            'Contact Center Setup',
-            'Unified Communications',
-            'Video Conferencing',
-            'Collaboration Tools',
-            'System Integration',
-            'Ongoing Support',
-          ].map((expertise, index) => (
-            <div key={index} className="flex items-center gap-2 p-3 rounded-lg border border-border bg-card">
-              <div className="h-5 w-5 rounded-full bg-primary-navy text-white flex items-center justify-center flex-shrink-0">
-                <svg className="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M5 13l4 4L19 7" />
-                </svg>
-              </div>
-              <span className="text-sm font-medium text-text">{expertise}</span>
-            </div>
-          ))}
-        </div>
-      </section>
-
-      {/* Benefits */}
-      <section className="mb-16">
-        <h2 className="text-3xl font-bold text-primary-navy mb-8 text-center">Why Choose 8x8</h2>
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-          {[
-            { title: 'Scalability', desc: 'Easily scale your communications as your business grows' },
-            { title: 'Reliability', desc: '99.999% uptime guarantee for mission-critical communications' },
-            { title: 'Integration', desc: 'Seamlessly integrate with your favorite business applications' },
-            { title: 'Mobility', desc: 'Full-featured mobile apps for remote and traveling employees' },
-            { title: 'Analytics', desc: 'Real-time insights and reporting to optimize performance' },
-            { title: 'Support', desc: '24/7 expert support to keep your communications running' },
-          ].map((benefit, index) => (
-            <div key={index} className="p-6 rounded-lg border border-border bg-card shadow-sm hover:shadow-md transition-shadow">
-              <h3 className="text-xl font-semibold text-primary-navy mb-3">{benefit.title}</h3>
-              <p className="text-soft-text">{benefit.desc}</p>
-            </div>
-          ))}
-        </div>
-      </section>
-
-      {/* CTA */}
-      <section className="bg-section-alt rounded-xl p-8 md:p-12 text-center">
-        <h2 className="text-3xl md:text-4xl font-bold text-primary-navy mb-6">Ready to Explore 8x8 Solutions?</h2>
-        <p className="text-xl text-soft-text mb-8 max-w-2xl mx-auto">
-          Schedule a free consultation with our 8x8 certified experts.
-        </p>
-        <a
-          href="/contact"
-          className="inline-block bg-primary-navy text-white px-8 py-3 rounded-md font-bold text-lg hover:bg-primary-navy-dark transition-colors"
-        >
-          Request Consultation
-        </a>
-      </section>
-    </div>
-  )
-}
-
-export default EightXEight
diff --git a/src/router.jsx b/src/router.jsx
index a2dfbe6..aba5e2a 100644
--- a/src/router.jsx
+++ b/src/router.jsx
@@ -6,7 +6,6 @@ import Services from './pages/Services.jsx'
 import ServiceDetail from './pages/ServiceDetail.jsx'
 import Industries from './pages/Industries.jsx'
 import IndustryDetail from './pages/IndustryDetail.jsx'
-import EightXEight from './pages/8x8.jsx'
 import Contact from './pages/Contact.jsx'
 import Support from './pages/Support.jsx'
 
@@ -21,7 +20,6 @@ const router = createBrowserRouter([
       { path: 'services/:slug', element: <ServiceDetail /> },
       { path: 'industries', element: <Industries /> },
       { path: 'industries/:slug', element: <IndustryDetail /> },
-      { path: '8x8', element: <EightXEight /> },
       { path: 'contact', element: <Contact /> },
       { path: 'support', element: <Support /> },
     ],