forked from Anjaliavv51/Retro
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request Anjaliavv51#94 from pabitra-kumar/main
fixes Contact section issue Anjaliavv51#92
- Loading branch information
Showing
3 changed files
with
52 additions
and
73 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,66 +1,25 @@ | ||
| import ContactForm from "./ContactForm"; | ||
| import GoogleMap from './GoogleMap'; | ||
| import { ContactText } from "./ContactText"; | ||
| import "./Contact-section.css"; | ||
|
|
||
| const Contact = () => { | ||
| return ( | ||
| <> | ||
| <div id="ContactUs"></div> | ||
| <header className="flex justify-center align-middle my-20 mt-0"> | ||
| <section className="flex flex-col w-full px-[5%] gap-10 justify-center"> | ||
| <header id="ContactUs" className="flex justify-center align-middle mt-20"> | ||
| <h1 className="text-5xl font-bold tracking-wider text-text-black font-monsterrat"> | ||
| Contact Us | ||
| </h1> | ||
| </header> | ||
| <main> | ||
| <div className={"px-5 lg:px-20 text-base lg:text-xl font-medium tracking-wider leading-10"}> | ||
| <div className="mb-10"> | ||
| Hey there ! We love to hear from our Rentalog users ! Whether | ||
| you're looking for answers to your burning questions, or simply | ||
| want to chat about the app, we're all ears. We believe that | ||
| staying connected with our users is key to delivering an exceptional | ||
| experience. That's why we offer a variety of ways for you to | ||
| reach out and get in touch with us. Here's how : <br /> | ||
| </div> | ||
| <div className="mb-10"> | ||
| Email : Send us an email at{" "} | ||
| <span className=" text-primaryGreen font-bold underline"> | ||
| <a href="mailto:[email protected]">[email protected]</a> | ||
| </span> | ||
| , and we'll get back to you as soon as we can. Our support team | ||
| is always happy to help. <br /> | ||
| </div> | ||
| <div className="mb-10"> | ||
| Phone : Prefer to chat over the phone? No problem! Give us a call at{" "} | ||
| <span className=" text-primaryGreen font-bold underline"> | ||
| <a href="tel:+916201577047">+916201577047</a> | ||
| </span> | ||
| , and we'll be more than happy to assist you. <br /> | ||
| </div> | ||
| <div className="mb-10"> | ||
| Address : If you're in the area, we'd love to see you ! | ||
| You can find us at{" "} | ||
| <b>Shaktinagar, Sonebhadra, Uttar Pradesh, 231222.</b> Swing by and | ||
| say hello !<br /> | ||
| </div> | ||
| <div className="mb-10"> | ||
| We're always looking for ways to improve and enhance your | ||
| experience with Rentalog, so we welcome your feedback and | ||
| suggestions. Don't be shy - drop us a line, and let us know | ||
| what's on your mind. <br /> | ||
| </div> | ||
| <div> | ||
| Thanks for choosing Rentalog ! <br /> | ||
| Best regards, | ||
| <br /> | ||
| The Rentalog Team | ||
| </div> | ||
| </div> | ||
| <main className=" flex flex-wrap lg:gap-[5%] gap-[20px] justify-center items-center"> | ||
| <ContactText /> | ||
| <ContactForm /> | ||
| </main> | ||
|
|
||
| <ContactForm /> | ||
|
|
||
| <GoogleMap /> | ||
|
|
||
| </> | ||
| </section> | ||
| ); | ||
| }; | ||
|
|
||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,41 @@ | ||
| import React from 'react' | ||
| import Github from "../../assets/Social-Icons/Github.png"; | ||
| import Insta from "../../assets/Social-Icons/instagram.png"; | ||
| import Twitter from "../../assets/Social-Icons/Twitter.png"; | ||
|
|
||
| export const ContactText = () => { | ||
| return ( | ||
| <section className='flex flex-col gap-[20px] justify-center lg:w-[45%] w-full'> | ||
| <div className=""> | ||
| Hey Rentalog Users, <br /> | ||
| We are always looking forward to hearing from you. | ||
| Please feel free to reach out to us for any queries, suggestions, or | ||
| feedback. <br /> | ||
| We would love to hear from you. <br /> | ||
| <br /> | ||
| Contact us: <br /> | ||
| Email: <a href="mailto:[email protected]" className='font-bold text-primaryGreen underline'> [email protected] </a> <br /> | ||
| Phone: <a href="tel:+916201577047" className='font-bold text-primaryGreen underline'> +91 62015 77047 </a> <br /> | ||
| Address: Shaktinagar, Sonebhadra, UP, 231222 <br /> | ||
| <br /> | ||
| We welcome your input to improve your Rentalog experience. <br /> | ||
| Thank you for choosing Rentalog! <br /> | ||
| Best regards, <br /> | ||
| The Rentalog Team | ||
| </div> | ||
| <div | ||
| className="flex gap-x-12 lg:justify-center justify-start" | ||
| > | ||
| <a href="https://twitter.com/gauravsingh1281"> | ||
| <img src={Twitter} alt="Twitter-logo" className="h-8" /> | ||
| </a> | ||
| <a href="https://github.com/gauravsingh1281"> | ||
| <img src={Github} alt="Github-logo" className="h-8" /> | ||
| </a> | ||
| <a href="https://www.instagram.com/gauravsingh1281"> | ||
| <img src={Insta} alt="Insta-logo" className="h-8" /> | ||
| </a> | ||
| </div> | ||
| </section> | ||
| ) | ||
| } |