diff --git a/app/public-area/components/hero.tsx b/app/public-area/components/hero.tsx index 93af6bd..1e3b880 100644 --- a/app/public-area/components/hero.tsx +++ b/app/public-area/components/hero.tsx @@ -23,6 +23,18 @@ export default function Hero() {

+ +
+ + Free trial + + + No credit card required + + + Cancel anytime + +
diff --git a/app/public-area/components/testimonials.module.css b/app/public-area/components/testimonials.module.css new file mode 100644 index 0000000..f2d8e84 --- /dev/null +++ b/app/public-area/components/testimonials.module.css @@ -0,0 +1,53 @@ +.location { + opacity: 0; + position: absolute; + margin-left: auto; + margin-right: auto; + left: 0; + right: 0; +} + +.location:nth-child(1) { + animation: quotefade 14s 0s infinite linear; +} + +.location:nth-child(2) { + animation: quotefade 14s 2s infinite linear; +} + +.location:nth-child(3) { + animation: quotefade 14s 4s infinite linear; +} + +.location:nth-child(4) { + animation: quotefade 14s 6s infinite linear; +} + +.location:nth-child(5) { + animation: quotefade 14s 8s infinite linear; +} + +.location:nth-child(6) { + animation: quotefade 14s 10s infinite linear; +} +.location:nth-child(7) { + animation: quotefade 14s 12s infinite linear; +} + +@keyframes quotefade { + 0% { + opacity: 0; + } + 2% { + opacity: 1; + } + 12% { + opacity: 1; + } + 14% { + opacity: 0; + } + 100% { + opacity: 0; + } +} diff --git a/app/public-area/components/testimonials.tsx b/app/public-area/components/testimonials.tsx new file mode 100644 index 0000000..9c6c393 --- /dev/null +++ b/app/public-area/components/testimonials.tsx @@ -0,0 +1,22 @@ +import styles from "./testimonials.module.css"; + +export default function Testimonials() { + return ( +
+
+

+ Trusted by digital nomads in +

+ Bali + Tulum + Tbilissi + Bansko + Zanzibar + Mauritius + Amsterdam +
+

+
+
+ ); +} diff --git a/app/public-area/pages/open-metrics.tsx b/app/public-area/pages/open.tsx similarity index 100% rename from app/public-area/pages/open-metrics.tsx rename to app/public-area/pages/open.tsx diff --git a/app/public-area/pages/pricing.tsx b/app/public-area/pages/pricing.tsx index 22e77fe..b629800 100644 --- a/app/public-area/pages/pricing.tsx +++ b/app/public-area/pages/pricing.tsx @@ -18,16 +18,6 @@ const paidFeatures = [ const pricing = { tiers: [ - { - title: "Free", - price: 0, - frequency: "", - description: "The essentials to let you try Shellphone.", - features: ["SMS (send only)"], - unavailableFeatures: paidFeatures.slice(1), - cta: "Join waitlist", - yearly: false, - }, { title: "Yearly", price: 12.5, @@ -54,15 +44,18 @@ const pricing = { const Pricing: BlitzPage = () => { return (
-
-

- Simple no-tricks pricing +
+

+ Simple, no-tricks pricing

-

- One affordable and transparent plan that includes everything you need. +

+ Our straightforward, all-inclusive pricing.

-
+

+ Start a free trial with the essentials features to discover Shellphone — no credit card required +

+
{pricing.tiers.map((tier) => (
{

) : null}

- {tier.price}€ + {tier.price}€ {tier.frequency}

{tier.yearly ? ( @@ -94,27 +87,13 @@ const Pricing: BlitzPage = () => { {feature} ))} - {tier.unavailableFeatures.map((feature) => ( -
  • - - {~feature.indexOf("(coming soon)") - ? feature.slice(0, feature.indexOf("(coming soon)")) - : feature} - -
  • - ))}
    Panelbear.track("redirect-to-join-waitlist")} - className={clsx( - tier.yearly - ? "bg-rebeccapurple-500 text-white hover:bg-rebeccapurple-600" - : "bg-rebeccapurple-50 text-rebeccapurple-700 hover:bg-rebeccapurple-100", - "mt-8 block w-full py-3 px-6 border border-transparent rounded-md text-center font-medium", - )} + className="bg-rebeccapurple-500 text-white hover:bg-rebeccapurple-600 mt-8 block w-full py-3 px-6 border border-transparent rounded-md text-center font-medium" > {tier.cta}