Align Contact Components and Update it in Home Page

[Saumya40-codes]

Carry Forwards: #11

The work for the contact us section is done with following PRs

• Creating a contact us form Added Contact Us Component #30
• Creating an animation for contacting via different (social media) mediums added animated social media icons #38

Now, we can create a Contact Component where both of this are aligned based on the figma design: https://www.figma.com/design/kHauIvxVeOb8diy8jO6jJd/Website?node-id=0-1&t=VaLTx4vGpSXga6dU-1

Tasks

• Align both ContactUs (see here) and Social media icons component (see here) based on the figma design in to one Contact component
• Do any necessary changes required in the two component itself for the alignment as required in figma (this might include, changing width, height, icon sizes, etc)
• Add this component(Contact) into src/pages/HomePage.jsx

[Aryansukhadia]

@Saumya40-codes can you assign this issue to me?

[Saumya40-codes]

@Saumya40-codes can you assign this issue to me?

👍 You can start with it!