diff --git a/app/apps/page.tsx b/app/apps/page.tsx new file mode 100644 index 0000000..cbade4f --- /dev/null +++ b/app/apps/page.tsx @@ -0,0 +1,100 @@ +"use client"; + +import Navbar from "../components/layout/Navbar"; +import DNAHeroBackground from "../components/canvas/DNAHeroBackground"; +import { motion } from "framer-motion"; +import { Lock, Globe, MessageSquare, Bell, HeartPulse, ShieldCheck } from "lucide-react"; +import Footer from "../components/layout/Footer"; + +export default function AppsPage() { + return ( +
+ + + +
+
+
+ +

+ Connected Care +

+

+ Our mobile applications are the command center for your health. Real-time monitoring, AI-driven insights, and instant doctor access—securely in your pocket. +

+ +
+ + +
+ + + +
+
+
+
+
+
+
+
+
+ +
+

Live Vitals

+
+ +
+
+ +
+
+
+
+
+
+ +
+ + {/* Features Grid */} +
+ {[ + { icon: Lock, title: "End-to-End Encryption", desc: "Military-grade AES-256 encryption for all data sync and communication." }, + { icon: MessageSquare, title: "AI Chat Assistant", desc: "Instant clinical insights and symptom tracking powered by our healthcare LLM." }, + { icon: Bell, title: "Emergency SOS", desc: "Automatic alerts to emergency contacts when vitals drop outside safe thresholds." }, + { icon: Globe, title: "Teleconsult Sync", desc: "Seamlessly transition from monitoring to a live video call with your physician." }, + { icon: ShieldCheck, title: "HIPAA Cloud", desc: "Secure cloud infrastructure designed specifically for healthcare data storage." } + ].map((feature, i) => ( + +
+ +
+

{feature.title}

+

{feature.desc}

+ + ))} +
+
+
+
+ ); +} diff --git a/app/components/layout/Footer.tsx b/app/components/layout/Footer.tsx new file mode 100644 index 0000000..3ec0ecc --- /dev/null +++ b/app/components/layout/Footer.tsx @@ -0,0 +1,75 @@ +"use client"; + +import { Activity, ShieldCheck, Twitter, Linkedin } from "lucide-react"; +import Link from "next/link"; + +export default function Footer() { + return ( + + ); +} diff --git a/app/components/layout/Navbar.tsx b/app/components/layout/Navbar.tsx index d5f8af1..3b055e4 100644 --- a/app/components/layout/Navbar.tsx +++ b/app/components/layout/Navbar.tsx @@ -2,13 +2,14 @@ import { useState, useEffect } from "react"; import { motion, AnimatePresence } from "framer-motion"; -import { Menu, X, Activity, Brain, Mic, Pill } from "lucide-react"; +import { Menu, X, Activity, Brain, Mic, ShieldCheck } from "lucide-react"; import Link from "next/link"; const navItems = [ + { name: "Devices", icon: Activity, href: "/devices" }, { name: "Voice-to-SOAP", icon: Mic, href: "#voice-soap" }, { name: "AI Diagnosis", icon: Brain, href: "#diagnosis" }, - { name: "AI Prescription", icon: Pill, href: "#prescription" }, + { name: "Apps & Security", icon: ShieldCheck, href: "/apps" }, ]; export default function Navbar() { diff --git a/app/components/sections/AppEcosystem.tsx b/app/components/sections/AppEcosystem.tsx new file mode 100644 index 0000000..3c5921d --- /dev/null +++ b/app/components/sections/AppEcosystem.tsx @@ -0,0 +1,91 @@ +"use client"; + +import { motion } from "framer-motion"; +import { Smartphone, ShieldCheck, HeartPulse, Fingerprint } from "lucide-react"; + +export default function AppEcosystem() { + return ( +
+
+
+ +
+
+ + Mobile Intelligence +
+

+ Health in your Pocket +

+

+ Experience end-to-end healthcare with our companion mobile apps. Real-time data sync, encrypted messaging, and emergency alerts at your fingertips. +

+
+ +
+ {[ + { icon: Fingerprint, title: "Biometric Security", text: "Secure access with FaceID and Fingerprint authentication." }, + { icon: ShieldCheck, title: "HIPAA Certified", text: "Multi-layered encryption for all personal health information (PHI)." }, + { icon: HeartPulse, title: "Live Streaming", text: "Instant vital data visualization from connected Bluetooth devices." } + ].map((item, i) => ( +
+
+ +
+
+

{item.title}

+

{item.text}

+
+
+ ))} +
+ + + +
+ {/* Phone Frame Mockup */} +
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+ +
+ {[1, 2, 3].map((_, i) => ( +
+ ))} +
+
+
+ + {/* Decorative Elements */} +
+
+
+ +
+
+
+ ); +} diff --git a/app/components/sections/DeviceShowcase.tsx b/app/components/sections/DeviceShowcase.tsx new file mode 100644 index 0000000..843850d --- /dev/null +++ b/app/components/sections/DeviceShowcase.tsx @@ -0,0 +1,81 @@ +"use client"; + +import { motion } from "framer-motion"; +import { Activity, Bluetooth, Gauge, MonitorSmartphone } from "lucide-react"; + +const devices = [ + { + title: "Vitals Monitor", + description: "Bluetooth-enabled real-time tracking of blood pressure, SpO2, and heart rate.", + icon: Activity, + color: "from-blue-500 to-cyan-400" + }, + { + title: "Fetal Doppler", + description: "Hospital-grade fetal heart rate monitoring for remote maternity care.", + icon: Gauge, + color: "from-purple-500 to-pink-500" + }, + { + title: "Smart Weight Scale", + description: "Advanced body composition analysis with automatic health profile syncing.", + icon: MonitorSmartphone, + color: "from-emerald-500 to-teal-400" + } +]; + +export default function DeviceShowcase() { + return ( +
+
+
+ +
+ + Smart Peripherals +
+

+ A Connected Hardware Ecosystem +

+

+ Seamlessly bridge the gap between physical health and digital intelligence with our HIPAA-compliant Bluetooth medical devices. +

+ +
+ +
+ {devices.map((device, i) => ( + +
+ +
+ +
+ +

{device.title}

+

+ {device.description} +

+ +
+ Explore Tech + +
+ + ))} +
+
+
+ ); +} diff --git a/app/components/sections/TelehealthSolutions.tsx b/app/components/sections/TelehealthSolutions.tsx new file mode 100644 index 0000000..9eff1ba --- /dev/null +++ b/app/components/sections/TelehealthSolutions.tsx @@ -0,0 +1,95 @@ +"use client"; + +import { motion } from "framer-motion"; +import { Video, ShoppingCart, ShieldCheck, Globe } from "lucide-react"; + +export default function TelehealthSolutions() { + return ( +
+
+
+ +
+

+ Clinic without Boundaries +

+

+ Advanced tele-consultation and integrated cart solutions designed for modern healthcare infrastructure. High-fidelity, low-latency, and fully secure. +

+
+ +
+
+
+
+

Teleconsult

+

HD video consultation with integrated EHR and vital streaming capabilities.

+
+
+
+ +
+

Telecart

+

Managed healthcare shopping experience for devices and medication.

+
+
+ +
+ +
+

Enterprise-Grade Security

+

All consultations are end-to-end encrypted and HIPAA-compliant.

+
+
+ + + +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+ {/* Floating HUD Elements */} +
+
+
+ Active Sync +
+
+
+
+
+ +
+
+
+ ); +} diff --git a/app/devices/page.tsx b/app/devices/page.tsx new file mode 100644 index 0000000..57a930f --- /dev/null +++ b/app/devices/page.tsx @@ -0,0 +1,108 @@ +"use client"; + +import Navbar from "../components/layout/Navbar"; +import DNAHeroBackground from "../components/canvas/DNAHeroBackground"; +import { motion } from "framer-motion"; +import { Activity, Bluetooth, ShieldCheck, Zap } from "lucide-react"; +import Footer from "../components/layout/Footer"; + +export default function DevicesPage() { + return ( +
+ + + +
+
+ +

+ Medical Hardware +

+

+ Precision-engineered Bluetooth vitals monitors and maternity care tools. Designed for reliability, accuracy, and absolute security. +

+ + + {/* Device Detailed Grid */} +
+ {[ + { + title: "Vitals Hub X1", + feature: "Multi-Parameter Monitoring", + desc: "Measures Blood Pressure, Heart Rate, SpO2, and Body Temperature in one sleek device.", + specs: ["Bluetooth 5.2", "48h Battery", "Cloud Sync"] + }, + { + title: "Fetal Doppler Pro", + feature: "Maternity Care", + desc: "High-sensitivity fetal heart rate detection with ultra-sound noise reduction technology.", + specs: ["OLED Display", "Built-in Speaker", "App Integration"] + } + ].map((item, i) => ( + +
+
+ {item.feature} +

{item.title}

+
+
+ +
+
+

{item.desc}

+ +
+ {item.specs.map((spec, j) => ( + + {spec} + + ))} +
+ + + + ))} +
+ + {/* Compliance Banner */} + +
+
+ +

HIPAA Verified Hardware

+
+

+ Every device in our ecosystem undergoes rigorous security audits. Data transmission is encrypted from the sensor to the cloud. +

+
+
+
+ +
+
+ +
+
+ +
+
+ +
+ ); +} diff --git a/app/page.tsx b/app/page.tsx index febcc21..debb404 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -6,6 +6,10 @@ import Navbar from "./components/layout/Navbar"; import AIVoiceSoap from "./components/sections/AIVoiceSoap"; import AIDiagnosis from "./components/sections/AIDiagnosis"; import AIPrescription from "./components/sections/AIPrescription"; +import DeviceShowcase from "./components/sections/DeviceShowcase"; +import TelehealthSolutions from "./components/sections/TelehealthSolutions"; +import AppEcosystem from "./components/sections/AppEcosystem"; +import Footer from "./components/layout/Footer"; import { ArrowRight, Sparkles } from "lucide-react"; export default function Home() { @@ -52,27 +56,14 @@ export default function Home() { {/* AI Service Sections */}
+ + +
- {/* Footer */} - +