Company History Rows
beste-ui/about70FreeBlock
A company story told as hairline rows keyed by a light year figure, set against a media column that sticks while they scroll and stacks an image tile floating a live growth metric over a captioned photograph.
Install it
npx shadcn@latest add https://ui.beste.co/r/about70.jsonSource
1"use client";23import { Badge23 } from "@/components/beste/component/badge23";4import type { ReactNode } from "react";5import { Stats16 } from "@/components/beste/piece/stats16";6import { cn } from "@/lib/utils";78interface Badge {9 label: string;10}1112interface TileImage {13 src: string;14 alt: string;15}1617interface Milestone {18 year: string;19 title: string;20 description: string;21 marker?: string;22}2324interface Photo {25 image: TileImage;26 caption: string;27}2829interface About70Props {30 badge?: Badge;31 heading?: string;32 description?: string;33 milestones?: Milestone[];34 closing?: string;35 media?: ReactNode;36 image?: TileImage;37 mediaCaption?: string;38 photo?: Photo;39 className?: string;40}4142export const about70Demo: About70Props = {43 badge: { label: "How we got here" },44 heading: "Six years, one problem, and a lot of very long Tuesdays",45 description:46 "We started by sitting behind a reception desk for a fortnight. Most of what follows came out of that.",47 milestones: [48 {49 year: "2020",50 title: "A fortnight behind the desk",51 description:52 "Two of us spent ten working days at a Bristol practice doing the receptionist's job badly. We came out with a list of forty things that were nobody's fault and everybody's problem.",53 marker: "The beginning",54 },55 {56 year: "2021",57 title: "The first booking anyone else made",58 description:59 "One clinic, one room, and a scheduler that did nothing but avoid double-bookings. It ran for eight months before we added a second feature.",60 },61 {62 year: "2023",63 title: "Records and money in the same product",64 description:65 "Practices kept telling us the scheduler was fine and the rest of their week was not. Billing and records arrived together because separating them was what had broken everything else.",66 },67 {68 year: "2024",69 title: "Multi-site, because groups asked twice",70 description:71 "Four clinics sharing one waiting list turned out to be a different product, not a bigger one. It took a year and a rewrite of how capacity is modelled.",72 },73 {74 year: "2026",75 title: "Eleven practices, thirteen rooms, still no sales team",76 description:77 "Everyone who has bought Sirius spoke to an engineer first. We intend to keep that true for as long as it is possible.",78 marker: "Today",79 },80 ],81 closing:82// … truncated
What it pulls in
npm packages
Files it writes
More from beste-ui
All 1,935 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Team & Missionabout1 | beste-ui | Blocks | Paid | 3 deps | |
| Bento Grid Aboutabout10 | beste-ui | Blocks | Paid | 3 deps | |
| Hero Banner with Avatarsabout11 | beste-ui | Blocks | Paid | 3 deps | |
| Process Stepsabout12 | beste-ui | Blocks | Paid | 3 deps | |
| Company Profileabout13 | beste-ui | Blocks | Paid | 3 deps | |
| Stats Bar with Story Cardabout14 | beste-ui | Blocks | Paid | 3 deps | |
| Letter from the CEOabout15 | beste-ui | Blocks | Paid | 3 deps | |
| Vision Mission Valuesabout16 | beste-ui | Blocks | Paid | 3 deps |
