Skip to content

Commit

Permalink
chore: pricing page updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@helloanoop
helloanoop committed Feb 27, 2024
1 parent 54ca802 commit 2aa2a79
Show file tree
Hide file tree
Showing 3 changed files with 91 additions and 15 deletions.
4 changes: 2 additions & 2 deletions src/pages/buy-golden-edition.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,11 +59,11 @@ export default function BuyGoldenEdition() {
<h2 className="pb-10 text-4xl tracking-tight font-extrabold text-gray-900">Bruno Golden Edition</h2>

<div>
You can <strong>Pre-Order</strong> Golden Edition today at <span className="font-medium"><span className="line-through">$19</span> <span className="text-yellow-600 text-2xl ">$9</span></span> !
You can <strong>Pre-Order</strong> Golden Edition (Individual License) today at <span className="font-medium"><span className="line-through">$19</span> <span className="text-yellow-600 text-2xl ">$9</span></span> !
</div>

<div className='mt-4'>
We expect Golden Edition to be available by 1st March 2024.<br />
We expect Golden Edition to be available by <span className='font-medium'>15th March 2024.</span><br />
For the feature set, please refer to <a href="/pricing" className='link'>pricing page</a>.
</div>

Expand Down
61 changes: 61 additions & 0 deletions src/pages/perpetual-fallback-license.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
import Head from 'next/head';
import Bruno from 'components/Bruno';
import Navbar from 'components/Navbar';
import GlobalStyle from '../globalStyles';

export default function PerpetualLicense() {
return (
<div className="container flex flex-col root buy-golden-edition-page" style={{fontFamily: 'Inter', maxWidth: '1280px'}}>
<Head>
<title>Perpetual License</title>
<link rel="icon" href="/favicon.ico" />
</Head>
<GlobalStyle />

<main className="flex flex-grow flex-col px-4">
<Navbar />

<section className="bg-white pb-10" style={{maxWidth: 800}}>
<h2 className="pb-10 mt-10 text-4xl tracking-tight font-extrabold text-gray-900">Perpetual Fallback License</h2>

<p>
A <span className='font-semibold'>perpetual fallback license</span> is a license that allows you to use a specific version of software without an active subscription for it.
</p>

<p className='mt-4'>
When you purchase a <span className='font-semibold'>Bruno Golden Edition</span> license, you will be able to receive updates and support for <span className='font-semibold'>2 years</span>.
After that, you can continue to use last version of the software you received <span className='font-semibold'>indefinitely</span>. <br />
</p>
<p className='mt-4'>
If you want to receive updates and support after 2 years, you can renew your license at <span className='font-semibold'>60%</span> of the original purchase price.
</p>
<p className='mt-4'>
Our choice to use a perpetual fallback license is to ensure that you can continue to use the Golden Edition features in Bruno even if you decide not to renew your license.
Charging a renewal fee for updates and support after two years ensures our ability to continue to develop and maintain Bruno.
</p>

<p className='mt-8'>
If you have any questions, you can reach us at support@usebruno.com
</p>

<div
className="mt-8 border inline-flex flex py-2 px-4 rounded-lg text-sm"
style={{ maxWidth: "max-content" }}
>
<div className='flex'>
<Bruno width={45}/>
</div>
<div className="ml-3 flex flex-col">
<p>
Golden Edition Pre-Orders available at <span className="line-through">$19</span> <span className="text-yellow-600 text-lg ">$9</span> !
</p>
<p>
<a href="/buy-golden-edition" className="link">Pre-Order Now!</a>
</p>
</div>
</div>
</section>
</main>
</div>
)
};
41 changes: 28 additions & 13 deletions src/pages/pricing.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -140,10 +140,16 @@ export default function Pricing() {
<span className="text-4xl font-extrabold">
{selectedCurrency === 'USD' ? '$19' : '₹1,699'}
</span>
<p className="bg-yellow-200 rounded-md px-2 py-1 ml-2 inline-flex text-xs mt-2">One Time Payment *</p>
<p className="bg-yellow-200 rounded-md px-2 py-1 ml-2 inline-flex text-xs mt-2">One Time Payment</p>
</div>
</div>

<p className="text-sm"><a href="/perpetual-fallback-license" className='link'>Perpetual Fallback License</a> that can be used on 2 devices, with 2 years of updates</p>

<p className="text-xs text-gray-600 mt-2">
The source code for Golden Edition features is proprietary.
</p>

<div className="inline-flex items-center mt-4 bg-gray-200 rounded-full p-1" style={{width: 170}}>
<div
className={`cursor-pointer px-3 flex items-center justify-center rounded-full`}
Expand All @@ -166,9 +172,6 @@ export default function Pricing() {
))
}
</ul>

<p className="text-sm">* Individual licenses are perpetual licenses that can be used on 2 devices, with 2 years of updates</p>

<a
href="/buy-golden-edition"
className="text-white bg-yellow-600 hover:bg-yellow-700 font-medium rounded-lg text-sm px-5 py-2.5 text-center mt-4"
Expand Down Expand Up @@ -205,20 +208,32 @@ export default function Pricing() {
<div>
<div className="my-4 flex items-center">
{selectedCurrency === 'USD' ? (
<div className="my-4 flex items-center">
<span className="text-4xl font-extrabold">$5</span>
<p className='ml-2 mt-2'>/user/month</p>
</div>
<>
<div className="flex items-center">
<span className="text-4xl font-extrabold">$49</span>
<p className='ml-2 mt-2'>/user</p>
</div>
<p className="bg-yellow-200 rounded-md px-2 py-1 ml-2 inline-flex text-xs mt-2">One Time Payment</p>
</>
) : (
<div className="my-4 flex items-center">
<span className="text-4xl font-extrabold">₹449</span>
<p className='ml-2 mt-2'>/user/month</p>
</div>
<>
<div className="my-4 flex items-center">
<span className="text-4xl font-extrabold">₹449</span>
<p className='ml-2 mt-2'>/user</p>
</div>
<p className="bg-yellow-200 rounded-md px-2 py-1 ml-2 inline-flex text-xs mt-2">One Time Payment</p>
</>
)}
</div>
</div>

<div className="inline-flex items-center mt-4 bg-gray-200 rounded-full p-1" style={{width: 200}}>
<p className="text-sm"><a href="/perpetual-fallback-license" className='link'>Perpetual Fallback License</a> that can be used on 1 device per user with 2 years of updates.</p>

<p className="text-xs text-gray-600 mt-2">
The source code for Golden Edition features is proprietary.
</p>

<div className="inline-flex mt-4 items-center bg-gray-200 rounded-full p-1" style={{width: 200}}>
<div
className={`cursor-pointer px-3 flex items-center justify-center rounded-full`}
>
Expand Down

0 comments on commit 2aa2a79

Please sign in to comment.