diff --git a/pages/proServices.vue b/pages/proServices.vue index 3dbf377..8d7373f 100644 --- a/pages/proServices.vue +++ b/pages/proServices.vue @@ -4,13 +4,13 @@
- + - + -
+
-
-
-
-
-
- 灵睿的互联网之道 - - The Way of the Internet - -
-
- 公司简介 - 运营方法论 - 互联网营销 -
-
-
-
- - 灵睿是一家专业提供互联网技术及应用化服务的科技企业。公司成立于2006年，总部位于十三朝古都洛阳，在郑州、洛阳、许昌三地设立四家公司，是洛阳及河南建立较早、实力较强、规模较大的互联网骨干技术服务企业。公司致力于互联网+工业、互联网+医疗、互联网+教育、互联网+旅游、互联网+农业五个方面的发展。目前为近三千家企业提供互联网服务，并为上百家国有大型企业以及党政部门、事业机关单位提供互联网应用化服务。 - -
- 查看全部 -
-
-
-
-
- -
-
-
-
+
+ +
+
内容创作与运营
+
+
专业技术服务
+
-
-
-
- 我们的业务 - - Our BusinessWay - -
-
- -
- -
-
-
-
- -
-
- - 专业网站建设与企业官网设计定制服务 - - - 助力企业数字化转型升级，PC端/移动端/H5提供一站式网站开发、搭建 - -
-
-
-
-
- -
-
- 企业数字化自媒体托管专家 - - 业团队代运营+AI智能内容生成+多平台精准投放，助您专注核心业务 - -
-
-
-
-
- -
-
- 全流程抖音短视频制作服务 - - 助您快速打造高播放量、高互动率的爆款短视频 - -
-
-
-
-
- -
-
- 全栈H5开发解决方案 - - 基于HTML5/CSS3/JavaScript核心技术助力实现高转化率与沉浸式用户体验 - -
-
-
- -
+
+
AI应用定制化开发
+
精准赋能行业创新，深度定制AI解决方案驱动企业智能升级
-
-
- 行业案例 - Industry Cases - +
-
- - - - - - - - - - - - - - - - - -
- +
+
+
+
定制软件开发
+
全方位的定制化软件开发服务
+
+
+
+
-
- -
-
-
-
-
+
+
+
+ +
+
项目介绍和业务描述
+
+
+ 我们专注于提供全方位的定制化软件开发服务，满足您多样化的业务需求。无论是面向特定群体的活动平台（如“多样青春项目”），功能完善的电子商务系统（如“商城项目”），互动性强的活动应用（如“健身打卡活动项目”），还是便捷高效的组织管理工具（如“协会小程序项目”），我们的团队都能运用主流技术栈和敏捷开发模式，为您打造用户体验出色、性能稳定可靠的Web应用、移动App及小程序，驱动业务创新 +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
-
-
- 新闻动态 +
+
+
IT运维服务
+
承接客户网站及应用系统的全面安全防护项目
-
- Our Business  -
-
- -
-
- - 洛阳市郑州商会在洛阳灵睿网络技术有限... - - - 为深入学习贯彻党的二十大精神，落实省、市委决策， -
- 充分发挥民营企业的凝聚力、向心力和创造力，赴.. - -
-
-
- 行业动态 - 2025-06-24 +
+
+ +
+
安全防护
+
+ 帮助决策者制定针对性防护策略降低网络攻击、数据泄露和业务中断等风险
- -
-
-
-
- - 洛阳市郑州商会在洛阳灵睿网络技术有限... - - - 为深入学习贯彻党的二十大精神，落实省、市委决策， -
- 充分发挥民营企业的凝聚力、向心力和创造力，赴.. - -
-
-
- 行业动态 - 2025-06-24 +
+ +
+
漏洞修复
+
+ 专业团队，快速检测、定位并处置安全威胁，最大限度减少损失，保障业务连续性
- - -
-
- - 洛阳市郑州商会在洛阳灵睿网络技术有限... - - - 为深入学习贯彻党的二十大精神，落实省、市委决策， -
- 充分发挥民营企业的凝聚力、向心力和创造力，赴.. - -
-
-
- 行业动态 - 2025-06-24 +
+ +
+
安全加固
+
ios和Android应用防调试 + 防篡改 防窃取 防逆向抵御各类网络攻击和数据泄露风险
-
-
-
- 查看更多 +
+ +
+
实时监控
+
+ 网络安全实时监控服务提供24小时威胁检测与主动防御，实时识别漏洞，保障数据安全
+
-
- 合作伙伴 - Our Business  - -
-
-
-
- 联系我们 - cooperative partner  - -
-
- +
+
+
智慧化解决方案
+
利用物联网、大数据、人工智能等前沿技术，为不同场景提供一体化的智慧化解决方案 +
+
+
+
+
+ +
+
+ 监控系统 +
+
+ 基于AI与物联网的智能监控系统实时分析精准预警安全高效运行 +
+
+
+
+ +
+
+ 监控回溯 +
+
+
+
+ +
+
+ 人员轨迹 +
+
+
+
+
+
+ +
+
+ 门禁系统 +
+
+ 互联网智慧门禁：安全便捷，智能管理，远程控制 +
+
+
+
+ +
+
+ 人脸识别 +
+
+
+
+ +
+
+ id卡 +
+
+
+
+ +
+
+ 蓝牙检测 +
+
+
+
+ +
+
+ 停车管理系统 +
+
+
+
+
+
+ +
+
+ 充电系统 +
+
+ 智慧物联"突出互联网+智能化核心物联网技术、云端管理、能效优化 +
+
+
+
+ +
+
+ 充电桩 +
+
+
+
+ +
+
+ 安全警告 +
+
+
+
+
+
+ +
+
+ 水电收费系统 +
+
+ 智慧水电云管家，实时计费自动缴费，高效管理无忧。 +
+
+
+
+ +
+
+ 物业缴费 +
+
+
+
+ +
+
+ 报修 +
+
+
+
+ +
+
+ 投诉处理 +
+
+
+
+
+
+ +
+
+ 养老系统 +
+
+ 智慧养老系统:AI监护+健康管理打造安全便捷银发生活。 +
+
+
+
+ +
+
+ 烟感警报 +
+
+
+
+ +
+
+ 摄像头人物摔倒提示 +
+
+
+
+ +
+
+ 防丢手环 +
+
+
+
+ +
+
+ 护理请求传感器 +
+
+
+
+
+
+ +
+
+ 租房系统 +
+
+ 智慧租房系统，实现线上托管自动化流程，或者提升用户体验 +
+
+
+
+ +
+
+ 托管出租 +
+
+
+
+
+
+ +
+
+ 更多方案联系我们 +
+
+ {{ mousindex != 7 ? '创新科技驱动的互联网智慧化解决方案，赋能企业数字化转型' : + '创新科技驱动的互联网智慧化解决方案，赋能企业数字化转型。高效便捷、精准赋能，覆盖多场景需求。定制化服务，助力降本增效。欢迎垂询，获取专属升级方案' }} +
+
+
+
+
+
+
+
硬件基础设施建设
+
提供从需求分析、方案设计、设备选型、综合布线到安装调试、环境监控的全流程服务
+
+
+
+ +
需求分析与规划
+
+
@@ -323,10 +583,10 @@ import { Swiper, SwiperSlide } from 'swiper/vue' import { nextTick, ref } from 'vue' import 'swiper/css' -import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow,EffectFade } from "swiper/modules"; +import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow, EffectFade } from "swiper/modules"; import ScrollReveal from 'scrollreveal'; import { NNumberAnimation } from 'naive-ui' -let modules = [Autoplay, A11y, EffectCoverflow,EffectFade]; +let modules = [Autoplay, A11y, EffectCoverflow, EffectFade]; import "swiper/css"; import "swiper/css/navigation"; @@ -342,6 +602,422 @@ import { useI18n } from 'vue-i18n' import { useStore } from '~/store' const { locale } = useI18n() + + + +const mousindex = ref(1); + +const left1 = ref(0); +const top1 = ref(0); + +const left2 = ref(310); +const top2 = ref(0); + +const left3 = ref(620); +const top3 = ref(0); + +const left4 = ref(930); +const top4 = ref(0); + +const left5 = ref(310); +const top5 = ref(230); + +const left6 = ref(620); +const top6 = ref(230); + +const left7 = ref(930); +const top7 = ref(230); + +const mous = (index: number, event: any) => { + mousindex.value = index; + const thisDiv = event.currentTarget; + if (index == 1) { + animateElement(document.querySelector('.box1'), { + height: 428, + left: 0, + top: 0 + }, 200); + animateElement(document.querySelector('.box2'), { + height: 196, + left: 310, + top: 0 + }, 200); + animateElement(document.querySelector('.box3'), { + height: 196, + left: 620, + top: 0 + }, 200); + animateElement(document.querySelector('.box5'), { + height: 196, + left: 310, + top: 230 + }, 200); + animateElement(document.querySelector('.box6'), { + height: 196, + left: 620, + top: 230 + }, 200); + } + if (index == 2) { + const box2 = document.querySelector('.box2'); + //获取当前鼠标位置 + const leftValue = parseFloat( + window.getComputedStyle(box2).left || + box2.style.left || + box2.offsetLeft + ); + console.log(leftValue); + if (leftValue == 310) { + animateElement(document.querySelector('.box1'), { + height: 196, + left: 0, + top: 0 + }, 200); + animateElement(document.querySelector('.box2'), { + height: 428, + left: 310, + top: 0 + }, 200); + animateElement(document.querySelector('.box3'), { + height: 196, + left: 620, + top: 0 + }, 200); + animateElement(document.querySelector('.box5'), { + height: 196, + left: 0, + top: 230 + }, 200); + animateElement(document.querySelector('.box6'), { + height: 196, + left: 620, + top: 230 + }, 200); + } else { + animateElement(document.querySelector('.box1'), { + height: 196, + left: 310, + top: 230 + }, 200); + animateElement(document.querySelector('.box2'), { + height: 428, + left: 0, + top: 0 + }, 200); + animateElement(document.querySelector('.box3'), { + height: 196, + left: 620, + top: 0 + }, 200); + animateElement(document.querySelector('.box5'), { + height: 196, + left: 310, + top: 0 + }, 200); + animateElement(document.querySelector('.box6'), { + height: 196, + left: 620, + top: 230 + }, 200); + } + + } + if (index == 5) { + const box5 = document.querySelector('.box5'); + //获取当前鼠标位置 + const leftValue = parseFloat( + window.getComputedStyle(box5).left || + box5.style.left || + box5.offsetLeft + ); + console.log(leftValue); + if (leftValue == 310) { + + animateElement(document.querySelector('.box1'), { + height: 196, + left: 0, + top: 230 + }, 200); + animateElement(document.querySelector('.box2'), { + height: 196, + left: 0, + top: 0 + }, 200); + animateElement(document.querySelector('.box5'), { + height: 428, + left: 310, + top: 0 + }, 200); + } else { + animateElement(document.querySelector('.box1'), { + height: 196, + left: 310, + top: 0 + }, 200); + animateElement(document.querySelector('.box2'), { + height: 196, + left: 310, + top: 230 + }, 200); + animateElement(document.querySelector('.box5'), { + height: 428, + left: 0, + top: 0 + }, 200); + } + + } + if (index == 3) { + animateElement(document.querySelector('.box1'), { + height: 196, + left: 0, + top: 0 + }, 200); + animateElement(document.querySelector('.box2'), { + height: 196, + left: 310, + top: 0 + }, 200); + animateElement(document.querySelector('.box3'), { + height: 428, + left: 620, + top: 0 + }, 200); + animateElement(document.querySelector('.box4'), { + height: 196, + left: 930, + top: 0 + }, 200); + animateElement(document.querySelector('.box5'), { + height: 196, + left: 0, + top: 230 + }, 200); + animateElement(document.querySelector('.box6'), { + height: 196, + left: 310, + top: 230 + }, 200); + animateElement(document.querySelector('.box7'), { + height: 196, + left: 930, + top: 230 + }, 200); + } + if (index == 6) { + const box6 = document.querySelector('.box6'); + //获取当前鼠标位置 + const leftValue = parseFloat( + window.getComputedStyle(box6).left || + box6.style.left || + box6.offsetLeft + ); + if (leftValue == 620) { + animateElement(document.querySelector('.box2'), { + height: 196, + left: 310, + top: 230 + }, 200); + animateElement(document.querySelector('.box3'), { + height: 196, + left: 310, + top: 0 + }, 200); + animateElement(document.querySelector('.box6'), { + height: 428, + left: 620, + top: 0 + }, 200); + } else { + animateElement(document.querySelector('.box2'), { + height: 196, + left: 620, + top: 0 + }, 200); + animateElement(document.querySelector('.box3'), { + height: 196, + left: 620, + top: 230 + }, 200); + animateElement(document.querySelector('.box6'), { + height: 428, + left: 310, + top: 0 + }, 200); + } + animateElement(document.querySelector('.box1'), { + height: 196, + left: 0, + top: 0 + }, 200); + + animateElement(document.querySelector('.box4'), { + height: 196, + left: 930, + top: 0 + }, 200); + animateElement(document.querySelector('.box5'), { + height: 196, + left: 0, + top: 230 + }, 200); + + + } + if (index == 4) { + const box4 = document.querySelector('.box4'); + //获取当前鼠标位置 + const leftValue = parseFloat( + window.getComputedStyle(box4).left || + box4.style.left || + box4.offsetLeft + ); + console.log(leftValue); + if (leftValue == 930) { + animateElement(document.querySelector('.box4'), { + height: 428, + left: 930, + top: 0 + }, 200); + animateElement(document.querySelector('.box7'), { + height: 192, + left: 620, + top: 230 + }, 200); + } + animateElement(document.querySelector('.box1'), { + height: 196, + left: 0, + top: 0 + }, 200); + animateElement(document.querySelector('.box2'), { + height: 196, + left: 310, + top: 0 + }, 200); + animateElement(document.querySelector('.box3'), { + height: 196, + left: 620, + top: 0 + }, 200); + animateElement(document.querySelector('.box5'), { + height: 196, + left: 0, + top: 230 + }, 200); + animateElement(document.querySelector('.box6'), { + height: 192, + left: 310, + top: 230 + }, 200); + + } + if (index == 7) { + const box7 = document.querySelector('.box7'); + //获取当前鼠标位置 + const leftValue = parseFloat( + window.getComputedStyle(box7).left || + box7.style.left || + box7.offsetLeft + ); + console.log(leftValue); + //在左侧 + if (leftValue == 620) { + animateElement(document.querySelector('.box3'), { + height: 196, + left: 930, + top: 0 + }, 100); + animateElement(document.querySelector('.box4'), { + height: 196, + left: 930, + top: 230 + }, 100); + animateElement(document.querySelector('.box7'), { + height: 428, + left: 620, + top: 0 + }, 100); + } else { + animateElement(document.querySelector('.box3'), { + height: 196, + left: 620, + top: 230 + }, 100); + animateElement(document.querySelector('.box4'), { + height: 196, + left: 620, + top: 0 + }, 100); + animateElement(document.querySelector('.box7'), { + height: 428, + left: 930, + top: 0 + }, 100); + } + animateElement(document.querySelector('.box1'), { + height: 196, + left: 0, + top: 0 + }, 100); + animateElement(document.querySelector('.box2'), { + height: 196, + left: 310, + top: 0 + }, 100); + + animateElement(document.querySelector('.box5'), { + height: 196, + left: 0, + top: 230 + }, 100); + animateElement(document.querySelector('.box6'), { + height: 192, + left: 310, + top: 230 + }, 100); + + } +} + + +const animateElement = (element, target, duration) => { + let start = null; + const initialStyle = { + width: parseFloat(getComputedStyle(element).width), + height: parseFloat(getComputedStyle(element).height), + left: parseFloat(getComputedStyle(element).left), + top: parseFloat(getComputedStyle(element).top) + }; + // 立即停止当前动画 + if (element.animationFrame) cancelAnimationFrame(element.animationFrame); + + const step = (timestamp) => { + if (!start) start = timestamp; + const progress = timestamp - start; + const ratio = Math.min(progress / duration, 1); + + // 实时更新所有属性 + element.style.width = (initialStyle.width + (target.width - initialStyle.width) * ratio) + 'px'; + element.style.height = (initialStyle.height + (target.height - initialStyle.height) * ratio) + 'px'; + element.style.left = (initialStyle.left + (target.left - initialStyle.left) * ratio) + 'px'; + element.style.top = (initialStyle.top + (target.top - initialStyle.top) * ratio) + 'px'; + + if (progress < duration) { + element.animationFrame = requestAnimationFrame(step); + } else { + // 确保最终值精确 + element.style.width = target.width + 'px'; + element.style.height = target.height + 'px'; + element.style.left = target.left + 'px'; + element.style.top = target.top + 'px'; + } + } + + element.animationFrame = requestAnimationFrame(step); + +} + let newsSwiper: any = null const onSwiperNews = (swiper: any) => { newsSwiper = swiper @@ -356,100 +1032,21 @@ const swiperOptionsNews = { speed: 500, effect: 'fade', loop: true, - modules: [EffectFade,Autoplay,Navigation], + modules: [EffectFade, Autoplay, Navigation], navigation: { nextEl: '#swipen_prev', prevEl: '#swipen_next', }, } -let vesSwiper: any = null -const onSwiperExp = (swiper: any) => { - vesSwiper = swiper -} -const swiper_exp = ref(); - // 新闻数据 onMounted(() => { nextTick(() => { animate() }) }) -const numberAnimationInstRef = ref() -const numberAnimationInstRefKH = ref() -const numberAnimationInstRefJS = ref() -const numberAnimationInstRefHY = ref() const animate = () => { - const sr = ScrollReveal(); - sr.reveal('.leftBox', { - origin: "left", - distance: "1000px", - duration: 1300, - delay: 100, - opacity: 0, - scale: 0.9, - reset: true, - mobile: true, - }) - sr.reveal('.rightBox', { - origin: "right", - distance: "1000px", - duration: 1300, - delay: 100, - opacity: 0, - scale: 0.9, - reset: true, - mobile: true, - }) - sr.reveal('.topBox', { - origin: "top", - distance: "1000px", - duration: 1300, - delay: 100, - opacity: 0, - scale: 0.9, - reset: true, - mobile: true, - }) - sr.reveal('.bottomBox', { - origin: "bottom", - distance: "1000px", - duration: 1300, - delay: 100, - opacity: 0, - scale: 0.9, - reset: true, - mobile: true, - }) - sr.reveal('.numberTopBox', { - origin: "top", - distance: "1000px", - duration: 1300, - delay: 100, - opacity: 0, - scale: 0.9, - reset: true, - mobile: true, - beforeReveal: function (el: any) { - numberAnimationInstRef.value.play() - numberAnimationInstRefKH.value.play() - numberAnimationInstRefJS.value.play() - numberAnimationInstRefHY.value.play() - }, - }) - sr.reveal('.topSj', { - origin: "bottom", - distance: "1000px", - duration: 1300, - delay: 5, - opacity: 0, - scale: 0.9, - reset: true, - mobile: true, - useDelay: 'always', - interval: 50, - }) } @@ -465,33 +1062,57 @@ const animate = () => { transform: translate3d(0px, 0px, -507px) rotateX(0deg) rotateY(0deg) scale(1) !important; } -.group_666 .swiper-slide img { - width: 100%; - height: 500px; - height: auto; - transition: 1s linear 2s; - transform: scale(1.1, 1.1); +.service_023 { + background: url(/public/img/service_023.png) no-repeat center center; + width: 100%; + height: 100%; + background-size: 100%; + height: 645px; } -.group_666 .swiper-slide-active img, -.swiper-slide-duplicate-active img { - transition: 6s linear; - transform: scale(1, 1); -} -.bottom_imgs{ - background: url(/public/img/qall.png); - width: 1230px; - height: 272px; - background-size: 100%; -} -.content_box{ - background: url(/public/img/m1.png);; - width: 561px;height: 521px; - z-index: 1; - position: absolute; - right: -12px; - bottom: -13px; - background-size: 100%; +.service_033 { + background: url(/public/img/service_033.png) no-repeat center center; + width: 100%; + height: 100%; + background-size: 100%; + height: 800px; } +.service_bottom { + background: url('public/img/service_048.png') no-repeat center center; + background-size: 100%; + color: #ffffff !important; +} + +.service_bottom_no { + background-color: #F8F8F8; + +} + +.service_051 { + background: url('public/img/service_051.png') no-repeat center center; + background-size: 100%; + color: #ffffff !important; + height: 640px; +} + +.service-container { + display: grid; + grid-template-columns: repeat(3, 1fr); + /* 强制固定 3 列 */ + gap: 20px; + max-width: 715px; +} + +.service-item { + display: flex; + align-items: center; + width: 225px; + padding:20px; + border: 1px solid #FFFFFF; + box-sizing: border-box; + /* 确保宽度计算包含边框 */ + justify-self: start; + /* 强制每个单元格左对齐 */ +} diff --git a/public/img/service.png b/public/img/service.png new file mode 100644 index 0000000..8038fd2 Binary files /dev/null and b/public/img/service.png differ diff --git a/public/img/service_0001.png b/public/img/service_0001.png new file mode 100644 index 0000000..86128ae Binary files /dev/null and b/public/img/service_0001.png differ diff --git a/public/img/service_00010.png b/public/img/service_00010.png new file mode 100644 index 0000000..afa7eb6 Binary files /dev/null and b/public/img/service_00010.png differ diff --git a/public/img/service_00011.png b/public/img/service_00011.png new file mode 100644 index 0000000..b078134 Binary files /dev/null and b/public/img/service_00011.png differ diff --git a/public/img/service_0002.png b/public/img/service_0002.png new file mode 100644 index 0000000..ad35412 Binary files /dev/null and b/public/img/service_0002.png differ diff --git a/public/img/service_0003.png b/public/img/service_0003.png new file mode 100644 index 0000000..3006358 Binary files /dev/null and b/public/img/service_0003.png differ diff --git a/public/img/service_0004.png b/public/img/service_0004.png new file mode 100644 index 0000000..4e9420a Binary files /dev/null and b/public/img/service_0004.png differ diff --git a/public/img/service_0005.png b/public/img/service_0005.png new file mode 100644 index 0000000..19ae7d6 Binary files /dev/null and b/public/img/service_0005.png differ diff --git a/public/img/service_0006.png b/public/img/service_0006.png new file mode 100644 index 0000000..a06c0f3 Binary files /dev/null and b/public/img/service_0006.png differ diff --git a/public/img/service_0007.png b/public/img/service_0007.png new file mode 100644 index 0000000..266bf74 Binary files /dev/null and b/public/img/service_0007.png differ diff --git a/public/img/service_0008.png b/public/img/service_0008.png new file mode 100644 index 0000000..718c9f6 Binary files /dev/null and b/public/img/service_0008.png differ diff --git a/public/img/service_0009.png b/public/img/service_0009.png new file mode 100644 index 0000000..d1b2793 Binary files /dev/null and b/public/img/service_0009.png differ diff --git a/public/img/service_01.png b/public/img/service_01.png new file mode 100644 index 0000000..faac34b Binary files /dev/null and b/public/img/service_01.png differ diff --git a/public/img/service_012.png b/public/img/service_012.png new file mode 100644 index 0000000..2d0d167 Binary files /dev/null and b/public/img/service_012.png differ diff --git a/public/img/service_013.png b/public/img/service_013.png new file mode 100644 index 0000000..2d3e141 Binary files /dev/null and b/public/img/service_013.png differ diff --git a/public/img/service_014.png b/public/img/service_014.png new file mode 100644 index 0000000..3e3a831 Binary files /dev/null and b/public/img/service_014.png differ diff --git a/public/img/service_015.png b/public/img/service_015.png new file mode 100644 index 0000000..a6f0e44 Binary files /dev/null and b/public/img/service_015.png differ diff --git a/public/img/service_016.png b/public/img/service_016.png new file mode 100644 index 0000000..72d32b9 Binary files /dev/null and b/public/img/service_016.png differ diff --git a/public/img/service_017.png b/public/img/service_017.png new file mode 100644 index 0000000..c7ea435 Binary files /dev/null and b/public/img/service_017.png differ diff --git a/public/img/service_018.png b/public/img/service_018.png new file mode 100644 index 0000000..56e00d5 Binary files /dev/null and b/public/img/service_018.png differ diff --git a/public/img/service_019.png b/public/img/service_019.png new file mode 100644 index 0000000..85deeb3 Binary files /dev/null and b/public/img/service_019.png differ diff --git a/public/img/service_020.png b/public/img/service_020.png new file mode 100644 index 0000000..45adf37 Binary files /dev/null and b/public/img/service_020.png differ diff --git a/public/img/service_021.png b/public/img/service_021.png new file mode 100644 index 0000000..468400a Binary files /dev/null and b/public/img/service_021.png differ diff --git a/public/img/service_022.png b/public/img/service_022.png new file mode 100644 index 0000000..91a82a6 Binary files /dev/null and b/public/img/service_022.png differ diff --git a/public/img/service_023.png b/public/img/service_023.png new file mode 100644 index 0000000..e8c12ab Binary files /dev/null and b/public/img/service_023.png differ diff --git a/public/img/service_024.png b/public/img/service_024.png new file mode 100644 index 0000000..1a12c57 Binary files /dev/null and b/public/img/service_024.png differ diff --git a/public/img/service_025.png b/public/img/service_025.png new file mode 100644 index 0000000..20eb2ab Binary files /dev/null and b/public/img/service_025.png differ diff --git a/public/img/service_026.png b/public/img/service_026.png new file mode 100644 index 0000000..9b8e0fd Binary files /dev/null and b/public/img/service_026.png differ diff --git a/public/img/service_027.png b/public/img/service_027.png new file mode 100644 index 0000000..d196529 Binary files /dev/null and b/public/img/service_027.png differ diff --git a/public/img/service_028.png b/public/img/service_028.png new file mode 100644 index 0000000..433681b Binary files /dev/null and b/public/img/service_028.png differ diff --git a/public/img/service_029.png b/public/img/service_029.png new file mode 100644 index 0000000..0c676ef Binary files /dev/null and b/public/img/service_029.png differ diff --git a/public/img/service_030.png b/public/img/service_030.png new file mode 100644 index 0000000..739b487 Binary files /dev/null and b/public/img/service_030.png differ diff --git a/public/img/service_031.png b/public/img/service_031.png new file mode 100644 index 0000000..b261fb1 Binary files /dev/null and b/public/img/service_031.png differ diff --git a/public/img/service_032.png b/public/img/service_032.png new file mode 100644 index 0000000..1cfea6b Binary files /dev/null and b/public/img/service_032.png differ diff --git a/public/img/service_033.png b/public/img/service_033.png new file mode 100644 index 0000000..85a0ce3 Binary files /dev/null and b/public/img/service_033.png differ diff --git a/public/img/service_034.png b/public/img/service_034.png new file mode 100644 index 0000000..9e6cf87 Binary files /dev/null and b/public/img/service_034.png differ diff --git a/public/img/service_035.png b/public/img/service_035.png new file mode 100644 index 0000000..eed2da1 Binary files /dev/null and b/public/img/service_035.png differ diff --git a/public/img/service_036.png b/public/img/service_036.png new file mode 100644 index 0000000..683e577 Binary files /dev/null and b/public/img/service_036.png differ diff --git a/public/img/service_037.png b/public/img/service_037.png new file mode 100644 index 0000000..05bfa20 Binary files /dev/null and b/public/img/service_037.png differ diff --git a/public/img/service_038.png b/public/img/service_038.png new file mode 100644 index 0000000..86ebcbb Binary files /dev/null and b/public/img/service_038.png differ diff --git a/public/img/service_039.png b/public/img/service_039.png new file mode 100644 index 0000000..d691b8c Binary files /dev/null and b/public/img/service_039.png differ diff --git a/public/img/service_040.png b/public/img/service_040.png new file mode 100644 index 0000000..67e8bf4 Binary files /dev/null and b/public/img/service_040.png differ diff --git a/public/img/service_041.png b/public/img/service_041.png new file mode 100644 index 0000000..1aebc0c Binary files /dev/null and b/public/img/service_041.png differ diff --git a/public/img/service_042.png b/public/img/service_042.png new file mode 100644 index 0000000..931386b Binary files /dev/null and b/public/img/service_042.png differ diff --git a/public/img/service_043.png b/public/img/service_043.png new file mode 100644 index 0000000..019d4ab Binary files /dev/null and b/public/img/service_043.png differ diff --git a/public/img/service_044.png b/public/img/service_044.png new file mode 100644 index 0000000..80057b4 Binary files /dev/null and b/public/img/service_044.png differ diff --git a/public/img/service_045.png b/public/img/service_045.png new file mode 100644 index 0000000..c357af0 Binary files /dev/null and b/public/img/service_045.png differ diff --git a/public/img/service_046.png b/public/img/service_046.png new file mode 100644 index 0000000..a89d8a0 Binary files /dev/null and b/public/img/service_046.png differ diff --git a/public/img/service_047.png b/public/img/service_047.png new file mode 100644 index 0000000..56e2df3 Binary files /dev/null and b/public/img/service_047.png differ diff --git a/public/img/service_048.png b/public/img/service_048.png new file mode 100644 index 0000000..dfb800f Binary files /dev/null and b/public/img/service_048.png differ diff --git a/public/img/service_049.png b/public/img/service_049.png new file mode 100644 index 0000000..08ca0f7 Binary files /dev/null and b/public/img/service_049.png differ diff --git a/public/img/service_050.png b/public/img/service_050.png new file mode 100644 index 0000000..d705b53 Binary files /dev/null and b/public/img/service_050.png differ diff --git a/public/img/service_051.png b/public/img/service_051.png new file mode 100644 index 0000000..239abfc Binary files /dev/null and b/public/img/service_051.png differ diff --git a/public/img/service_052.png b/public/img/service_052.png new file mode 100644 index 0000000..115a05e Binary files /dev/null and b/public/img/service_052.png differ diff --git a/public/img/service_053.png b/public/img/service_053.png new file mode 100644 index 0000000..a4cb127 Binary files /dev/null and b/public/img/service_053.png differ diff --git a/public/img/service_054.png b/public/img/service_054.png new file mode 100644 index 0000000..58b80b1 Binary files /dev/null and b/public/img/service_054.png differ diff --git a/public/img/service_055.png b/public/img/service_055.png new file mode 100644 index 0000000..62b813e Binary files /dev/null and b/public/img/service_055.png differ diff --git a/public/img/service_056.png b/public/img/service_056.png new file mode 100644 index 0000000..c221830 Binary files /dev/null and b/public/img/service_056.png differ diff --git a/public/img/service_057.png b/public/img/service_057.png new file mode 100644 index 0000000..2dc22f2 Binary files /dev/null and b/public/img/service_057.png differ diff --git a/public/img/service_058.png b/public/img/service_058.png new file mode 100644 index 0000000..7fc9870 Binary files /dev/null and b/public/img/service_058.png differ diff --git a/public/img/service_059.png b/public/img/service_059.png new file mode 100644 index 0000000..619ac88 Binary files /dev/null and b/public/img/service_059.png differ diff --git a/public/img/service_060.png b/public/img/service_060.png new file mode 100644 index 0000000..f9cfedc Binary files /dev/null and b/public/img/service_060.png differ diff --git a/public/img/service_061.png b/public/img/service_061.png new file mode 100644 index 0000000..2742020 Binary files /dev/null and b/public/img/service_061.png differ diff --git a/public/img/service_062.png b/public/img/service_062.png new file mode 100644 index 0000000..35d15fe Binary files /dev/null and b/public/img/service_062.png differ diff --git a/public/img/service_063.png b/public/img/service_063.png new file mode 100644 index 0000000..d977f6d Binary files /dev/null and b/public/img/service_063.png differ diff --git a/public/img/service_064.png b/public/img/service_064.png new file mode 100644 index 0000000..269a85b Binary files /dev/null and b/public/img/service_064.png differ diff --git a/public/img/service_065.png b/public/img/service_065.png new file mode 100644 index 0000000..5abd798 Binary files /dev/null and b/public/img/service_065.png differ