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 (
<div className='w-full mx-auto px-5 py-10 mb-10'>
<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
</h1>
<h3 className='text-lg font-light leading-8 p-3 mb-5'>
@@ -119,8 +119,10 @@ const Pricing = () => {
</div>
</div>
)}
<div className='max-w-4xl mx-auto md:flex space-x-4'>
<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='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-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'>
<h2 className='text-center font-bold uppercase mb-4'>Personal</h2>
<h3 className='text-center font-bold text-4xl mb-5'>
@@ -159,7 +161,9 @@ const Pricing = () => {
</button>
</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'>
<h2 className='text-center font-bold uppercase mb-4'>Team</h2>
<h3 className='text-center font-bold text-4xl mb-5'>
@@ -208,7 +212,9 @@ const Pricing = () => {
</button>
</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'>
<h2 className='text-center font-bold uppercase mb-4'>Pro</h2>
<h3 className='text-center font-bold text-4xl mb-5'>