From 196b79be72d364d98c4920aa929b198de4392a27 Mon Sep 17 00:00:00 2001 From: Izam Mohammed Date: Sun, 10 Mar 2024 12:16:37 +0530 Subject: [PATCH] style: fixed some of the style errors and improved the UI components --- client/src/components/AboutUs/AboutUs.jsx | 52 +- client/src/components/Faq/Faq.jsx | 715 ++++++++++++++++++++ client/src/components/Features/Features.jsx | 280 ++++---- client/src/components/Footer/Footer.jsx | 508 ++------------ client/src/components/Landing/Landing.jsx | 10 +- 5 files changed, 950 insertions(+), 615 deletions(-) create mode 100644 client/src/components/Faq/Faq.jsx diff --git a/client/src/components/AboutUs/AboutUs.jsx b/client/src/components/AboutUs/AboutUs.jsx index 982f383..b475391 100644 --- a/client/src/components/AboutUs/AboutUs.jsx +++ b/client/src/components/AboutUs/AboutUs.jsx @@ -1,3 +1,5 @@ +import { Link } from "react-router-dom"; + export default function AboutUs() { return (

- Brilliant Toolkit to Build Nextgen Website Faster. + What and why Thalia

- The main thrust is to focus on educating attendees on how to - best protect highly vulnerable business applications with - interactive panel discussions and roundtables led by subject - matter experts. + Our vision is to empower women by providing personalized + guidance, reliable learning resources, and a supportive + community, all while prioritizing their safety and + trustworthiness.

- The main thrust is to focus on educating attendees on how to - best protect highly vulnerable business applications with - interactive panel. + We believe that women are like tea bags; their true strength + shines through when faced with challenges. We're here to + empower you. We firmly believe that when women support each + other, amazing things happen.

- Know More - +
@@ -54,19 +57,22 @@ export default function AboutUs() { /> -
-
- - 09 - - - We have - - - Years of experience - + +
+
+ + Join + + + to the wonderful + + + + Community of positivity + +
-
+
diff --git a/client/src/components/Faq/Faq.jsx b/client/src/components/Faq/Faq.jsx new file mode 100644 index 0000000..20361a7 --- /dev/null +++ b/client/src/components/Faq/Faq.jsx @@ -0,0 +1,715 @@ +export default function Faq() { + return ( + <> +
+
+
+
+
+ + It seems good. + +

+ But, ... ? +

+
+
+
+
+
+
+
+ + + + + +
+
+

+ There are many other communities are there. so why Thalia? +

+

+ We have no intention of competing with other communities. + Our sole objective is to address the challenges that women + encounter in society. It's heartening to see other + communities striving towards the same goal. Ultimately, the + fabric of society heavily relies on the contributions of + women. +

+
+
+
+
+ + + + + +
+
+

+ But the Thalia development team is fully male, right ? +

+

+ At first, we thought the same way. But now, our team has + four developers. We realized that having a female team + member isn't crucial as long as we all listen and have + sisters and female friends. Our development team acts as + translators, bringing women's perspectives into the real + world. +

+
+
+
+
+
+
+ + + + + +
+
+

+ Is it possible to create account for male users ? +

+

+ Currently, our website policy doesn't allow male users to + create accounts. If a male user attempts to sign up, they + will be monitored, and our AI bot will likely detect their + actions and block them. +

+
+
+
+
+ + + + + +
+
+

+ Is this an idea only ? +

+

+ No, it's a genuine product that we've developed with + integrity. However, the product isn't perfect yet. We + continue to gather feedback and suggestions from users, + constantly enhancing the app. Please feel free to try it out + for yourself. +

+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + ); +} diff --git a/client/src/components/Features/Features.jsx b/client/src/components/Features/Features.jsx index 8493440..459d166 100644 --- a/client/src/components/Features/Features.jsx +++ b/client/src/components/Features/Features.jsx @@ -1,190 +1,234 @@ +import { Link } from "react-router-dom"; + export default function Features() { return ( -
+
- - Features -

- Main Features Of Play + Core features

-

- There are many variations of passages of Lorem Ipsum available - but the majority have suffered alteration in some form. -

-
-
+
+
- +

- Free and Open-Source + Chatbot (Didi)

- Lorem Ipsum is simply dummy text of the printing and industry. + The app includes a personalised chatbot for you to ask any + questions you want.

- Learn More - +
-
-
+
+
- + + + + + + + + + + + + +

- Multipurpose Template + Community

-

- Lorem Ipsum is simply dummy text of the printing and industry. +

+ Have an incredible community of positive and empowered women, + encouraging support and growth.

- Learn More - +
-
-
+
+
- - - - - - - - - + + + +

- High-quality Design + Informations

- Lorem Ipsum is simply dummy text of the printing and industry. + Discover credible information on mental and physical health to + enhance your well-being and vitality.

- Learn More - +
-
-
+
+
- - - - + + +

- All Essential Elements + Safity

- Lorem Ipsum is simply dummy text of the printing and industry. + Ensure complete safety in chatting and communication. Our + trained AI model detects toxicity in discussions.

- Learn More - +
diff --git a/client/src/components/Footer/Footer.jsx b/client/src/components/Footer/Footer.jsx index 51626b9..9a6c798 100644 --- a/client/src/components/Footer/Footer.jsx +++ b/client/src/components/Footer/Footer.jsx @@ -1,201 +1,22 @@ +import { Link } from "react-router-dom"; import Logo from "../../assets/Logo.svg"; export default function Footer() { return ( <>
-
-
-
-

- logo -

-

- We create digital experiences for brands and companies by - using technology. -

-
-

- - - -

-

- - - -

-

- - - - - -

-

- - - -

-
-
-
-
-
-

- About Us -

-
    -
  • -

    - Home -

    -
    • -
  • -

    - Features -

    -
    • -
  • -

    - About -

    -
    • -
  • -

    - Testimonial -

    -
    • -
-
-
-
-
-

- Features -

-
    -
  • -

    - How it works -

    -
    • -
  • -

    - Privacy policy -

    -
    • -
  • -

    - Terms of Service -

    -
    • -
  • -

    - Refund policy -

    -
    • -
-
-
-
-
-

- Our Products -

-
    -
  • -

    - LineIcons -

    -
    • -
  • -

    - Ecommerce HTML -

    -
    • -
  • -

    - TailAdmin -

    -
    • -
  • -

    - PlainAdmin -

    -
    • -
-
-
-
-
-

- Latest blog -

-
-

-
- blog -
- - I think really important to design with... - -

-

-
- blog -
- - Recognizing the need is the primary... - -

-
-
-
+
+

+ logo +

+

+ "Small acts, when multiplied by millions of people, can transform + the world." +

@@ -205,15 +26,30 @@ export default function Footer() {
-

- Privacy policy -

-

- Legal notice -

-

- Terms of service -

+ + Code of Conduct + + + Contributing + + + LICENCE +
@@ -221,286 +57,18 @@ export default function Footer() {

Designed and Developed by -

- TailGrids and UIdeck -

+ Team Thalia +
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
); diff --git a/client/src/components/Landing/Landing.jsx b/client/src/components/Landing/Landing.jsx index a8756d9..aa56628 100644 --- a/client/src/components/Landing/Landing.jsx +++ b/client/src/components/Landing/Landing.jsx @@ -14,11 +14,13 @@ export default function Landing() { data-wow-delay=".2s" >

- A Platform where community meets empowerment. + “We cannot all succeed when half of us are held back."
+ - Malala Yousafzai

- Welcome to Thalia, your ultimate guide to strength, support, and - sisterhood. + Welcome to Thalia, Here we + are empowering women through proper guidance and a powerful + community.

  • @@ -34,7 +36,7 @@ export default function Landing() { to={"/signup"} className="flex items-center gap-4 rounded-md bg-white/[0.12] px-6 py-[14px] text-base font-medium text-white transition duration-300 ease-in-out hover:bg-primary hover:text-background" > - Siginup + Signup