@@ -14,8 +14,8 @@ const Cost = () => {
14
14
< div className = "w-full md:w-1/2 p-8" >
15
15
< div className = "md:max-w-md" >
16
16
< h2 className = "bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-blue-500 mb-14 lg:mb-52 text-6xl md:text-6xl xl:text-8xl font-bold font-heading tracking-px-n leading-none" > Simple No-tricks Pricing</ h2 >
17
- < h3 className = "mb-6 text-xl text-gray-900 font-semibold leading-normal" > If you're not satisfied, contact us within the first 14 days and we'll send you a full refund.</ h3 >
18
- < p className = "font-medium text-gray-600 leading-relaxed" > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Volut pat tempor condimentum commodo tincidunt sit dictumst. Eu placerat arcu at sem vitae eros, purus non, eu. Adipiscing vitae amet nunc volutpat sit. Enim eu integer duis arcu.</ p >
17
+ < h3 className = "dark:text-gray-200 mb-6 text-xl text-gray-900 font-semibold leading-normal" > If you're not satisfied, contact us within the first 14 days and we'll send you a full refund.</ h3 >
18
+ < p className = "dark:text-gray-400 font-medium text-gray-600 leading-relaxed" > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Volut pat tempor condimentum commodo tincidunt sit dictumst. Eu placerat arcu at sem vitae eros, purus non, eu. Adipiscing vitae amet nunc volutpat sit. Enim eu integer duis arcu.</ p >
19
19
</ div >
20
20
</ div >
21
21
< div className = "w-full md:w-1/2 p-8 " >
@@ -27,47 +27,47 @@ const Cost = () => {
27
27
< svg className = "mr-2" width = "20" height = "20" viewbox = "0 0 20 20" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
28
28
< path d = "M7.5 10L9.16667 11.6667L12.5 8.33333M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke = "#4F46E5" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > </ path >
29
29
</ svg >
30
- < p className = "font-semibold leading-normal" > 3 Team Members </ p >
30
+ < p className = "font-semibold leading-normal" > Coming soon.. </ p >
31
31
</ li >
32
32
< li className = "mb-4 flex items-center" >
33
33
< svg className = "mr-2" width = "20" height = "20" viewbox = "0 0 20 20" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
34
34
< path d = "M7.5 10L9.16667 11.6667L12.5 8.33333M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke = "#4F46E5" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > </ path >
35
35
</ svg >
36
- < p className = "font-semibold leading-normal" > 1200+ UI Blocks </ p >
36
+ < p className = "font-semibold leading-normal" > Coming soon.. </ p >
37
37
</ li >
38
38
< li className = "mb-4 flex items-center" >
39
39
< svg className = "mr-2" width = "20" height = "20" viewbox = "0 0 20 20" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
40
40
< path d = "M7.5 10L9.16667 11.6667L12.5 8.33333M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke = "#4F46E5" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > </ path >
41
41
</ svg >
42
- < p className = "font-semibold leading-normal" > 10 GB Cloud Storage </ p >
42
+ < p className = "font-semibold leading-normal" > Coming soon.. </ p >
43
43
</ li >
44
44
< li className = "mb-4 flex items-center" >
45
45
< svg className = "mr-2" width = "20" height = "20" viewbox = "0 0 20 20" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
46
46
< path d = "M7.5 10L9.16667 11.6667L12.5 8.33333M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke = "#4F46E5" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > </ path >
47
47
</ svg >
48
- < p className = "font-semibold leading-normal" > Individual Email Account </ p >
48
+ < p className = "font-semibold leading-normal" > Coming Soon.. </ p >
49
49
</ li >
50
50
< li className = "flex items-center" >
51
51
< svg className = "mr-2" width = "20" height = "20" viewbox = "0 0 20 20" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
52
52
< path d = "M7.5 10L9.16667 11.6667L12.5 8.33333M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke = "#4F46E5" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" > </ path >
53
53
</ svg >
54
- < p className = "font-semibold leading-normal" > Premium Support </ p >
54
+ < p className = "font-semibold leading-normal" > Coming Soon.. </ p >
55
55
</ li >
56
56
</ ul >
57
57
</ div >
58
- < div className = "p-9 bg-white " >
58
+ < div className = "p-9" >
59
59
< div className = "flex flex-wrap -m-8" >
60
60
< div className = "w-full sm:w-1/2 p-8" >
61
- < span className = "mb-2 inline-block text-sm text-gray-500 font-semibold uppercase tracking-px" > Pro Package</ span >
62
- < p className = "text-gray-900 font-semibold leading-normal" > Best for Startups & Small Businesses</ p >
61
+ < span className = "mb-2 inline-block text-sm dark:text-gray-400 text-gray-500 font-semibold uppercase tracking-px" > Pro Package</ span >
62
+ < p className = "dark:text-white text-gray-900 font-semibold leading-normal" > Best for Startups & Small Businesses</ p >
63
63
</ div >
64
64
< div className = "w-full sm:w-1/2 p-8" >
65
65
< div className = "sm:max-w-max ml-auto" >
66
66
< p className = "font-bold" >
67
- < span className = "text-5xl leading-tight tracking-px-n" > $49 </ span >
68
- < span className = "text-lg text-gray-500 leading-snug tracking-px-n" > /mo</ span >
67
+ < span className = "text-5xl leading-tight tracking-px-n" > $XX </ span >
68
+ < span className = "dark:text-gray-400 text-lg text-gray-500 leading-snug tracking-px-n" > /mo</ span >
69
69
</ p >
70
- < p className = "font-medium text-gray-500 leading-relaxed" > Billed anually</ p >
70
+ < p className = "font-medium dark:text-gray-400 text-gray-500 leading-relaxed" > Billed anually</ p >
71
71
</ div >
72
72
</ div >
73
73
</ div >
@@ -80,26 +80,22 @@ const Cost = () => {
80
80
</ div >
81
81
</ div >
82
82
</ section >
83
- < div class = "container mx-auto" >
83
+ < div className = "container mx-auto" >
84
84
< div
85
- class = " xs:px-10 flex flex-wrap items-center justify-between rounded-lg border border-[#e7e7e7] py-8 px-6 md:px-8 lg:px-10"
85
+ className = "dark:border-gray-700 xs:px-10 flex flex-wrap items-center justify-between rounded-lg border border-[#e7e7e7] py-8 px-6 md:px-8 lg:px-10"
86
86
>
87
- < div class = "w-full md:w-7/12 lg:w-2/3" >
88
- < div class = "mb-6 md:mb-0" >
89
- < h4
90
- class = "xs:text-2xl mb-1 text-xl font-bold text-black md:text-2xl lg:text-2xl"
91
- >
92
- Free Plan
93
- </ h4 >
94
- < p class = "text-body-color text-base font-medium" >
95
- Please, accept these sweeties to continue enjoying our site!
87
+ < div className = "w-full md:w-7/12 lg:w-2/3" >
88
+ < div className = "mb-6 md:mb-0" >
89
+ < h4 className = "dark:text-white xs:text-2xl mb-1 text-xl font-bold text-black md:text-2xl lg:text-2xl" > Free Forever</ h4 >
90
+ < p className = "dark:text-gray-300 text-body-color text-base font-medium" >
91
+ Open-source, free forever, and always will be.
96
92
</ p >
97
93
</ div >
98
94
</ div >
99
- < div class = "w-full md:w-5/12 lg:w-1/3" >
100
- < div class = "flex items-center space-x-3 md:justify-end" >
95
+ < div className = "w-full md:w-5/12 lg:w-1/3" >
96
+ < div className = "flex items-center space-x-3 md:justify-end" >
101
97
< button
102
- class = "focus:ring-blue-300 bg-blue-600 hover:bg-blue-700 inline-flex items-center justify-center rounded-md py-[10px] px-8 text-center text-base font-semibold text-white hover:bg-opacity-90"
98
+ className = "focus:ring-blue-300 bg-blue-600 hover:bg-blue-700 inline-flex items-center justify-center rounded-md py-[10px] px-8 text-center text-base font-semibold text-white hover:bg-opacity-90"
103
99
>
104
100
Start For Free
105
101
</ button >
0 commit comments