bender/8d8b7101-d6df-4968-a1a1-33a1941085e8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 14:49:50 +00:00
parent dd7f4acffe
commit cdb13fba51
1 changed files with 62 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

316
src/app/page.tsx
View File

@@ -34,29 +34,17 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Overview",
id: "hero",
},
name: "Overview", id: "hero"},
{
name: "Modules",
id: "features",
},
name: "Modules", id: "features"},
{
name: "Assets",
id: "products",
},
name: "Assets", id: "products"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="GKNM IT Service Desk"
/>
@@ -65,8 +53,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "canvas-reveal",
}}
variant: "canvas-reveal"}}
title="GKNM IT Service Desk & Asset Management Platform"
description="Ensuring uninterrupted healthcare through efficient IT operations. Streamline IT assets, manage support tickets, and optimize hospital workflows with our comprehensive platform."
tag="Healthcare IT Solutions"
@@ -74,36 +61,16 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Request a Demo",
href: "#contact",
},
text: "Request a Demo", href: "#contact"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/engineer-writes-ai-code-laptop_482257-96435.jpg",
imageAlt: "Hospital IT Service Desk Dashboard",
},
imageSrc: "http://img.b2bpic.net/free-photo/engineer-writes-ai-code-laptop_482257-96435.jpg", imageAlt: "Hospital IT Service Desk Dashboard"},
{
imageSrc: "http://img.b2bpic.net/free-photo/programmer-data-center-doing-yearly-maintenance-checkup-using-laptop_482257-89729.jpg",
imageAlt: "Hospital IT Asset Management Dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/ceo-management-team-gathering-boardroom-project-briefing_482257-122918.jpg",
imageAlt: "Hospital IT dashboard showing network status",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/health-cure-medicine-medical-wellness-concept_53876-132293.jpg",
imageAlt: "Healthcare asset management interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-desk-with-computer-hospital-ward-clinic-check-patient-information-files-space-with-monitor-used-online-medical-documents-healthcare-system-emergency-room_482257-34892.jpg",
imageAlt: "Modern IT service desk software for hospitals",
},
imageSrc: "http://img.b2bpic.net/free-photo/programmer-data-center-doing-yearly-maintenance-checkup-using-laptop_482257-89729.jpg", imageAlt: "Hospital IT Asset Management Dashboard"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -119,17 +86,11 @@ export default function LandingPage() {
description="Our platform is meticulously designed to tackle the unique and critical challenges of hospital IT operations. From managing intricate medical devices to ensuring seamless staff support, we empower your team to focus entirely on what matters most: patient care."
bulletPoints={[
{
title: "Optimized Asset Lifecycle",
description: "Track, maintain, and manage all IT assets from acquisition to retirement with unparalleled precision.",
},
title: "Optimized Asset Lifecycle", description: "Track, maintain, and manage all IT assets from acquisition to retirement with unparalleled precision."},
{
title: "Rapid Ticket Resolution",
description: "Streamline help desk workflows, reduce response times, and improve staff satisfaction with efficient ticket management.",
},
title: "Rapid Ticket Resolution", description: "Streamline help desk workflows, reduce response times, and improve staff satisfaction with efficient ticket management."},
{
title: "Proactive Maintenance",
description: "Implement automated preventive maintenance schedules to minimize downtime and extend asset lifespan.",
},
title: "Proactive Maintenance", description: "Implement automated preventive maintenance schedules to minimize downtime and extend asset lifespan."},
]}
imageSrc="http://img.b2bpic.net/free-photo/general-practitioner-presenting-diagnostic-report-checkup-with-patient_482257-124386.jpg"
imageAlt="Hospital IT Infrastructure Management"
@@ -143,41 +104,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "IT Asset Management",
description: "Centralized tracking, inventory, and lifecycle management for all hospital IT assets, from desktops to critical servers.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gbm7ny",
imageAlt: "IT Asset Management illustration",
},
title: "IT Asset Management", description: "Centralized tracking, inventory, and lifecycle management for all hospital IT assets, from desktops to critical servers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gbm7ny", imageAlt: "IT Asset Management illustration"},
{
title: "IT Help Desk",
description: "Intuitive ticket creation, assignment, and resolution system for hospital staff, ensuring rapid response to technical issues.",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-medic-talking-elderly-woman-with-disability-chekcup-visit-appointment-senior-patient-with-impairment-wheelchair-husband-receiving-medical-disease-treatment_482257-49399.jpg",
imageAlt: "IT Help Desk illustration",
},
title: "IT Help Desk", description: "Intuitive ticket creation, assignment, and resolution system for hospital staff, ensuring rapid response to technical issues.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-medic-talking-elderly-woman-with-disability-chekcup-visit-appointment-senior-patient-with-impairment-wheelchair-husband-receiving-medical-disease-treatment_482257-49399.jpg", imageAlt: "IT Help Desk illustration"},
{
title: "Engineer Dashboard",
description: "Real-time overview for system engineers to manage open tickets, critical incidents, pending maintenance, and network alerts.",
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-specialist-operates-high-tech-military-control-center_482257-93284.jpg",
imageAlt: "Engineer Dashboard illustration",
},
title: "Engineer Dashboard", description: "Real-time overview for system engineers to manage open tickets, critical incidents, pending maintenance, and network alerts.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-specialist-operates-high-tech-military-control-center_482257-93284.jpg", imageAlt: "Engineer Dashboard illustration"},
{
title: "Preventive Maintenance",
description: "Automated scheduling and tracking of routine checks for all IT equipment, minimizing unexpected failures and ensuring uptime.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-server-hub-engineer-typing-pc-keyboard-looking-data_482257-123341.jpg",
imageAlt: "Preventive Maintenance illustration",
},
title: "Preventive Maintenance", description: "Automated scheduling and tracking of routine checks for all IT equipment, minimizing unexpected failures and ensuring uptime.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-server-hub-engineer-typing-pc-keyboard-looking-data_482257-123341.jpg", imageAlt: "Preventive Maintenance illustration"},
{
title: "Incident Management",
description: "Robust tools to track and resolve major outages, analyze root causes, and minimize downtime for critical hospital systems.",
imageSrc: "http://img.b2bpic.net/free-vector/computer-service-concept-illustration_335657-5434.jpg",
imageAlt: "Incident Management illustration",
},
title: "Incident Management", description: "Robust tools to track and resolve major outages, analyze root causes, and minimize downtime for critical hospital systems.", imageSrc: "http://img.b2bpic.net/free-vector/computer-service-concept-illustration_335657-5434.jpg", imageAlt: "Incident Management illustration"},
{
title: "Reports & Analytics",
description: "Generate comprehensive reports and visualize key metrics like total assets, ticket resolution rates, and engineer performance.",
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-business-womens-with-medical-face-mask-working-together-management-presentation-using-tablet-computer-while-sitting-company-office-team-respecting-social-distance_482257-17559.jpg",
imageAlt: "Reports and Analytics illustration",
},
title: "Reports & Analytics", description: "Generate comprehensive reports and visualize key metrics like total assets, ticket resolution rates, and engineer performance.", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-business-womens-with-medical-face-mask-working-together-management-presentation-using-tablet-computer-while-sitting-company-office-team-respecting-social-distance_482257-17559.jpg", imageAlt: "Reports and Analytics illustration"},
]}
title="Comprehensive Modules for Modern Healthcare"
description="Explore the powerful features that integrate seamlessly into your hospital workflow, enhancing efficiency, reliability, and security across all IT operations."
@@ -192,46 +129,22 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "open-tickets",
value: "12",
title: "Open Tickets",
description: "Currently active support requests",
icon: LifeBuoy,
id: "open-tickets", value: "12", title: "Open Tickets", description: "Currently active support requests", icon: LifeBuoy,
},
{
id: "resolved-tickets",
value: "98%",
title: "Resolution Rate",
description: "Tickets resolved within SLA",
icon: CheckCircle,
id: "resolved-tickets", value: "98%", title: "Resolution Rate", description: "Tickets resolved within SLA", icon: CheckCircle,
},
{
id: "critical-issues",
value: "3",
title: "Critical Issues",
description: "High-priority incidents requiring immediate attention",
icon: AlertTriangle,
id: "critical-issues", value: "3", title: "Critical Issues", description: "High-priority incidents requiring immediate attention", icon: AlertTriangle,
},
{
id: "server-status",
value: "99.9%",
title: "Server Uptime",
description: "Reliability of core hospital servers",
icon: Server,
id: "server-status", value: "99.9%", title: "Server Uptime", description: "Reliability of core hospital servers", icon: Server,
},
{
id: "storage-usage",
value: "78%",
title: "Storage Usage",
description: "Current data storage consumption",
icon: Database,
id: "storage-usage", value: "78%", title: "Storage Usage", description: "Current data storage consumption", icon: Database,
},
{
id: "network-health",
value: "Excellent",
title: "Network Health",
description: "Overall stability and performance of hospital network",
icon: Network,
id: "network-health", value: "Excellent", title: "Network Health", description: "Overall stability and performance of hospital network", icon: Network,
},
]}
title="Real-Time Insights & Operational Health"
@@ -247,47 +160,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "desktop",
name: "Desktop Workstations",
price: "Managed",
imageSrc: "http://img.b2bpic.net/free-photo/empty-examination-cabinet-medical-checkup-facility_482257-30451.jpg",
imageAlt: "Desktop Computer",
},
id: "desktop", name: "Desktop Workstations", price: "Managed", imageSrc: "http://img.b2bpic.net/free-photo/empty-examination-cabinet-medical-checkup-facility_482257-30451.jpg", imageAlt: "Desktop Computer"},
{
id: "laptop",
name: "Laptops & Mobile Devices",
price: "Managed",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-doctor-with-stethoscope-working-laptop_23-2148735407.jpg",
imageAlt: "Laptop",
},
id: "laptop", name: "Laptops & Mobile Devices", price: "Managed", imageSrc: "http://img.b2bpic.net/free-photo/side-view-doctor-with-stethoscope-working-laptop_23-2148735407.jpg", imageAlt: "Laptop"},
{
id: "printer",
name: "Printers & Scanners",
price: "Managed",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-printer-office-work_23-2149457025.jpg",
imageAlt: "Printer",
},
id: "printer", name: "Printers & Scanners", price: "Managed", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-printer-office-work_23-2149457025.jpg", imageAlt: "Printer"},
{
id: "server",
name: "Servers & Storage",
price: "Managed",
imageSrc: "http://img.b2bpic.net/free-photo/admin-cloud-computing-business_482257-91146.jpg",
imageAlt: "Server Rack",
},
id: "server", name: "Servers & Storage", price: "Managed", imageSrc: "http://img.b2bpic.net/free-photo/admin-cloud-computing-business_482257-91146.jpg", imageAlt: "Server Rack"},
{
id: "ip-phone",
name: "IP Phones & VoIP",
price: "Managed",
imageSrc: "http://img.b2bpic.net/free-photo/healthcare-worker-informing-population-about-latest-developments-virus-epidemic_637285-4865.jpg",
imageAlt: "IP Phone",
},
id: "ip-phone", name: "IP Phones & VoIP", price: "Managed", imageSrc: "http://img.b2bpic.net/free-photo/healthcare-worker-informing-population-about-latest-developments-virus-epidemic_637285-4865.jpg", imageAlt: "IP Phone"},
{
id: "cctv",
name: "CCTV & Security Devices",
price: "Managed",
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-office-equipped-with-diagnostic-tools_482257-118406.jpg",
imageAlt: "CCTV Camera",
},
id: "cctv", name: "CCTV & Security Devices", price: "Managed", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-office-equipped-with-diagnostic-tools_482257-118406.jpg", imageAlt: "CCTV Camera"},
]}
title="Centralized IT Asset Management"
description="Keep track of every critical IT asset across all hospital departments with detailed records, real-time status updates, and comprehensive lifecycle management."
@@ -299,14 +182,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"ICU Department",
"Emergency Medicine",
"Cardiology Unit",
"Oncology Center",
"Neurology Department",
"Laboratory Medicine",
"Radiology Department",
]}
"ICU Department", "Emergency Medicine", "Cardiology Unit", "Oncology Center", "Neurology Department", "Laboratory Medicine", "Radiology Department"]}
title="Partnering for Uninterrupted Healthcare"
description="Our platform is trusted by various departments within multi-specialty hospitals to ensure their critical IT operations run flawlessly."
/>
@@ -319,50 +195,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@sarah_itmgmt",
testimonial: "The GKNM platform has revolutionized our IT asset management. Tracking devices across multiple departments is now effortless, saving us countless hours and preventing costly outages.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/data-center-software-developer-analyzing-program-logs-metrics-close-up_482257-126787.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", handle: "@sarah_itmgmt", testimonial: "The GKNM platform has revolutionized our IT asset management. Tracking devices across multiple departments is now effortless, saving us countless hours and preventing costly outages.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/data-center-software-developer-analyzing-program-logs-metrics-close-up_482257-126787.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
handle: "@michael_syseng",
testimonial: "As a System Engineer, the Engineer Dashboard is a game-changer. Critical issues are highlighted instantly, allowing us to prioritize and resolve problems before they impact patient services.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165966.jpg",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", handle: "@michael_syseng", testimonial: "As a System Engineer, the Engineer Dashboard is a game-changer. Critical issues are highlighted instantly, allowing us to prioritize and resolve problems before they impact patient services.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165966.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
handle: "@emily_admin",
testimonial: "Our hospital's IT efficiency has significantly improved. The intuitive help desk ensures our staff can report issues quickly, and the IT team responds with unprecedented speed. Truly essential!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-scientist-lab_23-2148816371.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", handle: "@emily_admin", testimonial: "Our hospital's IT efficiency has significantly improved. The intuitive help desk ensures our staff can report issues quickly, and the IT team responds with unprecedented speed. Truly essential!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-scientist-lab_23-2148816371.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
handle: "@david_radiology",
testimonial: "From Radiology to ICU, having a centralized system for IT support and maintenance has been invaluable. Less downtime means more focus on diagnostics and patient treatment.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital-corridor_23-2151997623.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", handle: "@david_radiology", testimonial: "From Radiology to ICU, having a centralized system for IT support and maintenance has been invaluable. Less downtime means more focus on diagnostics and patient treatment.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital-corridor_23-2151997623.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
handle: "@jessica_nursing",
testimonial: "The real-time notifications keep us informed about critical IT incidents, allowing us to adapt and ensure continuous care. It's an indispensable tool for uninterrupted operations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-health-workers-indoors_23-2148894887.jpg",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", handle: "@jessica_nursing", testimonial: "The real-time notifications keep us informed about critical IT incidents, allowing us to adapt and ensure continuous care. It's an indispensable tool for uninterrupted operations.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-health-workers-indoors_23-2148894887.jpg", imageAlt: "Jessica Lee"},
]}
showRating={true}
title="What Hospital IT Leaders Say"
@@ -375,25 +221,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What kind of IT assets can be managed?",
content: "Our platform supports a wide range of IT assets including desktops, laptops, printers, barcode scanners, UPS, routers, switches, servers, IP phones, and CCTV devices.",
},
id: "faq-1", title: "What kind of IT assets can be managed?", content: "Our platform supports a wide range of IT assets including desktops, laptops, printers, barcode scanners, UPS, routers, switches, servers, IP phones, and CCTV devices."},
{
id: "faq-2",
title: "How does the IT Help Desk feature work for hospital staff?",
content: "Hospital staff can log in to raise tickets for various issues (e.g., printer not working, network issues, EMR errors). They can include descriptions, attachments, and track ticket status in real-time.",
},
id: "faq-2", title: "How does the IT Help Desk feature work for hospital staff?", content: "Hospital staff can log in to raise tickets for various issues (e.g., printer not working, network issues, EMR errors). They can include descriptions, attachments, and track ticket status in real-time."},
{
id: "faq-3",
title: "Can we customize maintenance schedules?",
content: "Yes, the Preventive Maintenance module allows for fully customizable monthly checks, including PC cleaning, UPS testing, printer service, network audits, and backup verifications, all viewable in a calendar format.",
},
id: "faq-3", title: "Can we customize maintenance schedules?", content: "Yes, the Preventive Maintenance module allows for fully customizable monthly checks, including PC cleaning, UPS testing, printer service, network audits, and backup verifications, all viewable in a calendar format."},
{
id: "faq-4",
title: "Is there role-based access control?",
content: "Absolutely. The platform features robust role-based access: Administrators have full control, System Engineers manage tickets and assets, and Hospital Staff can create tickets only.",
},
id: "faq-4", title: "Is there role-based access control?", content: "Absolutely. The platform features robust role-based access: Administrators have full control, System Engineers manage tickets and assets, and Hospital Staff can create tickets only."},
]}
sideTitle="Common Questions"
sideDescription="Find quick answers about our platform's capabilities, implementation, and how it supports efficient hospital IT operations."
@@ -407,8 +241,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Ready to Transform Your Hospital IT?"
title="Request a Personalized Demo Today"
description="Discover firsthand how the GKNM IT Service Desk & Asset Management Platform can bring unparalleled efficiency and reliability to your healthcare IT operations. Let's schedule a dedicated walkthrough."
@@ -425,62 +258,37 @@ export default function LandingPage() {
logoText="GKNM IT"
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Asset Management",
href: "#products",
},
label: "Asset Management", href: "#products"},
{
label: "Help Desk",
href: "#features",
},
label: "Help Desk", href: "#features"},
{
label: "Maintenance",
href: "#features",
},
label: "Maintenance", href: "#features"},
{
label: "Reports",
href: "#metrics",
},
label: "Reports", href: "#metrics"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}