|
1 | 1 | import Head from 'next/head'; |
| 2 | +import { Badge } from '@/components/lib/badge/Badge'; |
| 3 | +import { Tooltip } from '@/components/lib/tooltip/Tooltip'; |
2 | 4 |
|
3 | 5 | const UIKitPage = (props) => { |
4 | 6 | return ( |
@@ -190,7 +192,9 @@ const UIKitPage = (props) => { |
190 | 192 | </li> |
191 | 193 | <li className="flex align-items-center mb-3"> |
192 | 194 | <i className="pi pi-check-circle text-green-500 mr-2" /> |
193 | | - <span>1 Year Free Updates</span> |
| 195 | + <span className="inline-flex items-center gap-2">1 Year Free Updates <Badge className="badge1" value="?" severity="secondary" data-pr-tooltip="$99 for + 1 Year" style={{ cursor: 'pointer' }} /> |
| 196 | + <Tooltip target=".badge1" /> |
| 197 | + </span> |
194 | 198 | </li> |
195 | 199 | <li className="flex align-items-center mb-3"> |
196 | 200 | <i className="pi pi-check-circle text-green-500 mr-2" /> |
@@ -234,7 +238,9 @@ const UIKitPage = (props) => { |
234 | 238 | </li> |
235 | 239 | <li className="flex align-items-center mb-3"> |
236 | 240 | <i className="pi pi-check-circle text-green-500 mr-2" /> |
237 | | - <span>1 Year Free Updates</span> |
| 241 | + <span className="inline-flex items-center gap-2">1 Year Free Updates <Badge className="badge2" value="?" severity="secondary" data-pr-tooltip="$249 for + 1 Year" style={{ cursor: 'pointer' }} /> |
| 242 | + <Tooltip target=".badge2" /> |
| 243 | + </span> |
238 | 244 | </li> |
239 | 245 | <li className="flex align-items-center mb-3"> |
240 | 246 | <i className="pi pi-check-circle text-green-500 mr-2" /> |
@@ -278,7 +284,9 @@ const UIKitPage = (props) => { |
278 | 284 | </li> |
279 | 285 | <li className="flex align-items-center mb-3"> |
280 | 286 | <i className="pi pi-check-circle text-green-500 mr-2" /> |
281 | | - <span>1 Year Free Updates</span> |
| 287 | + <span className="inline-flex items-center gap-2">1 Year Free Updates <Badge className="badge3" value="?" severity="secondary" data-pr-tooltip="Contact Us" style={{ cursor: 'pointer' }} /> |
| 288 | + <Tooltip target=".badge3" /> |
| 289 | + </span> |
282 | 290 | </li> |
283 | 291 | <li className="flex align-items-center mb-3"> |
284 | 292 | <i className="pi pi-check-circle text-green-500 mr-2" /> |
|
0 commit comments