Room Collection List

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

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

import { Hotel3, hotel3Demo } from "@/components/beste/block/hotel3";

export default function Page() {
  return <Hotel3 {...hotel3Demo} />;
}

import { Hotel3 } from "@/components/beste/block/hotel3";

export default function Page() {
  return (
    <Hotel3
      eyebrow="Rooms and suites"
      heading="Four ways to wake up by the sea."
      description="Every room is different because the house was never planned."
      link={{ label: "Compare all twelve rooms", href: "/rooms" }}
      rooms={[
        {
          name: "Sea Suite",
          summary: "An arched door opens straight onto the terrace and the cove below.",
          facts: ["42 m²", "Sea view", "2 guests"],
          price: "€480",
          priceUnit: "a night",
          href: "/rooms/sea-suite",
          image: { src: "https://oud.pics/b/hotel/ostria-sea-suite.webp", alt: "A linen bed facing a tall arched window onto the sea" },
        },
        {
          name: "Garden Room",
          summary: "Glass doors to a walled garden and an old olive tree.",
          facts: ["34 m²", "Private garden", "2 guests"],
          price: "€360",
          priceUnit: "a night",
          href: "/rooms/garden-room",
          image: { src: "https://oud.pics/b/hotel/ostria-garden-room.webp", alt: "A bedroom with glass doors open onto a garden terrace" },
        },
      ]}
      labels={{ from: "From" }}
    />
  );
}

type TextLink = {
  label: string;
  href: string;
};

type Room = {
  name: string;
  summary: string;
  facts: string[];
  price: string;
  priceUnit: string;
  href: string;
  image: { src: string; alt: string };
};

type Labels = {
  from?: string;
};