Partner Agents Side by Side

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

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

import { Realestate80, realestate80Demo } from "@/components/beste/block/realestate80";

export default function Page() {
  return <Realestate80 {...realestate80Demo} />;
}

import { Realestate80 } from "@/components/beste/block/realestate80";

export default function Page() {
  return (
    <Realestate80
      eyebrow="Partner agents"
      heading="Two local agencies also sell Alder Row"
      description="Both offices hold the full brochure, the price list and keys to the show apartment."
      agents={[
        {
          name: "Riverside & Partners",
          office: "14 Mill Lane, opposite the station",
          contact: "Brian Eno",
          role: "Associate director",
          phone: "+44 20 7946 0000",
          email: "[email protected]",
          hours: [
            { days: "Monday to Friday", time: "9:00 to 18:00" },
            { days: "Saturday", time: "10:00 to 16:00" },
          ],
          image: { src: "https://oud.pics/b/realestate/alder-river-walk.webp", alt: "The stone river walk beside the warehouse" },
          button: { label: "Email Riverside & Partners", href: "/contact" },
        },
        {
          name: "Granary Square Estates",
          office: "2 Granary Square, by the park",
          contact: "Max Richter",
          role: "Senior negotiator",
          phone: "+44 20 7946 0000",
          email: "[email protected]",
          hours: [
            { days: "Monday to Friday", time: "8:30 to 18:30" },
            { days: "Saturday", time: "9:00 to 17:00" },
          ],
          image: { src: "https://oud.pics/b/realestate/alder-courtyard-exterior.webp", alt: "The warehouse and the concrete wing around the birch courtyard" },
          button: { label: "Email Granary Square Estates", href: "/contact" },
        },
      ]}
      labels={{ office: "Office", contact: "Your contact", phone: "Phone", email: "Email", hours: "Opening hours" }}
    />
  );
}

type Hours = { days: string; time: string };

type Agent = {
  name: string;
  office: string;
  contact: string;
  role: string;
  phone: string;
  email: string;
  hours: Hours[];
  image?: { src: string; alt: string };
  button: { label: string; href: string };
};

type Labels = {
  office?: string;
  contact?: string;
  phone?: string;
  email?: string;
  hours?: string;
};