From 82677c0396e7e26fc42be798a6414bab8cca48a0 Mon Sep 17 00:00:00 2001 From: Bhagya <163407627+Bhagya-Vishwakarma-20@users.noreply.github.com> Date: Thu, 19 Sep 2024 22:24:43 +0530 Subject: [PATCH 1/2] Pricing page --- client/src/components/Footer.tsx | 2 +- client/src/components/Pricing.tsx | 68 +++++++++++++++++++++++++++++++ client/src/router.tsx | 6 ++- 3 files changed, 74 insertions(+), 2 deletions(-) create mode 100644 client/src/components/Pricing.tsx diff --git a/client/src/components/Footer.tsx b/client/src/components/Footer.tsx index 4947598..05749e9 100644 --- a/client/src/components/Footer.tsx +++ b/client/src/components/Footer.tsx @@ -1,5 +1,5 @@ import React from 'react' -import { Github, Facebook, Youtube, Twitter, Instagram, Copyright } from 'lucide-react'; +import { Github, Facebook, Youtube, Twitter, Instagram} from 'lucide-react'; const Footer = () => { return ( diff --git a/client/src/components/Pricing.tsx b/client/src/components/Pricing.tsx new file mode 100644 index 0000000..a53b354 --- /dev/null +++ b/client/src/components/Pricing.tsx @@ -0,0 +1,68 @@ +import React from 'react' + +const Pricing = () => { + return ( +
+
+
+
+

Simple no-tricks pricing

+

Distinctio et nulla eum soluta et neque labore quibusdam. Saepe et quasi iusto modi velit ut non voluptas in. Explicabo id ut laborum.

+
+
+
+

Lifetime membership

+

Lorem ipsum dolor sit amet consect etur adipisicing elit. Itaque amet indis perferendis blanditiis repellendus etur quidem assumenda.

+
+

What’s included

+
+
+
    +
  • + + Private forum access +
    • +
  • + + Member resources +
    • +
  • + + Entry to annual conference +
    • +
  • + + Official member t-shirt +
    • +
+
+
+
+
+

Pay once, own it forever

+

+ $349 + USD +

+ Get access +

Invoices and receipts available for easy company reimbursement

+
+
+
+
+
+
+ +
+ ) +} + +export default Pricing diff --git a/client/src/router.tsx b/client/src/router.tsx index 14be572..f181902 100644 --- a/client/src/router.tsx +++ b/client/src/router.tsx @@ -2,7 +2,7 @@ import { createBrowserRouter } from 'react-router-dom'; import App from './App.tsx'; import CSSBattles from './pages/CSSBattles.tsx'; - +import Pricing from './components/Pricing.tsx'; const router = createBrowserRouter([ { path: '/', @@ -12,6 +12,10 @@ const router = createBrowserRouter([ path : '/CSS-Battles', element: , }, + { + path : '/pricing', + element: , + }, ]); export default router; From 212a4d2476eb9cd3a2e20637460958241e1d8421 Mon Sep 17 00:00:00 2001 From: Bhagya <163407627+Bhagya-Vishwakarma-20@users.noreply.github.com> Date: Tue, 15 Oct 2024 17:31:17 +0530 Subject: [PATCH 2/2] Added Pricing component in LandingPage --- client/src/pages/LandingPage.tsx | 11 ++++++++++- client/src/router.tsx | 5 ----- package-lock.json | 6 ++++++ 3 files changed, 16 insertions(+), 6 deletions(-) create mode 100644 package-lock.json diff --git a/client/src/pages/LandingPage.tsx b/client/src/pages/LandingPage.tsx index 42d06d5..1d94ebd 100644 --- a/client/src/pages/LandingPage.tsx +++ b/client/src/pages/LandingPage.tsx @@ -3,6 +3,7 @@ import { useNavigate } from 'react-router-dom'; import Navbar from '../components/Navbar'; import Testimonial from '../components/Testimonial'; import FAQ_PART from "../components/FAQ_Part" +import Pricing from '@/components/Pricing'; import Footer from '../components/Footer'; const LandingPage: React.FC = () => { @@ -89,7 +90,15 @@ const LandingPage: React.FC = () => {
- {/* Here Starts The Testimonial SECTION // CAUTION :IT CAN BE SHIFTED PLEASE MOVE THE COMMENTS ALONG WITH THE CODE */} + {/* Here ENDs The Testimonial SECTION // CAUTION :IT CAN BE SHIFTED PLEASE MOVE THE COMMENTS ALONG WITH THE CODE */} + + + + {/* Here Starts The Pricing SECTION // CAUTION :IT CAN BE SHIFTED PLEASE MOVE THE COMMENTS ALONG WITH THE CODE */} +
+ +
+ {/* Here ENDs The Pricing SECTION // CAUTION :IT CAN BE SHIFTED PLEASE MOVE THE COMMENTS ALONG WITH THE CODE */} {/* Here Starts The FAQ SECTION // CAUTION :IT CAN BE SHIFTED PLEASE MOVE THE COMMENTS ALONG WITH THE CODE */} diff --git a/client/src/router.tsx b/client/src/router.tsx index f181902..43047ab 100644 --- a/client/src/router.tsx +++ b/client/src/router.tsx @@ -2,7 +2,6 @@ import { createBrowserRouter } from 'react-router-dom'; import App from './App.tsx'; import CSSBattles from './pages/CSSBattles.tsx'; -import Pricing from './components/Pricing.tsx'; const router = createBrowserRouter([ { path: '/', @@ -12,10 +11,6 @@ const router = createBrowserRouter([ path : '/CSS-Battles', element: , }, - { - path : '/pricing', - element: , - }, ]); export default router; diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..5d85566 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "devforces", + "lockfileVersion": 3, + "requires": true, + "packages": {} +}