App Layout - Copy this React, Tailwind Component to your project

Header-Section:-App-Title-or-Logo:-Positioned-at-the-top-center-for-branding.-Profile-Icon:-On-the-top-right-corner-for-quick-access-to-user-profile.-Tab-Navigation-(Bottom-Navigation-Bar):-Tabs-at-the-bottom-of-the-screen-for-quick-navigation-between-sections:-Golf-Practice-(Main-focus)-Booking-Promotions-Vouchers-Membership-Registration-Main-Content-Area-(Dynamic-based-on-the-selected-tab):-Each-tab-will-load-its-respective-content-in-the-main-area.-Here's-a-quick-breakdown:-Golf-Practice:-Quick-access-to-practice-sessions,-videos,-or-tips.-Booking:-A-calendar-view-or-list-of-slots-for-booking.-Promotions:-Highlight-deals-and-offers.-Vouchers:-Show-available-vouchers-with-redeem-buttons.-Membership:-Details-about-plans,-renewals,-and-benefits.-Registration:-Forms-for-signing-up-for-events-or-memberships.