Enhanced Web Component - Copy this React, Tailwind Component to your project

Make this page better, more impactful ```import { useParams, useLocation } from "react router dom"; import ResearchLayout from '../../components/hunter/HunterLayout'; import ProgramDetailsHeader from "../../components/hunter/program/ProgramDetailsHeader"; import ProgramDetailsDescription from "../../components/hunter/program/ProgramDetailsDescription"; import BountyTierTable from "../../components/hunter/program/BountyTierTable"; import RulesOfEngagement from "../../components/hunter/program/RulesOfEngagement"; import OutOfScope from "../../components/hunter/program/OutOfScope"; export default function SpecificProgramPage() { const { program_id } = useParams(); console.log(program_id); const locationHook = useLocation(); const data = locationHook.state console.log(data); return ( <ResearchLayout> <ProgramDetailsHeader program={data} /> <ProgramDetailsDescription program={data} /> <BountyTierTable /> <RulesOfEngagement /> <OutOfScope /> </ResearchLayout> ); } ```