Nutrition Component - Copy this React, Tailwind Component to your project

can you create another 3 samples. This is the color of the background for the whole page and the header ("bg gray 900 text white" : "bg gray 100 text gray 900" (this is for the background of the page, `${isDarkMode ? "bg gray 800" : "bg white"} p 4 shadow md` (this is for the header))