Amines UI

Conference registration cycles

Registration windows and a day-of schedule, with a data shape that can be connected to your conference API.

2026 edition · Registration

Amines Design Summit

The Oberoi, BengaluruAsia/Kolkata
Registration in progress

Registration cycles

03 cycles

Early access

Complete

Aug 12 — Sep 20

Ticket price

₹4,900

120 seats

Standard registration

Open now

Sep 21 — Nov 20

Ticket price

₹7,500

240 seats

Last call

Upcoming

Nov 21 — Dec 12

Ticket price

₹9,200

80 seats

Template schedule

Dec 13, 2026
  1. Doors open & check-inArrival
  2. Welcome to the summitOpening
  3. Designing for what comes nextKeynote
  4. Coffee & conversationsBreak
  5. Systems that scale with your teamWorkshop
  6. Lunch & open studioBreak
  7. Closing notes & next stepsClosing

Installation

  1. 1

    Install the component:

    npx your-cli add conference-schedule
  2. 2

    Usage:

    js

    data/conference-schedule.js

    export const data = {  "id": "summit-2026",  "name": "Amines Design Summit",  "edition": "2026 edition",  "timezone": "Asia/Kolkata",  "venue": "The Oberoi, Bengaluru",  "eventDate": "Dec 13, 2026",  "registrationStatus": "Registration in progress",  "cycles": [    {      "id": "early-access",      "name": "Early access",      "dates": "Aug 12 — Sep 20",      "startsAt": "2026-08-12",      "endsAt": "2026-09-20",      "price": "₹4,900",      "capacity": "120 seats",      "status": "Complete",      "tone": "muted"    },    {      "id": "standard",      "name": "Standard registration",      "dates": "Sep 21 — Nov 20",      "startsAt": "2026-09-21",      "endsAt": "2026-11-20",      "price": "₹7,500",      "capacity": "240 seats",      "status": "Open now",      "tone": "active"    },    {      "id": "last-call",      "name": "Last call",      "dates": "Nov 21 — Dec 12",      "startsAt": "2026-11-21",      "endsAt": "2026-12-12",      "price": "₹9,200",      "capacity": "80 seats",      "status": "Upcoming",      "tone": "upcoming"    }  ],  "schedule": [    {      "id": "doors",      "time": "09:00",      "title": "Doors open & check-in",      "type": "Arrival"    },    {      "id": "welcome",      "time": "10:00",      "title": "Welcome to the summit",      "type": "Opening"    },    {      "id": "keynote",      "time": "10:30",      "title": "Designing for what comes next",      "type": "Keynote"    },    {      "id": "break",      "time": "11:15",      "title": "Coffee & conversations",      "type": "Break"    },    {      "id": "workshop",      "time": "11:45",      "title": "Systems that scale with your team",      "type": "Workshop"    },    {      "id": "lunch",      "time": "13:00",      "title": "Lunch & open studio",      "type": "Break"    },    {      "id": "closing",      "time": "16:30",      "title": "Closing notes & next steps",      "type": "Closing"    }  ]};
    jsx

    app/page.jsx

    import ConferenceSchedule from "@/components/ui/ConferenceSchedule";import { data } from "@/data/conference-schedule";export default function Page() {  return <ConferenceSchedule data={data} />;}

Props

PropTypeDefaultDescription
dataConferenceScheduleData—Event details, registration status, event date, registration cycles and the day schedule.