fergalmoran/supanextail
1
0
Fork 0
mirror of https://github.com/fergalmoran/supanextail.git synced 2025-12-22 09:17:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve design (pricing page)

Browse Source
This commit is contained in:
Michael
2021-07-25 16:29:20 +02:00
parent f78fddaedb
commit d35c928b6e
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/Pricing.js
View File

@@ -81,7 +81,7 @@ const Pricing = () => {
return ( return (
<div className='w-full mx-auto px-5 py-10 mb-10'> <div className='w-full mx-auto px-5 py-10 mb-10'>
<div className='text-center max-w-xl mx-auto'> <div className='text-center max-w-xl mx-auto'>
<h1 className='text-3xl sm:text-5xl font-bold font-title mb-5'> <h1 className='text-3xl sm:text-4xl font-bold font-title mb-5'>
Pricing Pricing
</h1> </h1>
<h3 className='text-lg font-light leading-8 p-3 mb-5'> <h3 className='text-lg font-light leading-8 p-3 mb-5'>
@@ -119,8 +119,10 @@ const Pricing = () => {
</div> </div>
</div> </div>
)} )}
<div className='max-w-4xl mx-auto md:flex space-x-4'> <div className='max-w-4xl mx-auto md:flex space-x-4 text-base-100'>
<div className='w-full md:w-1/3 md:max-w-none bg-base-200 px-8 md:px-10 py-8 md:py-10 mb-3 mx-auto md:my-6 rounded-md shadow-lg shadow-gray-600 md:flex md:flex-col'> <div
className='w-full md:w-1/3 md:max-w-none bg-base-content px-8 md:px-10 py-8 md:py-10 mb-3
mx-auto md:my-6 rounded-md shadow-lg shadow-gray-600 md:flex md:flex-col'>
<div className='w-full flex-grow'> <div className='w-full flex-grow'>
<h2 className='text-center font-bold uppercase mb-4'>Personal</h2> <h2 className='text-center font-bold uppercase mb-4'>Personal</h2>
<h3 className='text-center font-bold text-4xl mb-5'> <h3 className='text-center font-bold text-4xl mb-5'>
@@ -159,7 +161,9 @@ const Pricing = () => {
</button> </button>
</div> </div>
</div> </div>
<div className='w-full md:w-1/3 md:max-w-none bg-base-200 px-8 md:px-10 py-8 md:py-10 mb-3 mx-auto md:my-6 rounded-md shadow-lg shadow-gray-600 md:flex md:flex-col'> <div
className='w-full md:w-1/3 md:max-w-none bg-base-content px-8 md:px-10 py-8 md:py-10
mb-3 mx-auto md:my-6 rounded-md shadow-lg shadow-gray-600 md:flex md:flex-col'>
<div className='w-full flex-grow'> <div className='w-full flex-grow'>
<h2 className='text-center font-bold uppercase mb-4'>Team</h2> <h2 className='text-center font-bold uppercase mb-4'>Team</h2>
<h3 className='text-center font-bold text-4xl mb-5'> <h3 className='text-center font-bold text-4xl mb-5'>
@@ -208,7 +212,9 @@ const Pricing = () => {
</button> </button>
</div> </div>
</div> </div>
<div className='w-full md:w-1/3 md:max-w-none bg-base-200 px-8 md:px-10 py-8 md:py-10 mb-3 mx-auto md:my-6 rounded-md shadow-lg shadow-gray-600 md:flex md:flex-col'> <div
className='w-full md:w-1/3 md:max-w-none bg-base-content px-8 md:px-10 py-8
md:py-10 mb-3 mx-auto md:my-6 rounded-md shadow-lg shadow-gray-600 md:flex md:flex-col'>
<div className='w-full flex-grow'> <div className='w-full flex-grow'>
<h2 className='text-center font-bold uppercase mb-4'>Pro</h2> <h2 className='text-center font-bold uppercase mb-4'>Pro</h2>
<h3 className='text-center font-bold text-4xl mb-5'> <h3 className='text-center font-bold text-4xl mb-5'>