Atlas Aurora

"use client";

import AtlasAurora from "@/components/ui/atlasaurora";

export default function AtlasAuroraDemo() {
  return (
    <AtlasAurora
      style={{
        minHeight: 420,
        display: "grid",
        placeItems: "center",
        borderRadius: 20,
        background:
          "linear-gradient(180deg, oklch(0.25 0.022 272), oklch(0.21 0.018 268))",
        color: "oklch(0.97 0.008 270)",
        fontFamily: "ui-sans-serif, system-ui, sans-serif",
      }}
    >
      <div style={{ textAlign: "center", padding: 24 }}>
        <h1
          style={{
            fontSize: "clamp(28px, 5vw, 48px)",
            fontWeight: 600,
            letterSpacing: "-0.025em",
            margin: 0,
          }}
        >
          Calm, dynamic backdrops.
        </h1>
        <p style={{ opacity: 0.7, marginTop: 12, fontSize: 16 }}>
          Three drifting colour fields, blended with light. Self-contained.
        </p>
      </div>
    </AtlasAurora>
  );
}