feat(cisco): add Cisco partnership signals across site (batch 0.6.2)

package.json

@@ -1,7 +1,7 @@
 {
   "name": "queuenorth-website",
   "private": true,
-  "version": "0.5.4",
+  "version": "0.5.6",
   "type": "module",
   "scripts": {
     "dev": "concurrently \"vite\" \"node server/index.js\"",

src/components/layout/Footer.jsx

@@ -124,7 +124,7 @@ const Footer = () => {
         {/* Bottom */}
         <div className="border-t border-white/10 pt-8">
           <p className="text-center text-navy-light text-sm">
-            8x8 Certified Partner | Veteran Owned | 25+ Years Experience
+            8x8 and Cisco Certified Partner | Veteran Owned | 25+ Years Experience
           </p>
         </div>
       </div>

src/data/services.js

@@ -4,7 +4,7 @@ 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.',
+    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.',
     icon: 'message-circle',
     benefits: [
       'Seamless voice, video, and messaging integration',
@@ -24,7 +24,7 @@ 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.',
+    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.',
     icon: 'users',
     benefits: [
       'Omnichannel customer interactions',

src/pages/Home.jsx

@@ -66,13 +66,17 @@ const Home = () => {
         <div className="container mx-auto px-4">
           <div className="text-center mb-8">
             <h2 className="text-2xl font-semibold text-primary-navy mb-2">Trusted Partner</h2>
-            <p className="text-soft-text">8x8 Certified Partner with proven expertise</p>
+            <p className="text-soft-text">8x8 and Cisco Certified Partner with proven expertise</p>
           </div>
           <div className="flex flex-wrap justify-center items-center gap-8 md:gap-16 opacity-70">
             <div className="flex items-center gap-3">
               <img src="/assets/8x8_Logo_White.svg" alt="8x8" className="h-8" />
               <span className="font-medium">8x8 Certified Partner</span>
             </div>
+            <div className="flex items-center gap-3">
+              <div className="w-8 h-8 bg-primary-navy rounded-full flex items-center justify-center text-white font-bold">C</div>
+              <span className="font-medium">Cisco Certified Partner</span>
+            </div>
             <div className="flex items-center gap-3">
               <div className="w-8 h-8 bg-primary-navy rounded-full flex items-center justify-center text-white font-bold">V</div>
               <span className="font-medium">Veteran Owned</span>
@@ -114,6 +118,22 @@ const Home = () => {
               </p>
             </div>
 
+            {/* Cisco Partnership */}
+            <div className="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition-shadow">
+              <div className="flex items-center gap-4 mb-4">
+                <div className="bg-primary-navy text-white p-3 rounded-lg">
+                  <span className="font-bold text-xl">C</span>
+                </div>
+                <div>
+                  <h3 className="text-lg font-semibold text-primary-navy">Cisco Certified Partner</h3>
+                  <p className="text-sm text-soft-text">Authorized Reseller & Implementer</p>
+                </div>
+              </div>
+              <p className="text-sm text-soft-text leading-relaxed">
+                As a Cisco Certified Partner, we deliver enterprise-grade solutions using Cisco Meraki, Cisco Webex, and Cisco Unified Communications Manager. We help businesses leverage Cisco's industry-leading networking and communications platforms.
+              </p>
+            </div>
+
             {/* Veteran Owned */}
             <div className="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition-shadow">
               <div className="flex items-center gap-4 mb-4">
@@ -269,7 +289,7 @@ const Home = () => {
                 </div>
                 <h3 className="text-lg font-semibold text-primary-navy mb-2">Vendor Neutrality</h3>
                 <p className="text-sm text-soft-text">
-                  As an 8x8 Certified Partner, we recommend what works best for you — not what pays the highest commission. We've tested the alternatives so you don't have to.
+                  As an 8x8 and Cisco Certified Partner, we recommend what works best for you — not what pays the highest commission. We've tested the alternatives so you don't have to.
                 </p>
               </CardContent>
             </Card>

src/pages/Services.jsx

@@ -1,4 +1,5 @@
 import { services } from '@/data/services'
+import { MessageCircle, Users, LifeBuoy, GraduationCap, Link as LinkIcon, Wifi, Network } from 'lucide-react'
 
 const Services = () => {
   return (
@@ -19,9 +20,13 @@ const Services = () => {
               <div className="p-6">
                 <div className="flex items-center gap-4 mb-4">
                   <div className="h-12 w-12 rounded-lg bg-section-alt flex items-center justify-center flex-shrink-0">
-                    <svg className="h-6 w-6 text-primary-navy" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    {service.icon === 'message-circle' && <MessageCircle className="h-6 w-6 text-primary-navy" />}
-                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
+                    {service.icon === 'users' && <Users className="h-6 w-6 text-primary-navy" />}
-                    </svg>
+                    {service.icon === 'life-buoy' && <LifeBuoy className="h-6 w-6 text-primary-navy" />}
+                    {service.icon === 'graduation-cap' && <GraduationCap className="h-6 w-6 text-primary-navy" />}
+                    {service.icon === 'link' && <LinkIcon className="h-6 w-6 text-primary-navy" />}
+                    {service.icon === 'wifi' && <Wifi className="h-6 w-6 text-primary-navy" />}
+                    {service.icon === 'network' && <Network className="h-6 w-6 text-primary-navy" />}
                   </div>
                   <h3 className="text-xl font-semibold text-primary-navy group-hover:text-primary-navy-dark transition-colors">
                     {service.name}