Contact us page implemented

[zvyaan]

Description

This PR solves the need for a contact page for PearAI. It offers a clean, simple contact page with required fields to fill in, such as first name, last name, email, job title, company name, organisation size, and message to send with the form.

Related Issue

This PR solves #143

Changes Made

• Created a frontend contact form with required & optional fields
• Followed PearAI's design philosophy (e.g taking from the sign in page)
• Implemented a simple backend to send form data into a Supabase table

How to set-up the database

• Create a table called contact with fields: first_name, last_name, email, company_name, organisation_size, job_title, phone_number, message.

• You will need the following policies:
  
  

Optionally, and something I'd highly recommend, is also creating a unique ID column for the table so you're able to delete rows when need be.

Screenshots

Checklist

• I have tagged the issue in this PR.
• I have attached necessary screenshots.
• I have provided a short description of the PR.
• I ran yarn build and build is successful
• My code follows the style guidelines of this project.
• I have added necessary documentation (if applicable)

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
pear-landing-page	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 31, 2024 5:45pm
pear-landing-page-main	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 31, 2024 5:45pm

[vercel]

@Zzzayaan is attempting to deploy a commit to the PearAI Team on Vercel.

A member of the Team first needs to authorize it.

[akash3444]

I recommend using the isSubmitting status provided in formState by react-hook-form to avoid manually setting the update status.

[Fryingpannn]

Btw this is still great and needed! Will increase priority on this as we near our public launch more. Rn gonna keep this in backlog