diff --git a/app/apps/page.tsx b/app/apps/page.tsx index cbade4f..a8c321b 100644 --- a/app/apps/page.tsx +++ b/app/apps/page.tsx @@ -2,99 +2,112 @@ 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"; +import { motion } from "framer-motion"; +import { Lock, Globe, MessageSquare, Bell, HeartPulse, ShieldCheck, Fingerprint, Zap } from "lucide-react"; export default function AppsPage() { return ( -
+
-
-
-
+
+
+
-

- Connected Care +
+ + Neural Ecosystem v4.0 +
+

+ Unified
Access

-

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

+ Institutional clinical command center. Real-time bio-sync and clinical assistance designed for absolute operational security.

-
- -
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
-

Live Vitals

-
- +
+

Live Clinical Sync

+
+ + +
- -
-
-
-
+
+
+
+
- {/* 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." } + { icon: Lock, title: "Zero-Trust Protocol", desc: "Institutional-grade multi-layer security for clinical data transfers." }, + { icon: MessageSquare, title: "Clinical AI Bridge", desc: "Real-time verification and documentation via medical LLM layers." }, + { icon: Bell, title: "Predictive SOS Audit", desc: "Automated institutional alerts based on verified vital trend analysis." }, + { icon: Globe, title: "Universal Sync Hub", desc: "Global access to clinical data on certified HIPAA infrastructure." }, + { icon: Fingerprint, title: "Biometric Audit", desc: "Hardware-locked PHI access ensures zero-bias clinical security." }, + { icon: ShieldCheck, title: "Institutional Verified", desc: "Certified infrastructure for sovereign clinical data integrity." } ].map((feature, i) => ( -
- +
+
+
-

{feature.title}

-

{feature.desc}

+

{feature.title}

+

{feature.desc}

))}
-
+ +
); } diff --git a/app/components/canvas/DNAHeroBackground.tsx b/app/components/canvas/DNAHeroBackground.tsx index 43df656..cce0f9c 100644 --- a/app/components/canvas/DNAHeroBackground.tsx +++ b/app/components/canvas/DNAHeroBackground.tsx @@ -1,6 +1,6 @@ "use client"; -import { Canvas, useFrame } from "@react-three/fiber"; +import { Canvas, useFrame, useThree } from "@react-three/fiber"; import { useRef, useMemo } from "react"; import * as THREE from "three"; import { Float, PerspectiveCamera } from "@react-three/drei"; @@ -8,31 +8,29 @@ import { Float, PerspectiveCamera } from "@react-three/drei"; function DNAParticles() { const points = useMemo(() => { const p = []; - const count = 100; - const radius = 2; - const height = 15; + const count = 120; // Reduced density for simplicity + const radius = 2.5; + const height = 20; for (let i = 0; i < count; i++) { - const angle = (i / count) * Math.PI * 4; + const angle = (i / count) * Math.PI * 6; const x = Math.cos(angle) * radius; const y = (i / count) * height - height / 2; const z = Math.sin(angle) * radius; - // Strand 1 - p.push(new THREE.Vector3(x, y, z)); - // Strand 2 (180 deg offset) - p.push(new THREE.Vector3(-x, y, -z)); + // Simple Monochromatic Strands + p.push({ pos: new THREE.Vector3(x, y, z), color: "#ffffff" }); + p.push({ pos: new THREE.Vector3(-x, y, -z), color: "#71717a" }); // Zinc-400 equivalent - // Connecting rungs - if (i % 5 === 0) { - const rungPoints = 5; + // Minimalist Rungs + if (i % 6 === 0) { + const rungPoints = 6; for (let j = 1; j < rungPoints; j++) { const t = j / rungPoints; - p.push(new THREE.Vector3( - x * (1 - 2 * t), - y, - z * (1 - 2 * t) - )); + p.push({ + pos: new THREE.Vector3(x * (1 - 2 * t), y, z * (1 - 2 * t)), + color: "#3f3f46" // Zinc-600 equivalent + }); } } } @@ -40,23 +38,27 @@ function DNAParticles() { }, []); const groupRef = useRef(null); + const { mouse } = useThree(); - useFrame((state) => { + useFrame(() => { if (groupRef.current) { - groupRef.current.rotation.y += 0.005; - groupRef.current.rotation.z = Math.sin(state.clock.elapsedTime * 0.5) * 0.1; + groupRef.current.rotation.y += 0.0015; // Slower, more professional rotation + groupRef.current.rotation.x = THREE.MathUtils.lerp(groupRef.current.rotation.x, mouse.y * 0.1, 0.05); + groupRef.current.rotation.z = THREE.MathUtils.lerp(groupRef.current.rotation.z, -mouse.x * 0.05, 0.05); } }); return ( - {points.map((pos, i) => ( - - + {points.map((p, i) => ( + + ))} @@ -64,21 +66,36 @@ function DNAParticles() { ); } +function GridOverlay() { + return ( + + + + ); +} + export default function DNAHeroBackground() { return ( -
- - - - - - +
+
+ + - + + + + + + + -
+
); } diff --git a/app/components/layout/Footer.tsx b/app/components/layout/Footer.tsx index 3ec0ecc..8c35a2c 100644 --- a/app/components/layout/Footer.tsx +++ b/app/components/layout/Footer.tsx @@ -1,75 +1,244 @@ "use client"; -import { Activity, ShieldCheck, Twitter, Linkedin } from "lucide-react"; -import Link from "next/link"; +import { Activity, ShieldCheck, Twitter, Linkedin, Github, Mail, Phone, MapPin, Award, Lock, FileCheck, Heart, CheckCircle2 } from "lucide-react"; +import { motion } from "framer-motion"; export default function Footer() { return ( -