Glow Card

import { GlowCard } from "@/components/card/glow-card"
import { GlowSection } from "@/components/glow/glow-section"
import { CardDescription, CardTitle } from "@/components/ui/card"

// Every word on the page. Change copy here, not in the markup.
const COPY = {
  title: "Everything in one calm place",
  body: "Notes, files and conversations sit side by side.",
} as const

// The card needs the room's light to show its glass; the section is the room.
export default function GlowCardDemo() {
  return (
    <GlowSection
      position="top-right"
      className="grid w-full max-w-md place-items-center rounded-3xl p-10"
    >
      <GlowCard className="w-full">
        <CardTitle>{COPY.title}</CardTitle>
        <CardDescription>{COPY.body}</CardDescription>
      </GlowCard>
    </GlowSection>
  )
}