import { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Textarea } from "@/components/ui/textarea"; import { Slider } from "@/components/ui/slider"; import { Label } from "@/components/ui/label"; import { Calendar } from "@/components/ui/calendar"; import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@/components/ui/accordion"; export default function AudriaScheduler() { const [voice, setVoice] = useState(""); const [message, setMessage] = useState(""); const [link, setLink] = useState(""); const [date, setDate] = useState(new Date()); const [time, setTime] = useState("10:00 AM"); return (

Let’s Make Every Conversation Count.

Adjust the balance between independence and support.

Conversation Engagement Level (Phone)

Based on Audria’s analysis of engagement and behavior patterns.

Caregiver Support Level (You)

Set by you based on doctor input or personal observation.

Smart Scheduling Suggestion

Tailored to the person’s cognitive stage and emotional needs.

Recommended Stage: Mid-stage

Same time, same voice, familiar topics.

How to Use Audria for Mid-Stage Dementia

Keep Calls Consistent: Schedule calls at the same time daily using the same voice.
Use Familiar Topics: Focus on comforting memories—family, pets, or favorite places.
Simple & Reassuring Messages: Short, loving phrases like “You’re safe” or “We love you.”
Upload Familiar Media: Share known photos, videos, or music they enjoy.
Limit Complexity: Use one-way messages or gentle prompts if engagement is low.

Schedule a Moment That Matters

Select Day

Select Time setTime(e.target.value)} />

Select a Voice setVoice(e.target.value)} />

Type a Message

setMessage(e.target.value)}
            />
          </div>

<div>
            <Label>Upload Media</Label>
            <Input type="file" multiple />
          </div>

<div>
            <Label>Share a Link</Label>
            <Input
              placeholder="Paste video, podcast, or article link here…"
              value={link}
              onChange={(e) => setLink(e.target.value)}
            />
          </div>
        </div>

<div className="mt-6 p-4 bg-muted rounded-xl shadow">
          <h4 className="font-medium">Call Summary Preview</h4>
          <p className="text-muted-foreground text-sm mt-2">
            Audria will call Mom on {date.toDateString()} at {time} with a message from you,
            {voice && ` a greeting from ${voice},`} and any shared media or links.
          </p>
        </div>
      </div>

<div className="flex justify-end gap-4 mt-6">
        <Button variant="secondary">Cancel</Button>
        <Button>Save & Schedule</Button>
      </div>
      <p className="text-sm text-muted-foreground mt-2 text-center">
        You can edit or reschedule at any time.
      </p>
    </div>
  );
}
</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

</article>

</main>
      
        <footer class="sections" id="footer-sections" data-footer-sections>

.fe-67464f1e49d17f6f47be4625 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(8,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
}

@media (min-width: 768px) {
  .background-width--inset .fe-67464f1e49d17f6f47be4625 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

.fe-67464f1e49d17f6f47be4625 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

--row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

grid-template-rows: repeat(7,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}

.fe-block-a4ce5a7bf80ae9c08b9b {
    grid-area: 2/2/3/8;
    z-index: 2;

@media (max-width: 767px) {
      
    }
  }

.fe-block-a4ce5a7bf80ae9c08b9b .sqs-block {
    justify-content: flex-start;
  }

.fe-block-a4ce5a7bf80ae9c08b9b .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

@media (min-width: 768px) {
    .fe-block-a4ce5a7bf80ae9c08b9b {
      grid-area: 3/2/5/11;
      z-index: 2;

}

.fe-block-a4ce5a7bf80ae9c08b9b .sqs-block {
      justify-content: flex-start;
    }

.fe-block-a4ce5a7bf80ae9c08b9b .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

.fe-block-a92d87a42f7b22dd6e6b {
    grid-area: 3/2/4/10;
    z-index: 3;

@media (max-width: 767px) {
      
    }
  }

.fe-block-a92d87a42f7b22dd6e6b .sqs-block {
    justify-content: flex-start;
  }

.fe-block-a92d87a42f7b22dd6e6b .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

@media (min-width: 768px) {
    .fe-block-a92d87a42f7b22dd6e6b {
      grid-area: 5/2/7/11;
      z-index: 3;

}

.fe-block-a92d87a42f7b22dd6e6b .sqs-block {
      justify-content: flex-start;
    }

.fe-block-a92d87a42f7b22dd6e6b .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

.fe-block-ae40ca243ff1b682a2ce {
    grid-area: 5/2/6/10;
    z-index: 7;

@media (max-width: 767px) {
      
    }
  }

.fe-block-ae40ca243ff1b682a2ce .sqs-block {
    justify-content: flex-start;
  }

.fe-block-ae40ca243ff1b682a2ce .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

@media (min-width: 768px) {
    .fe-block-ae40ca243ff1b682a2ce {
      grid-area: 5/16/6/20;
      z-index: 7;

}

.fe-block-ae40ca243ff1b682a2ce .sqs-block {
      justify-content: flex-start;
    }

.fe-block-ae40ca243ff1b682a2ce .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

</style><div class="fluid-engine fe-67464f1e49d17f6f47be4625"><div class="fe-block fe-block-a4ce5a7bf80ae9c08b9b"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-a4ce5a7bf80ae9c08b9b"><div class="sqs-block-content">

<div class="sqs-html-content">
  <h2 style="white-space:pre-wrap;">Kaivo Consulting</h2>
</div>

</div></div></div><div class="fe-block fe-block-a92d87a42f7b22dd6e6b"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-a92d87a42f7b22dd6e6b"><div class="sqs-block-content">

<div class="sqs-html-content">
  <p class="" style="white-space:pre-wrap;">Kaivo is an independent technology consultancy based in Boulder, CO. </p>
</div>

</div></div></div><div class="fe-block fe-block-ae40ca243ff1b682a2ce"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-ae40ca243ff1b682a2ce"><div class="sqs-block-content">

<div class="sqs-html-content">
  <p class="" style="white-space:pre-wrap;"><a href="/contact">Contact</a></p>
</div>

</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

</footer>

</div>

</body>
</html>