-
Notifications
You must be signed in to change notification settings - Fork 1
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 #42 from Rituraj67/master
welcome page
- Loading branch information
Showing
16 changed files
with
495 additions
and
314 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
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 was deleted.
Oops, something went wrong.
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
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,60 @@ | ||
import React from 'react' | ||
import { IoIosSend } from "react-icons/io"; | ||
import { MdCancelPresentation } from "react-icons/md"; | ||
import { useDispatch } from 'react-redux'; | ||
import {hide} from '../redux/welcome' | ||
|
||
const About = () => { | ||
const dispatch= useDispatch(); | ||
return ( | ||
<> | ||
<div className=' animate-slideInFromBehind relative flex flex-col gap-4 p-4 rounded-lg shadow-2xl bg-[#c8cc83] w-[80vw] 1_5md:w-[60vw] overflow-auto scrollable-box max-h-[80vh]'> | ||
<div onClick={()=>dispatch(hide())} className=' absolute right-4 top-4 text-2xl'><MdCancelPresentation/></div> | ||
<header className=' w-full text-center text-[#5d610bf8] text-xl xs:text-2xl font-bold font-roboto'> | ||
<span className=''>Welcome to quIET</span> | ||
</header> | ||
<main className=' flex flex-col gap-2 text-[#3e4202f8] font-ubuntu text-sm xs:text-base'> | ||
<div className=''> | ||
Welcome to quIET, a social media platform designed for those who value their privacy and the freedom to express themselves without fear of judgment. We’re thrilled to have you join our community where your thoughts, ideas, and experiences can be shared freely and anonymously. | ||
</div> | ||
<div> | ||
<div className=' xs:text-lg font-semibold'>What is quIET?</div> | ||
<div> | ||
quIET is an anonymous social media platform where users can interact, post comments, and engage in discussions without revealing their true identity as users often face the challenge of balancing their public image with their true thoughts and feelings. In this digital age, where personal data is often at risk, quIET provides a sanctuary where you can be yourself without the pressure of maintaining a public persona. Here, every user is assigned a randomly generated username, ensuring that your real name and email address remain completely private. | ||
</div> | ||
</div> | ||
<div> | ||
<div className=' xs:text-lg font-semibold'>Key Features</div> | ||
<ul className=' list-disc pl-8'> | ||
<li>Each user is given a unique, randomly generated username. Your real name and email address are never displayed, ensuring complete anonymity.</li> | ||
|
||
<li> | ||
Discuss anything from college life and societal critiques to personal stories, or just engage in some light-hearted gossip and observations without the fear of judgment and burden of revealing your identity. | ||
</li> | ||
|
||
<li> | ||
Interact with others, comment on posts, and participate in discussions in a community that values privacy and authenticity. | ||
</li> | ||
|
||
</ul> | ||
|
||
|
||
</div> | ||
|
||
<div className=''> | ||
<div className=' xs:text-lg font-semibold'>A Glimpse Into the quIET Experience</div> | ||
<div> | ||
As a new user, you’ll find that quIET is not just another social media platform. It’s a space where the usual constraints of identity and reputation are lifted, allowing for more genuine and diverse conversations. Whether you’re here to share your thoughts on the latest trends, vent about college life, or engage in serious discussions about social issues, quIET welcomes you with open arms. | ||
</div> | ||
</div> | ||
</main> | ||
|
||
<footer className=' text-[#3e4202f8] flex items-start'> | ||
<div ><span>Thank you for joining quIET. We hope you enjoy your journey of anonymous interaction, where your voice can be as loud or as soft as you want it to be</span> <span className=' font-bold'><span>—just stay quIET</span><IoIosSend className=' inline-block text-xl'/></span>.</div> | ||
</footer> | ||
</div> | ||
</> | ||
) | ||
} | ||
|
||
export default About |
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
Oops, something went wrong.