const V9ReactThirdSection = ( ) => ( < section className = "mb-12" > < h2 className = "text-2xl font-medium" > How it works ? < /h2> < ul className = "mt-4 pl-6 list-disc" > < li className = "mb-3" > Add your routes in the < span className = "px-1 font-medium" > dashboard / office / data . js < /span> file < /li> < li className = "mb-3" > If your routes don 't exist yet, create your routes in the < span className = "px-1 font-medium" > pages < /span>directory < /li> < li className = "mb-3" > Wrap your routes in < span className = "px-1 font-medium" > app . js < /span> by the < span className = "px-1 font-medium" > DashboardLayout < /span>component < /li> < /ul> < /section>); export default V9ReactThirdSection ;