Featured Posts - Copy this React, Tailwind Component to your project

"Create-a-responsive-and-modern-'Featured-Posts'-section-for-a-blog-website-with-the-following-design-specifications-and-layout-structure:**-General-Layout-Section-Title:-Display-a-title-at-the-top-left-corner:-'Featured-Post'.-Add-a-small-blue-circular-dot-next-to-the-title-as-a-decorative-accent.-Use-a-clean,-sans-serif-font-style-for-the-title,-such-as-'Poppins'-or-'Roboto',-with-bold-weight.-Category-Filter-Bar:-Directly-below-the-section-title,-add-a-horizontal-category-filter-bar.-Include-the-following-categories:-'All',-'Fashion',-'Travel',-'Food',-and-'Health'.-The-'All'-filter-should-be-highlighted-with-a-blue-background-and-white-text-to-indicate-it-is-active.-Use-rounded-corners-for-the-category-filter-buttons,-with-a-hover-effect-that-changes-the-background-color-to-light-gray-for-inactive-filters.-Main-Featured-Post-(Left-Panel)-Position:-On-the-left-side-of-the-section.-Image-Display:-Show-a-large,-high-quality-rectangular-image.-Aspect-ratio-should-be-around-4:3-to-maintain-balance.-The-image-should-stretch-to-fill-the-allocated-space-while-maintaining-its-aspect-ratio.-Overlay-Content:-Add-a-category-label-at-the-top-left-corner-of-the-image.-For-example:-Text:-'Adventure'-Style:-Blue-background-with-white-text,-rounded-corners,-small-padding-(e.g.,-5px-10px).-Include-a-post-title-beneath-the-category-label:-Example:-'Are-You-Ready-For-Discover-Sea-Diving'.-Style:-Large,-bold-font-(e.g.,-24px)-with-white-text.-Below-the-title,-display-metadata-about-the-post:-Author:-'By-Admin'-with-a-small-user-icon-next-to-it.-Date:-'August-30,-2024'-with-a-small-calendar-icon-next-to-it.-Font-size:-Small-and-unobtrusive-(e.g.,-14px),-with-a-subtle-shadow-effect-for-readability-against-the-image.-Additional-Posts-Grid-(Right-Panel)-Position:-On-the-right-side-of-the-section.-Structure:-Arrange-the-additional-posts-in-a-2-column-grid,-with-3-rows-of-smaller-post-cards-(total-of-6-posts).-Ensure-consistent-spacing-(e.g.,-15px)-between-cards.-Each-Post-Card:-Thumbnail-Image:-Display-a-small-rectangular-image-at-the-top-of-each-card.-Aspect-ratio-around-16:9-for-visual-consistency.-Category-Label:-Position-the-label-at-the-top-left-corner-of-the-thumbnail-(similar-to-the-main-featured-post).-Example-categories:-'Wildlife',-'Wedding',-'Nature'.-Post-Title:-Place-the-title-below-the-thumbnail.-Example:-'You-Ready-For-Discover-Sea-Diving-Position'.-Style:-Medium-font-size-(e.g.,-16px),-bold,-and-black-text.-Date:-Show-the-date-below-the-title-in-smaller-font-size-(e.g.,-12px)-with-a-subtle-gray-color.-Include-a-small-calendar-icon-to-the-left-of-the-date-text-for-visual-hierarchy.-Styling-&-Aesthetics-Typography:-Use-modern,-legible-sans-serif-fonts-(e.g.,-'Poppins',-'Roboto').-Bold-weights-for-titles-and-subtle,-lighter-weights-for-metadata.-Ensure-all-text-is-aligned-properly-for-clean-visual-hierarchy.-Color-Palette:-Background:-Pure-white-(#FFFFFF).-Text:-Black-(#000000)-for-primary-text,-gray-(#6C757D)-for-secondary-text-(e.g.,-dates-and-metadata).-Accent-Color:-Blue-(#007BFF)-for-active-elements-(e.g.,-category-labels,-active-filter).-Spacing:-Add-ample-padding-around-the-section-(e.g.,-20px).-Maintain-consistent-spacing-between-all-elements-(e.g.,-15px-between-grid-items).-Hover-Effects:-For-thumbnails:-Slight-zoom-in-effect-on-hover.-For-category-buttons:-Background-changes-to-light-gray-(#F8F9FA)-with-a-smooth-transition-(e.g.,-0.2s-ease).-Responsiveness:-For-desktop-screens,-maintain-the-layout-as-described:-featured-post-on-the-left-and-additional-posts-in-a-grid-on-the-right.-For-tablets,-stack-the-sections-vertically:-featured-post-on-top-and-additional-posts-below.-For-mobile-devices,-display-a-single-column-layout-with-all-posts-stacked-vertically.-Sample-Content-Use-the-following-sample-data-for-demonstration:-Main-Featured-Post:-Image:-A-woman-hiking-with-a-mountain-backdrop.-Category:-'Adventure'.-Title:-'Are-You-Ready-For-Discover-Sea-Diving'.-Author:-'By-Admin'.-Date:-'August-30,-2024'.-Additional-Posts:-Example-categories:-'Wildlife',-'Wedding',-'Nature'.-Titles:-Vary-titles-for-diversity,-e.g.,-'Getting-Nervous-Each-Day',-'What-Your-Groom-Really-Wants',-etc.-Dates:-Use-the-same-date-('August-30,-2024')-for-all-posts.