import React, { useMemo, useState } from "react"; import { motion } from "framer-motion"; import { Button } from "@/components/ui/button"; import { Card, CardContent } from "@/components/ui/card"; function Icon({ name, className = "h-5 w-5" }) { const common = { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, }; const icons = { heartPulse: ( ), users: ( ), wheelchair: ( ), stethoscope: ( ), mapPin: ( ), clipboard: ( ), shield: ( ), calendar: ( ), check: ( ), spark: ( ), chevronRight: ( ), phone: ( ), menu: ( ), x: ( ), }; return icons[name] || icons.check; } const rideTypes = [ { name: "Ambulatory", icon: "users", desc: "Walks with light support." }, { name: "Wheelchair", icon: "wheelchair", desc: "Ramp or lift equipped." }, { name: "Stretcher", icon: "stethoscope", desc: "Non-emergency reclined transport." }, { name: "Long-distance", icon: "mapPin", desc: "City-to-city medical rides." }, ]; const platformModules = [ { title: "Rider profiles", text: "Save mobility needs, frequent addresses, ride history, and care contacts." }, { title: "Provider network", text: "Match requests to qualified companies by vehicle, service area, equipment, and timing." }, { title: "Live trip status", text: "Follow every step from quote request to arrival, pickup, drop-off, and completion." }, { title: "Payments", text: "Support deposits, card payments, invoices, refunds, and cancellation policies." }, ]; const videoScript = [ { scene: "Opening problem", visual: "A quiet clinic discharge area. A family member checks their phone while a patient waits.", voiceover: "When someone needs a medical ride, the hardest part is often knowing what help is needed, who can provide it, and whether the ride is truly confirmed." }, { scene: "What we do", visual: "The MyMedicalRide.com intake screen captures pickup, drop-off, mobility, stairs, oxygen, and timing.", voiceover: "MyMedicalRide.com helps patients, families, facilities, and care coordinators request non-emergency medical transportation with the right details from the start." }, { scene: "Ride types", visual: "Clean animated cards for ambulatory, wheelchair, stretcher, and long-distance rides.", voiceover: "Whether the rider can walk, uses a wheelchair, needs stretcher transport, or has a longer-distance trip, the platform guides the request step by step." }, { scene: "Provider matching", visual: "Qualified providers reviewing one complete trip snapshot.", voiceover: "Instead of calling around and repeating the same information, a complete ride request can be reviewed by providers who match the rider’s needs." }, { scene: "Confirmation", visual: "A confirmed ride screen with provider name, pickup window, contact details, and status updates.", voiceover: "Once accepted, everyone can see the pickup window, ride details, provider contact information, quote basis, and trip status in one place." }, { scene: "Closing", visual: "Patient arrives home safely. A family member receives a confirmation update.", voiceover: "MyMedicalRide.com brings structure, clarity, and confidence to medical ride coordination, so riders can get where they need to go with fewer surprises." } ]; function getQuoteSummary(selectedRide, tripType) { const base = selectedRide === "Stretcher" ? 280 : selectedRide === "Wheelchair" ? 125 : 85; return tripType === "Recurring" ? "Route review required" : `$${base} - $${base + 90} estimated`; } const quoteSummaryTests = [ { name: "wheelchair one-way estimate", selectedRide: "Wheelchair", tripType: "One-way", expected: "$125 - $215 estimated" }, { name: "stretcher round-trip estimate", selectedRide: "Stretcher", tripType: "Round trip", expected: "$280 - $370 estimated" }, { name: "recurring route review", selectedRide: "Ambulatory", tripType: "Recurring", expected: "Route review required" }, { name: "long-distance fallback estimate", selectedRide: "Long-distance", tripType: "One-way", expected: "$85 - $175 estimated" }, ]; function runQuoteSummaryTests() { return quoteSummaryTests.map((test) => { const actual = getQuoteSummary(test.selectedRide, test.tripType); return { ...test, actual, passed: actual === test.expected }; }); } function Field({ label, placeholder, type = "text" }) { return ( ); } function DeviceMockup({ selectedRide, tripType, quoteSummary }) { return (
Today
Ride request
Selected ride
ride.name === selectedRide)?.icon || "wheelchair"} className="h-6 w-6 text-sky-300" /> {selectedRide}
Trip
{tripType}
Quote
{quoteSummary}
{[ ["Pickup", "Hospital discharge bay"], ["Drop-off", "Home, front entrance"], ["Access", "5 porch steps noted"], ].map(([label, value]) => (
{label} {value}
))}
3 qualified providers reviewing
); } function RideSelector({ selectedRide, setSelectedRide }) { return (
{rideTypes.map((ride) => { const active = selectedRide === ride.name; return ( ); })}
); } export default function MyMedicalRidePlatform() { const [menuOpen, setMenuOpen] = useState(false); const [selectedRide, setSelectedRide] = useState("Wheelchair"); const [tripType, setTripType] = useState("One-way"); const testResults = useMemo(() => runQuoteSummaryTests(), []); const passedTests = testResults.filter((test) => test.passed).length; const quoteSummary = useMemo(() => getQuoteSummary(selectedRide, tripType), [selectedRide, tripType]); return (
MyMedicalRide.com
{menuOpen && ( )}
Planned medical rides, made clear.

Medical rides.
Without the runaround.

MyMedicalRide.com helps patients, families, facilities, and providers coordinate non-emergency medical transportation with less friction and fewer surprises.

A smarter request flow.

The app collects the details that change vehicle fit, price, timing, and provider availability before the ride is accepted.

{["One-way", "Round trip", "Recurring"].map((type) => ( ))}
Preliminary quote signal
{quoteSummary}

Final pricing depends on provider acceptance, mileage, wait time, equipment, and access details.
Provider matching

One clean trip snapshot. Better provider decisions.

Qualified providers see the same complete request, including mobility, equipment, access, timing, and trip notes. Less phone tag. Better confirmations.

{[ ["NorthStar Mobility", "Wheelchair, door-through-door", "98% fit"], ["CareBridge Transport", "Dialysis recurring routes", "95% fit"], ["Summit Stretcher Team", "Stretcher and bariatric", "93% fit"], ].map(([name, fit, score]) => (
{name}
{fit}
{score}
))}
top of page

Together We Thrive

Local services

We focus on providing exceptional local services tailored to the needs of our community, ensuring customer satisfaction at every step.

Join us today!

Mobile Phone
Purple Angle Sofa

Vision

At mysite, we pride ourselves on being a reliable partner for local communities, dedicated to delivering high-quality services and fostering relationships that matter. Our mission is to ensure that every customer receives personalized attention tailored to their unique needs. We understand the importance of local businesses in strengthening communities, and we aim to support and uplift our neighbors through our heartfelt endeavors and commitment to excellence.

Pastel Sweatshirts
Purple Angle Sofa

Our Service Offerings

Consultation

Our expert consultation services guide you through solving issues effectively and efficiently, addressing your specific needs with tailored strategies.

Shopping Online

Support

Reliable support is just a call away. Our team is here to assist you with any inquiries or challenges you may face in a timely manner.

Pastel Sweatshirts

Training

We offer comprehensive training programs designed to enhance your skills and knowledge, empowering you with the tools needed for success and growth.

Professionals
bottom of page

Built for the whole ride.

A clean platform layer for riders, families, facilities, transportation companies, and admins.

{platformModules.map((module, index) => (

{module.title}

{module.text}

 ))}

The story in 75 seconds.

A focused homepage or ad script that explains what MyMedicalRide.com does without sounding complicated.

{videoScript.map((item, index) => (
Scene {index + 1}
{item.scene}

{item.visual}

“{item.voiceover}”

 ))}

Planned rides only.

MyMedicalRide.com is for non-emergency medical transportation. For a medical emergency, call 911 immediately. The production platform should include clear disclaimers, consent records, role-based access, secure storage, audit trails, and privacy notices.

Prototype checks

Basic checks for quote summary logic.

{passedTests}/{testResults.length} passing
{testResults.map((test) => (
{test.name}
Expected: {test.expected}
Actual: {test.actual}
))}

Ready when the ride matters.

Start with a complete request, match with qualified providers, and keep everyone updated from quote to drop-off.

); }