> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thesys.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Gallery

> Try these prompts

<div
  className="flex w-full bg-cover bg-center relative"
  style={{
height: "360px",
position: "relative",
}}
>
  <div
    className="absolute inset-0"
    style={{
  backgroundImage: "url('https://app.thesys.dev/static/docs/hero.png')",
  filter: "hue-rotate(270deg) brightness(2.5)",
  zIndex: 0,
  backgroundSize: "cover",
}}
  />

  <div
    className="flex flex-col items-center mx-auto justify-center text-center relative z-10"
    style={{
  gap: "18px",
}}
  >
    <div className="text-3xl font-semibold">Prompt Gallery</div>

    <div className="text-l">
      Explore prompts that cover a range of C1's generative UI capabilities.
    </div>
  </div>
</div>

export const iconColor = "#126e6c";

<section className="mx-auto py-16" style={{ maxWidth: "1080px" }}>
  <CardGroup cols={2}>
    <Card title="Data Visualizer" icon="chart-line" horizontal iconType="duotone" color={iconColor} href="/prompt-gallery/data-visualizer">
      Convert raw data into insightful visualizations with explanations that
      highlight key trends and patterns for better decision-making.
    </Card>

    <Card title="Lawyer On-Call" icon="scale-balanced" horizontal iconType="duotone" color={iconColor} href="/prompt-gallery/lawyer-on-call">
      Simplify complex legal language into clear explanations, with relevant
      citations to the original document.
    </Card>

    <Card title="Travel Planner" icon="location-dot" horizontal iconType="duotone" color={iconColor} href="/prompt-gallery/travel-planner">
      Create personalized itineraries with local recommendations, accommodation
      options, and transportation logistics based on your preferences.
    </Card>

    <Card title="Cooking Assistant" icon="hat-chef" horizontal iconType="duotone" color={iconColor} href="/prompt-gallery/cooking-assistant">
      Transform ingredients into customized recipes, with nutritional
      information and dietary modifications to suit your health goals.
    </Card>

    {/* <Card
            title="Fitness Trainer"
            icon="dumbbell"
            horizontal
            iconType="duotone"
            color={iconColor}
            href="/prompt-gallery/fitness-trainer"
          >
            Design customized workout plans tailored to your fitness level, goals, and
            constraints, with guidance on proper technique and form.
          </Card>
          <Card
            title="Medical Translator"
            icon="stethoscope"
            horizontal
            iconType="duotone"
            color={iconColor}
            href="/prompt-gallery/medical-translator"
          >
            Decode complex medical reports into understandable explanations, clarifying terminology and highlighting key insights about your health.
          </Card> */}
  </CardGroup>
</section>