Wellness Spaces Panels

npx shadcn add "https://beste.dev/r/hotel10?email=YOUR_EMAIL&license_key=YOUR_KEY"

npx shadcn add "https://beste.dev/r-base/hotel10?email=YOUR_EMAIL&license_key=YOUR_KEY"

import { Hotel10, hotel10Demo } from "@/components/beste/block/hotel10";

export default function Page() {
  return <Hotel10 {...hotel10Demo} />;
}

import { Hotel10 } from "@/components/beste/block/hotel10";

export default function Page() {
  return (
    <Hotel10
      eyebrow="Wellness"
      heading="Four quiet rooms for the body."
      description="Open to every guest at no charge. Robes and slippers wait in your room."
      spaces={[
        {
          name: "Hammam",
          description: "A domed stone room with a heated marble platform.",
          details: ["Heated marble", "Private sessions", "10:00 to 20:00"],
          image: { src: "https://oud.pics/b/hotel/ostria-hammam.webp", alt: "A domed stone hammam with light falling through steam" },
        },
        {
          name: "Vaulted pool",
          description: "A long, still pool under a whitewashed vault, warm all year.",
          details: ["16 meters", "Warm all year", "7:00 to 22:00"],
          image: { src: "https://oud.pics/b/hotel/ostria-indoor-pool.webp", alt: "A long indoor pool under a white stone vault" },
        },
        {
          name: "Sea pool",
          description: "The outdoor pool at the edge of the terrace, lit with lanterns at night.",
          details: ["Salt water", "Open late"],
          image: { src: "https://oud.pics/b/hotel/ostria-pool-dusk.webp", alt: "An infinity pool meeting the sea at dusk" },
        },
      ]}
    />
  );
}

type Space = {
  name: string;
  description: string;
  details: string[];
  image: { src: string; alt: string };
};