Interactive Family Tree - Copy this Html, Tailwind Component to your project

"Design a clean and visually appealing family tree webpage that presents the family lineage in an organized and interactive manner. The design should feature: A vertical or horizontal tree structure with nodes representing family members. Nodes should display basic information such as name, date of birth, and a photo (if available). Smooth lines or connectors between nodes to represent relationships (parent child, siblings). An interactive zoom and pan feature for navigating large family trees. Minimalistic and modern styling using a soft color palette (e.g., pastel colors) with clear typography. Include a toggle option for light and dark modes. Add a search bar to quickly find a family member by name. Optional: Clicking a node can expand more details about that individual (e.g., biography, important dates). Ensure the design is fully responsive for desktop, tablet, and mobile devices."