Services Page - Copy this React, Tailwind Component to your project

Design-a-beautiful,-responsive-webpage-to-showcase-our-services.-Start-with-a-banner-featuring-a-large,-bold-heading-that-says-'Our-Services.'-Beneath-it,-add-a-brief-introduction-of-our-services,-followed-by-a-'Connect-Now'-button-with-a-WhatsApp-icon,-linking-directly-to-our-WhatsApp-number-via-API-for-easy-connection.-The-banner-should-have-stylish-borders-to-enhance-visual-appeal.-Below-the-banner,-add-three-boxes-with-icons,-each-showcasing-a-key-benefit:-'On-Time-Delivery'-'Best-Price'-'1-Month-Support'-Next,-display-individual-service-cards-for-'Web-Development,'-'WordPress-Development,'-'AI-Development,'-'Graphic-Design,'-and-'Data-Entry.'-Each-card-will-include:-An-image-at-the-top-Three-styled-headings:-'Basic,'-'Intermediate,'-and-'Pro'—highlighted-for-emphasis-Separate-these-headings-with-two-horizontal-lines.-For-each-level-(Basic,-Intermediate,-Pro),-include-a-checklist-of-features:-Basic-level:-some-items-with-checkmarks-and-some-with-crosses-Intermediate-level:-more-checkmarks-Pro-level:-all-items-checked-At-the-bottom-of-each-card,-add-a-'Contact-Now'-button-for-user-engagement.-Ensure-all-elements—buttons,-cards,-and-headings—are-visually-appealing,-with-smooth-transitions-and-a-modern-look.