tknuth/bayarea
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Issues git resolved

Browse Source
This commit is contained in:
Timo Knuth
2026-04-20 19:29:21 +02:00
parent 16498f564d
commit 16764fc335
37 changed files with 2340 additions and 715 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
components/Services.tsx
View File

@@ -7,32 +7,23 @@ import { Link } from 'react-router-dom';
gsap.registerPlugin(ScrollTrigger);
const servicesData = [
{
id: 1,
category: 'Web Services',
title: 'Web Design',
description: 'Professional websites with domain registration and DNS support to give your business a clean, reliable online presence.',
icon: 'language',
image: '/assets/services/business-it.webp',
href: '/services/web-design-corpus-christi'
},
{
id: 2,
category: 'Web Services',
title: 'Bay Area Email Services',
description: 'Enterprise cloud email with 99.99% uptime, local Texas support, 25 GB mailboxes, and business-grade delivery for $5 per inbox.',
icon: 'mail',
image: '/assets/services/business-it.webp',
image: '/assets/services/business-email-services.webp',
href: '/services/business-email-services'
},
{
id: 3,
id: 7,
category: 'IT Infrastructure',
title: 'Printer & Scanner Installation',
description: 'Professional installation and configuration of printers and scanners to ensure seamless integration into your workflow.',
icon: 'print',
image: '/assets/services/printer-scanner.webp',
href: '/services'
title: 'IT Help Desk',
description: 'Fast and reliable help desk support for employees, resolving technical issues remotely or on-site.',
icon: 'support_agent',
image: '/assets/services/help-desk.webp',
href: '/services/it-help-desk'
},
{
id: 4,
@@ -44,13 +35,22 @@ const servicesData = [
href: '/services/computer-support'
},
{
id: 5,
category: 'Networking',
title: 'Network Infrastructure Support',
description: 'Robust network solutions to ensure connectivity, security, and efficiency, including routers, access points, and switches.',
icon: 'lan',
image: '/assets/services/network-infrastructure.webp',
href: '/services'
id: 3,
category: 'IT Infrastructure',
title: 'Printer & Scanner Installation',
description: 'Professional installation and configuration of printers and scanners to ensure seamless integration into your workflow.',
icon: 'print',
image: '/assets/services/printer-scanner.webp',
href: '/services/printer-scanner-installation'
},
{
id: 1,
category: 'Web Services',
title: 'Web Design',
description: 'Professional websites with domain registration and DNS support to give your business a clean, reliable online presence.',
icon: 'language',
image: '/assets/services/business-it.webp',
href: '/services/web-design-corpus-christi'
},
{
id: 6,
@@ -59,16 +59,16 @@ const servicesData = [
description: 'Setup and management of shared drive solutions so your team can store, access, and organize files reliably.',
icon: 'storage',
image: '/assets/services/nas-storage.webp',
href: '/services'
href: '/services/shared-drive'
},
{
id: 7,
category: 'IT Infrastructure',
title: 'IT Help Desk',
description: 'Fast and reliable help desk support for employees, resolving technical issues remotely or on-site.',
icon: 'support_agent',
image: '/assets/services/help-desk.webp',
href: '/services/it-help-desk'
id: 5,
category: 'Networking',
title: 'Network Infrastructure Support',
description: 'Robust network solutions to ensure connectivity, security, and efficiency, including routers, access points, and switches.',
icon: 'lan',
image: '/assets/services/network-infrastructure.webp',
href: '/services/network-infrastructure-support'
}
];
@@ -203,14 +203,14 @@ const Services: React.FC<ServicesProps> = ({ preview = false, featuredIds }) =>
</AnimatePresence>
</div>
{isRestrictedView && (
<div className="mt-12 text-center">
<button
onClick={() => setShowAll(true)}
className="inline-flex items-center gap-2 px-8 py-3 bg-black dark:bg-white text-white dark:text-black rounded-full font-medium hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors"
>
Show More Services <span className="material-symbols-outlined text-sm">expand_more</span>
</button>
{isRestrictedView && (
<div className="mt-12 text-center">
<button
onClick={() => setShowAll(true)}
className="selection-inverse inline-flex items-center gap-2 px-8 py-3 bg-black dark:bg-white text-white dark:text-black rounded-full font-medium hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors"
>
Show More Services <span className="material-symbols-outlined text-sm">expand_more</span>
</button>
</div>
)}