Merge version_1 into main #2
191
src/app/page.tsx
191
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Microscope, FileText, ClipboardList } from "lucide-react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
@@ -30,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="PJIVerlauf"
|
||||
/>
|
||||
@@ -56,45 +45,31 @@ export default function LandingPage() {
|
||||
logoText="PJIVerlauf kompakt"
|
||||
description="Structure PJI cases. Document faster. Export instantly. Transform scattered infection data into clear, chronological summaries for orthopedic and infectious disease teams."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a new case",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Start a new case", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-female-patient-taking-medical-history-data-with-test-results_482257-122752.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-female-patient-taking-medical-history-data-with-test-results_482257-122752.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Rapid Case Intake",
|
||||
descriptions: [
|
||||
"Streamlined patient data capture including implant details and infection classification.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-healthy-life-wellness-icon_53876-120722.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Rapid Case Intake", descriptions: [
|
||||
"Streamlined patient data capture including implant details and infection classification."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-healthy-life-wellness-icon_53876-120722.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Visual Chronology",
|
||||
descriptions: [
|
||||
"Color-coded event tracking covering surgeries, labs, and antibiotic milestones.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-with-results_1098-16888.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Visual Chronology", descriptions: [
|
||||
"Color-coded event tracking covering surgeries, labs, and antibiotic milestones."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-with-results_1098-16888.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Structured Export",
|
||||
descriptions: [
|
||||
"Generate professional PDF medical summaries for case handoffs in seconds.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-office-used-by-doctors-find-right-diagnostic_482257-103063.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Structured Export", descriptions: [
|
||||
"Generate professional PDF medical summaries for case handoffs in seconds."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-office-used-by-doctors-find-right-diagnostic_482257-103063.jpg"},
|
||||
]}
|
||||
title="Clinical documentation, evolved"
|
||||
description="Designed for surgical and ID specialists, providing rapid structured intake, event timeline management, and seamless export capabilities."
|
||||
@@ -108,31 +83,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "75%",
|
||||
title: "Faster Documentation",
|
||||
items: [
|
||||
"Reduced data entry time",
|
||||
"Automated summary generation",
|
||||
],
|
||||
id: "m1", value: "75%", title: "Faster Documentation", items: [
|
||||
"Reduced data entry time", "Automated summary generation"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Standardized Output",
|
||||
items: [
|
||||
"Legal/Audit compliance",
|
||||
"Consistent report formatting",
|
||||
],
|
||||
id: "m2", value: "100%", title: "Standardized Output", items: [
|
||||
"Legal/Audit compliance", "Consistent report formatting"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10m",
|
||||
title: "Case Summary Time",
|
||||
items: [
|
||||
"Average generation time",
|
||||
"Includes full timeline history",
|
||||
],
|
||||
id: "m3", value: "10m", title: "Case Summary Time", items: [
|
||||
"Average generation time", "Includes full timeline history"],
|
||||
},
|
||||
]}
|
||||
title="Clinical efficiency metrics"
|
||||
@@ -146,60 +106,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Sarah Johnson",
|
||||
date: "Jan 2025",
|
||||
title: "Orthopedic Resident",
|
||||
quote: "Finally, a way to structure complex PJI cases without the documentation overhead. Essential for our daily presentations.",
|
||||
tag: "Ortho",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/black-nurse-their-workspace_52683-100570.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-female-patient-taking-medical-history-data-with-test-results_482257-122752.jpg?_wi=2",
|
||||
imageAlt: "doctor portrait professional studio",
|
||||
},
|
||||
id: "t1", name: "Dr. Sarah Johnson", date: "Jan 2025", title: "Orthopedic Resident", quote: "Finally, a way to structure complex PJI cases without the documentation overhead. Essential for our daily presentations.", tag: "Ortho", avatarSrc: "http://img.b2bpic.net/free-photo/black-nurse-their-workspace_52683-100570.jpg", imageSrc: "http://img.b2bpic.net/free-photo/senior-female-patient-taking-medical-history-data-with-test-results_482257-122752.jpg", imageAlt: "doctor portrait professional studio"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dr. Michael Chen",
|
||||
date: "Dec 2024",
|
||||
title: "ID Consultant",
|
||||
quote: "The chronological clarity provided by this tool makes my remote consultations significantly more effective.",
|
||||
tag: "ID",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-surgeon-operation-theater-looking-camera-doctor-scrubs-medical-mask-modern-hospital-operating-room_657921-1053.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-healthy-life-wellness-icon_53876-120722.jpg?_wi=2",
|
||||
imageAlt: "doctor portrait professional studio",
|
||||
},
|
||||
id: "t2", name: "Dr. Michael Chen", date: "Dec 2024", title: "ID Consultant", quote: "The chronological clarity provided by this tool makes my remote consultations significantly more effective.", tag: "ID", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-surgeon-operation-theater-looking-camera-doctor-scrubs-medical-mask-modern-hospital-operating-room_657921-1053.jpg", imageSrc: "http://img.b2bpic.net/free-photo/heart-healthy-life-wellness-icon_53876-120722.jpg", imageAlt: "doctor portrait professional studio"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dr. Emily Rodriguez",
|
||||
date: "Nov 2024",
|
||||
title: "ID Consultant",
|
||||
quote: "I can now actually see the antibiotic sequencing clearly against the clinical milestones. A game changer.",
|
||||
tag: "ID",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-face-mask_23-2149551162.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-with-results_1098-16888.jpg?_wi=2",
|
||||
imageAlt: "doctor portrait professional studio",
|
||||
},
|
||||
id: "t3", name: "Dr. Emily Rodriguez", date: "Nov 2024", title: "ID Consultant", quote: "I can now actually see the antibiotic sequencing clearly against the clinical milestones. A game changer.", tag: "ID", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-face-mask_23-2149551162.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-with-results_1098-16888.jpg", imageAlt: "doctor portrait professional studio"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dr. David Kim",
|
||||
date: "Oct 2024",
|
||||
title: "Ortho Resident",
|
||||
quote: "Fast, intuitive, and the PDF exports look professional for case review meetings.",
|
||||
tag: "Ortho",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital-hallway_23-2151997626.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-office-used-by-doctors-find-right-diagnostic_482257-103063.jpg?_wi=2",
|
||||
imageAlt: "doctor portrait professional studio",
|
||||
},
|
||||
id: "t4", name: "Dr. David Kim", date: "Oct 2024", title: "Ortho Resident", quote: "Fast, intuitive, and the PDF exports look professional for case review meetings.", tag: "Ortho", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital-hallway_23-2151997626.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-office-used-by-doctors-find-right-diagnostic_482257-103063.jpg", imageAlt: "doctor portrait professional studio"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Dr. Alice Brown",
|
||||
date: "Sep 2024",
|
||||
title: "Quality Officer",
|
||||
quote: "The standardization of PJI documentation is a huge win for our hospital audit processes.",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medical-team-doctor-s-office_23-2148168427.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physician-meeting-with-patient-discuss-medical-test-results-cabinet_482257-118507.jpg",
|
||||
imageAlt: "doctor portrait professional studio",
|
||||
},
|
||||
id: "t5", name: "Dr. Alice Brown", date: "Sep 2024", title: "Quality Officer", quote: "The standardization of PJI documentation is a huge win for our hospital audit processes.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/medical-team-doctor-s-office_23-2148168427.jpg", imageSrc: "http://img.b2bpic.net/free-photo/physician-meeting-with-patient-discuss-medical-test-results-cabinet_482257-118507.jpg", imageAlt: "doctor portrait professional studio"},
|
||||
]}
|
||||
title="Trusted by clinical leads"
|
||||
description="See how orthopedic and ID teams are streamlining their workflow."
|
||||
@@ -212,17 +127,14 @@ export default function LandingPage() {
|
||||
title="Supporting clinical judgment"
|
||||
metrics={[
|
||||
{
|
||||
label: "Documentation speed",
|
||||
value: "Instant",
|
||||
},
|
||||
icon: Microscope,
|
||||
label: "Documentation speed", value: "Instant"},
|
||||
{
|
||||
label: "Summary clarity",
|
||||
value: "Chronological",
|
||||
},
|
||||
icon: FileText,
|
||||
label: "Summary clarity", value: "Chronological"},
|
||||
{
|
||||
label: "Primary Focus",
|
||||
value: "Case Documentation",
|
||||
},
|
||||
icon: ClipboardList,
|
||||
label: "Primary Focus", value: "Case Documentation"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -234,20 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Does this tool replace clinical judgment?",
|
||||
content: "No, PJIVerlauf kompakt is for documentation support only. It does not provide automated diagnoses or medical advice.",
|
||||
},
|
||||
id: "q1", title: "Does this tool replace clinical judgment?", content: "No, PJIVerlauf kompakt is for documentation support only. It does not provide automated diagnoses or medical advice."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is data stored locally?",
|
||||
content: "The system is designed for secure, standardized clinical documentation and maintains strict adherence to local medical audit and data retention requirements.",
|
||||
},
|
||||
id: "q2", title: "Is data stored locally?", content: "The system is designed for secure, standardized clinical documentation and maintains strict adherence to local medical audit and data retention requirements."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Who can use this application?",
|
||||
content: "It is optimized for use by orthopedic surgical residents, infectious disease consultants, and hospital quality officers managing PJI cases.",
|
||||
},
|
||||
id: "q3", title: "Who can use this application?", content: "It is optimized for use by orthopedic surgical residents, infectious disease consultants, and hospital quality officers managing PJI cases."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions regarding the use and implementation of PJIVerlauf."
|
||||
@@ -261,23 +164,9 @@ export default function LandingPage() {
|
||||
title="Start your clinical journey"
|
||||
description="Reach out to discuss implementation or to request a demo for your orthopedic or ID department."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "hospital",
|
||||
type: "text",
|
||||
placeholder: "Hospital / Department Name",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "hospital", type: "text", placeholder: "Hospital / Department Name" },
|
||||
]}
|
||||
buttonText="Get Started"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-general-practitioner-explaining-preventative-medicine-risk-factors_482257-126397.jpg"
|
||||
|
||||
Reference in New Issue
Block a user