From 75423fbf8614e2a1c7e49745b0b6cebf8686d8f3 Mon Sep 17 00:00:00 2001
From: Atoleanantha <103057343+Atoleanantha@users.noreply.github.com>
Date: Fri, 3 Nov 2023 16:27:19 +0530
Subject: [PATCH 1/9] folder created
---
src/pages/pf-resetpassword'/index.jsx | 0
src/pages/pf-resetpassword'/resetpassword.container.jsx | 0
2 files changed, 0 insertions(+), 0 deletions(-)
create mode 100644 src/pages/pf-resetpassword'/index.jsx
create mode 100644 src/pages/pf-resetpassword'/resetpassword.container.jsx
diff --git a/src/pages/pf-resetpassword'/index.jsx b/src/pages/pf-resetpassword'/index.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/pf-resetpassword'/resetpassword.container.jsx b/src/pages/pf-resetpassword'/resetpassword.container.jsx
new file mode 100644
index 0000000..e69de29
From ee9c5ef7335705bdfb18e2e11c8fc4c4ac0a61ac Mon Sep 17 00:00:00 2001
From: Atoleanantha <103057343+Atoleanantha@users.noreply.github.com>
Date: Fri, 3 Nov 2023 16:49:06 +0530
Subject: [PATCH 2/9] reset passwor page created
---
src/pages/pf-resetpassword'/index.jsx | 4 +
.../resetpassword.container.jsx | 87 +++++++++++++++++++
.../resetpassword.module.css | 3 +
3 files changed, 94 insertions(+)
create mode 100644 src/pages/pf-resetpassword'/resetpassword.module.css
diff --git a/src/pages/pf-resetpassword'/index.jsx b/src/pages/pf-resetpassword'/index.jsx
index e69de29..5738e4d 100644
--- a/src/pages/pf-resetpassword'/index.jsx
+++ b/src/pages/pf-resetpassword'/index.jsx
@@ -0,0 +1,4 @@
+import {ResetPassword } from "./resetpassword.container";
+
+
+export default ResetPassword;
\ No newline at end of file
diff --git a/src/pages/pf-resetpassword'/resetpassword.container.jsx b/src/pages/pf-resetpassword'/resetpassword.container.jsx
index e69de29..84262cc 100644
--- a/src/pages/pf-resetpassword'/resetpassword.container.jsx
+++ b/src/pages/pf-resetpassword'/resetpassword.container.jsx
@@ -0,0 +1,87 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { useFormik } from 'formik';
+import logo_icon_64 from '../../assets/images/logo-icon-64.png';
+import style from "./resetpassword.module.css"
+
+const ResetPassword = () => {
+ const formik = useFormik({
+ initialValues: {
+ email: '',
+ },
+ validate: (values) => {
+ const errors = {};
+
+ if (!values.email) {
+ errors.email = 'Email is required*';
+ } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)) {
+ errors.email = 'Invalid email address*';
+ }
+
+ return errors;
+ }
+
+ });
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
Reset Your Password
+
+
+ Please enter your email address. You will receive a link to create a new password via email.
+
+
+
+
+
+
+
+ >
+ );
+};
+
+export { ResetPassword };
diff --git a/src/pages/pf-resetpassword'/resetpassword.module.css b/src/pages/pf-resetpassword'/resetpassword.module.css
new file mode 100644
index 0000000..dafb497
--- /dev/null
+++ b/src/pages/pf-resetpassword'/resetpassword.module.css
@@ -0,0 +1,3 @@
+.red{
+ color: red;
+}
\ No newline at end of file
From a9139d05e04ea666495eb1712b3c841d8f2ab10c Mon Sep 17 00:00:00 2001
From: Vedansh Mehra
Date: Sat, 4 Nov 2023 01:49:45 +0530
Subject: [PATCH 3/9] added forgot password page
---
.../forgot-password.container.jsx} | 49 ++++++++++---------
.../forgot-password.module.css} | 0
src/pages/pf-forgot-password/index.jsx | 3 ++
src/pages/pf-login/login.container.jsx | 10 ++--
src/pages/pf-resetpassword'/index.jsx | 4 --
src/routes/routes.jsx | 5 ++
src/routes/urls.js | 1 +
7 files changed, 39 insertions(+), 33 deletions(-)
rename src/pages/{pf-resetpassword'/resetpassword.container.jsx => pf-forgot-password/forgot-password.container.jsx} (73%)
rename src/pages/{pf-resetpassword'/resetpassword.module.css => pf-forgot-password/forgot-password.module.css} (100%)
create mode 100644 src/pages/pf-forgot-password/index.jsx
delete mode 100644 src/pages/pf-resetpassword'/index.jsx
diff --git a/src/pages/pf-resetpassword'/resetpassword.container.jsx b/src/pages/pf-forgot-password/forgot-password.container.jsx
similarity index 73%
rename from src/pages/pf-resetpassword'/resetpassword.container.jsx
rename to src/pages/pf-forgot-password/forgot-password.container.jsx
index 84262cc..06aa173 100644
--- a/src/pages/pf-resetpassword'/resetpassword.container.jsx
+++ b/src/pages/pf-forgot-password/forgot-password.container.jsx
@@ -1,26 +1,21 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { useFormik } from 'formik';
-import logo_icon_64 from '../../assets/images/logo-icon-64.png';
-import style from "./resetpassword.module.css"
+import React from "react";
+import { Link } from "react-router-dom";
+import { useFormik } from "formik";
+import logo_icon_64 from "../../assets/images/logo-icon-64.png";
+import style from "./forgot-password.module.css";
+import { validateEmail } from "../../utils/validation";
+import { URLs } from "../../routes/urls";
-const ResetPassword = () => {
+const ForgotPassword = () => {
const formik = useFormik({
initialValues: {
- email: '',
+ email: "",
},
validate: (values) => {
const errors = {};
-
- if (!values.email) {
- errors.email = 'Email is required*';
- } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)) {
- errors.email = 'Invalid email address*';
- }
-
+ errors.email = validateEmail(values?.email);
return errors;
- }
-
+ },
});
return (
@@ -33,19 +28,22 @@ const ResetPassword = () => {
-
Reset Your Password
+
+ Forgot Your Password?
+
- Please enter your email address. You will receive a link to create a new password via email.
+ Please enter your email address. You will receive a link to
+ create a new password via email.
+
+
+
+
+ Trusted by more than 10K users
+
+
+
+ Start working with Tailwind CSS that can provide everything you need
+ to generate awareness, drive traffic, connect.
+
+
+
+
+
+
+ K+
+
+
+ Cards Sold
+
+
+
+
+
+ K+
+
+
Happy Customers
+
+
+
+ M+
+
+
+ In Card Value
+
+
+
+
@@ -169,7 +209,7 @@ const Homepage = () => {
>
- );
-};
+ )
+}
-export { Homepage };
+export { Homepage }
From 83a1927b83b3fc540cd8beeda554d4dfbb7dc670 Mon Sep 17 00:00:00 2001
From: Vedansh Mehra
Date: Sat, 4 Nov 2023 00:56:37 +0530
Subject: [PATCH 5/9] changed social proof text to 10k customers
---
src/pages/pf-home/homepage.container.jsx | 61 ++++++++++++------------
1 file changed, 31 insertions(+), 30 deletions(-)
diff --git a/src/pages/pf-home/homepage.container.jsx b/src/pages/pf-home/homepage.container.jsx
index d014a4c..6a0797e 100644
--- a/src/pages/pf-home/homepage.container.jsx
+++ b/src/pages/pf-home/homepage.container.jsx
@@ -1,15 +1,15 @@
-import { faqData } from "../../data/faq"
-import PFAccordion from "../../component/pf-accordion"
-import { featuresData } from "../../data/features"
-import * as Icon from "react-feather"
-import { Link } from "react-router-dom"
-import PFButton from "../../component/pf-button"
-import { AiFillCreditCard } from "react-icons/ai"
-import { PiCardholder } from "react-icons/pi"
-import Testimonials from "../../component/pf-testimonials"
-import Carousel from "../../component/pf-carousel"
-import { bannerData } from "../../data/home-banner.js"
-import CountUp from 'react-countup';
+import { faqData } from "../../data/faq";
+import PFAccordion from "../../component/pf-accordion";
+import { featuresData } from "../../data/features";
+import * as Icon from "react-feather";
+import { Link } from "react-router-dom";
+import PFButton from "../../component/pf-button";
+import { AiFillCreditCard } from "react-icons/ai";
+import { PiCardholder } from "react-icons/pi";
+import Testimonials from "../../component/pf-testimonials";
+import Carousel from "../../component/pf-carousel";
+import { bannerData } from "../../data/home-banner.js";
+import CountUp from "react-countup";
const bannerCarouselSettings = {
container: ".tiny-three-item",
@@ -28,7 +28,7 @@ const bannerCarouselSettings = {
items: 1,
},
},
-}
+};
const Homepage = () => {
return (
<>
@@ -74,7 +74,7 @@ const Homepage = () => {
{featuresData.map((item, index) => {
- let Icons = item.icon
+ let Icons = item.icon;
return (
{
- )
+ );
})}
-
+
- Trusted by more than 10K users
+ Trusted by more than 10K customers
@@ -120,27 +120,28 @@ const Homepage = () => {
- K+
+
+ K+
-
- Cards Sold
-
+
Cards Sold
- K+
+
+ K+
-
Happy Customers
+
+ Happy Customers
+
- M+
+
+ M+
-
- In Card Value
-
+
In Card Value
@@ -209,7 +210,7 @@ const Homepage = () => {
>
- )
-}
+ );
+};
-export { Homepage }
+export { Homepage };
From 2992e9fe55b7b8d026e51bc46ff42e22ebbf9946 Mon Sep 17 00:00:00 2001
From: rituraj singh
Date: Fri, 3 Nov 2023 22:49:59 +0530
Subject: [PATCH 6/9] complete the task -paymentconfirmation page
---
src/assets/icons/check-circle.svg | 1 +
src/pages/pf-order-confirmation/index.jsx | 3 ++
.../order-confirmation.container.jsx | 51 +++++++++++++++++++
.../order-confirmation.module.css | 11 ++++
src/pages/sample/index.jsx | 10 ++--
5 files changed, 72 insertions(+), 4 deletions(-)
create mode 100644 src/assets/icons/check-circle.svg
create mode 100644 src/pages/pf-order-confirmation/index.jsx
create mode 100644 src/pages/pf-order-confirmation/order-confirmation.container.jsx
create mode 100644 src/pages/pf-order-confirmation/order-confirmation.module.css
diff --git a/src/assets/icons/check-circle.svg b/src/assets/icons/check-circle.svg
new file mode 100644
index 0000000..7f1eebd
--- /dev/null
+++ b/src/assets/icons/check-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/pages/pf-order-confirmation/index.jsx b/src/pages/pf-order-confirmation/index.jsx
new file mode 100644
index 0000000..9f841f2
--- /dev/null
+++ b/src/pages/pf-order-confirmation/index.jsx
@@ -0,0 +1,3 @@
+import {OrderConfirmation} from "./order-confirmation.container";
+
+export default OrderConfirmation;
\ No newline at end of file
diff --git a/src/pages/pf-order-confirmation/order-confirmation.container.jsx b/src/pages/pf-order-confirmation/order-confirmation.container.jsx
new file mode 100644
index 0000000..feb0c69
--- /dev/null
+++ b/src/pages/pf-order-confirmation/order-confirmation.container.jsx
@@ -0,0 +1,51 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import { FiThumbsUp } from "../../assets/icons/icons";
+import styles from "./order-confirmation.module.css";
+function OrderConfirmation() {
+ return (
+ <>
+
+
+
+
+
+
+
+
+ Payment Submitted
+
+
+
+
+
Order number :
+
Email Address :
+
Payment Method :Bitcoin(BTC)
+
+
+
+
+
+ Launch your campaign and benefit from our expertise on designing
+ and managing conversion centered Tailwind x3 html page.
+