From fc8b8e1898a6f2eebc1abfe8f2c22209fa92d518 Mon Sep 17 00:00:00 2001 From: Rotimi Best Date: Fri, 10 May 2024 08:00:39 +0100 Subject: [PATCH] chore: landing page improvements --- apps/classroomio-com/src/app.css | 6 + .../src/lib/PageSignupCTA/index.svelte | 7 +- .../src/lib/Pricing/Pricing.svelte | 168 ------------------ .../src/routes/pricing/+page.svelte | 2 +- apps/dashboard/src/app.postcss | 5 + .../src/lib/components/Upgrade/Modal.svelte | 2 +- 6 files changed, 18 insertions(+), 172 deletions(-) delete mode 100644 apps/classroomio-com/src/lib/Pricing/Pricing.svelte diff --git a/apps/classroomio-com/src/app.css b/apps/classroomio-com/src/app.css index 84e91325..4c2a94f9 100644 --- a/apps/classroomio-com/src/app.css +++ b/apps/classroomio-com/src/app.css @@ -105,3 +105,9 @@ li { .hero-bg { background-image: url('/hero-bg.svg'); } + +.cio-bg-blue { + background: rgb(2, 51, 189); + background-size: cover; + background: radial-gradient(circle at 50% 100%, rgba(2, 51, 189, 1) 1%, rgb(4, 2, 56) 100%); +} diff --git a/apps/classroomio-com/src/lib/PageSignupCTA/index.svelte b/apps/classroomio-com/src/lib/PageSignupCTA/index.svelte index 9bf9604a..46345efe 100644 --- a/apps/classroomio-com/src/lib/PageSignupCTA/index.svelte +++ b/apps/classroomio-com/src/lib/PageSignupCTA/index.svelte @@ -40,8 +40,11 @@ diff --git a/apps/classroomio-com/src/lib/Pricing/Pricing.svelte b/apps/classroomio-com/src/lib/Pricing/Pricing.svelte deleted file mode 100644 index 813d8baf..00000000 --- a/apps/classroomio-com/src/lib/Pricing/Pricing.svelte +++ /dev/null @@ -1,168 +0,0 @@ - - -
-
-
-

Pricing

-

- For teams and individuals -

-

- Customizable LMS, AI integration for productive educators and many more... -

-
- -
- - -
- Save 2 months -
-
- -
- -
-

- {PLANS.BASIC.NAME} -

-

- {PLANS.BASIC.DESCRIPTION} -

-

- ${PLANS.BASIC.PRICE.MONTHLY} - -

- - {PLANS.BASIC.CTA.LABEL} - -
    - {#each PLANS.BASIC.FEATURES as feature} -
  • - - {feature} -
    • - {/each} -
-
- - -
-

- {PLANS.EARLY_ADOPTER.NAME} -

-

- {PLANS.EARLY_ADOPTER.DESCRIPTION} -

-

- ${isYearlyPlan ? PLANS.EARLY_ADOPTER.PRICE.YEARLY : PLANS.EARLY_ADOPTER.PRICE.MONTHLY} - -

- - {PLANS.EARLY_ADOPTER.CTA.LABEL} - -
    - {#each PLANS.EARLY_ADOPTER.FEATURES as features} -
  • - - {features} -
    • - {/each} -
-
- - -
-

- {PLANS.ENTERPRISE.NAME} -

-

- {PLANS.ENTERPRISE.DESCRIPTION} -

-

- Request Pricing -

- - -
    - {#each PLANS.ENTERPRISE.FEATURES as features} -
  • - - {features} -
    • - {/each} -
-
-
- - -
-
diff --git a/apps/classroomio-com/src/routes/pricing/+page.svelte b/apps/classroomio-com/src/routes/pricing/+page.svelte index 29d3aa72..c688a162 100644 --- a/apps/classroomio-com/src/routes/pricing/+page.svelte +++ b/apps/classroomio-com/src/routes/pricing/+page.svelte @@ -85,7 +85,7 @@ -
+

{PLANS.EARLY_ADOPTER.NAME}

diff --git a/apps/dashboard/src/app.postcss b/apps/dashboard/src/app.postcss index dedecda9..2df30a11 100644 --- a/apps/dashboard/src/app.postcss +++ b/apps/dashboard/src/app.postcss @@ -149,6 +149,11 @@ code { .bx--list-box__menu-item__option { height: fit-content !important; } +.cio-bg-blue { + background: rgb(2, 51, 189); + background-size: cover; + background: radial-gradient(circle at 50% 100%, rgba(2, 51, 189, 1) 1%, rgb(4, 2, 56) 100%); +} @media screen and (max-width: 457px) { .org-slot { diff --git a/apps/dashboard/src/lib/components/Upgrade/Modal.svelte b/apps/dashboard/src/lib/components/Upgrade/Modal.svelte index 5988994e..45c5238c 100644 --- a/apps/dashboard/src/lib/components/Upgrade/Modal.svelte +++ b/apps/dashboard/src/lib/components/Upgrade/Modal.svelte @@ -151,7 +151,7 @@ {#each planNames as planName}