#Project Hirearke
<div className="border ">
<h2>Home Page route:'/'</h2>
<div className="children mx-5">
<h3>Children</h3>
<div>
<ul>
<li>HomePageInfo: → route:'/'</li>
<li>UnitHome → route: "/unit-calculator"</li>
<li>PhysicsSolvingHomePage → route: "/physics-calculator"</li>
<li>LawSelectionHomePage → "/find-laws"</li>
<li>AnimationHome → "/playAnimation"</li>
</ul>
</div>
</div>
</div>
</div>
"axios": "^1.4.0",
"moment": "^2.29.4",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-hook-form": "^7.45.2",
"daisyui": "^3.2.1",
"tailwindcss": "^3.3.3"
span: {
color: red;
}