Converted all the css to into tailiwind css of HeroBanner page

[subhajit20]

Description of changes

Converted all the css to into tailiwind css of HeroBanner page
Issue - #1725

Issue Resolved

Fixes #NA

Screenshots/GIFs

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
operation-code	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 24, 2023 8:19am
storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 24, 2023 8:19am

[cypress]

1 flaky test on run #4460 ↗︎

0

35

0

0

1

Details:

ensure fullViewportHeight always wins
Project: operation_code	Commit: b557f58c0d
Status: Passed	Duration: 02:53 💡
Started: Sep 24, 2023 8:20 AM	Ended: Sep 24, 2023 8:23 AM

  cypress/e2e/modal.spec.js • 1 flaky test • all tests

View Output Video

Test		Artifacts
when the server responds successfully > closes the modal when the x button is clicked		Output Screenshots Video

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}

[kylemh]

Hey! I added text-shadow support into our Tailwind config using the following blog's instructions: https://www.hyperui.dev/blog/text-shadow-with-tailwindcss

Then I noticed that on the home page HeroBanner was no longer full height, so I needed to add !important to .Container.fullViewportHeight to fix that.

You're really chipping away at this! Thanks so much for the help and I hope you don't mind me slapping these finishing touches on some of the PRs.

[codeclimate]

Code Climate has analyzed commit b557f58 and detected 0 issues on this pull request.

The test coverage on the diff in this pull request is 100.0% (90% is the threshold).

This pull request will bring the total coverage in the repository to 75.7%.

View more on Code Climate.