Create a new slide type for the presentation with component, registration, and example data
The user wants to create a new slide type for a DEHN slide deck presentation. Use $ARGUMENTS to understand what kind of slide they need.
Read the existing patterns to understand the project structure:
src/components/slides/index.jsx for the type registrysrc/data/slides.js for the slide data formatsrc/components/slides/AgendaSlide.jsx) as referenceCreate the slide component at src/components/slides/<Name>Slide.jsx:
dehn-logo-red.svg in top-right (absolute top-8 right-10, h-7 opacity-70)dehn-logo.svg in top-right (absolute top-8 right-10, )h-8 opacity-60{ content, animate } propsanimate-fade-in classes for entrance animationsred-500, red-600) for highlightsRegister the slide in src/components/slides/index.jsx:
slideComponentsAdd example data in src/data/slides.js:
slidesData arraysection nameVerify by running npm run build to ensure no errors
bg-white) for content slidesbg-gradient-to-br from-gray-900 via-gray-900 to-gray-800) for transition/accent slidestext-4xl md:text-5xl font-bold text-gray-900w-20 h-1.5 bg-gradient-to-r from-red-600 to-red-500 rounded-fullbg-gray-50 rounded-2xl p-6 border border-gray-200flex flex-col h-fullp-10 or p-12