vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update tagline

pull/4572/head
Cagatay Civici 2023-10-13 21:58:51 +03:00
parent 91220623a9
commit 36304da196
1 changed files with 14 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
pages/landing/HeroSection.vue
View File

@ -3,9 +3,15 @@
<div class="flex flex-wrap"> <div class="flex flex-wrap">
<div class="w-full xl:w-6 flex flex-column justify-content-center lg:pr-8 align-items-center xl:align-items-stretch"> <div class="w-full xl:w-6 flex flex-column justify-content-center lg:pr-8 align-items-center xl:align-items-stretch">
<h1 class="text-6xl font-bold text-center xl:text-left">The Most Complete UI Suite for <span class="font-bold text-primary">Vue.js</span></h1> <h1 class="text-6xl font-bold text-center xl:text-left">The Most Complete UI Suite for <span class="font-bold text-primary">Vue.js</span></h1>
<p class="section-detail xl:text-left text-center px-0 mt-0 mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p class="section-detail xl:text-left text-center px-0 mt-0 mb-5">
Elevate your web applications with PrimeVue's comprehensive suite of customizable, feature-rich UI ecosystem. Craft elegant interfaces effortlessly, and delight your users with smooth interactions and captivating visuals. With
PrimeVue, turning your development vision into reality has never been easier.
</p>
<div class="flex align-items-center gap-3"> <div class="flex align-items-center gap-3">
<PrimeVueNuxtLink to="/installation" class="linkbox active font-semibold py-3 px-4"> Get Started <i class="pi pi-arrow-right ml-3"></i> </PrimeVueNuxtLink> <PrimeVueNuxtLink to="/installation" class="linkbox active font-semibold py-3 px-4">
<span>Get Started</span>
<i class="pi pi-arrow-right ml-3"></i>
</PrimeVueNuxtLink>
<a href="https://github.com/primefaces/primevue" target="_blank" rel="noopener noreferrer" class="linkbox font-semibold py-3 px-4"> <a href="https://github.com/primefaces/primevue" target="_blank" rel="noopener noreferrer" class="linkbox font-semibold py-3 px-4">
<span>Give a Star</span> <span>Give a Star</span>
<i class="pi pi-star-fill ml-3 text-yellow-500"></i> <i class="pi pi-star-fill ml-3 text-yellow-500"></i>
@ -41,7 +47,7 @@
<div class="box p-4"> <div class="box p-4">
<div class="flex align-items-center"> <div class="flex align-items-center">
<Chip label="Vue" class="mr-2 font-medium" /> <Chip label="Vue" class="mr-2 font-medium" />
<span class="font-medium">Typescript</span> <Chip label="Typescript" class="mr-2 font-medium" />
<InputSwitch v-model="switchValue" class="ml-auto"></InputSwitch> <InputSwitch v-model="switchValue" class="ml-auto"></InputSwitch>
</div> </div>
<div class="mt-5 flex justify-content-center"> <div class="mt-5 flex justify-content-center">
@ -73,12 +79,12 @@
<img src="https://primefaces.org/cdn/primevue/images/landing/avatar.png" alt="Avatar" class="w-3rem h-3rem" /> <img src="https://primefaces.org/cdn/primevue/images/landing/avatar.png" alt="Avatar" class="w-3rem h-3rem" />
</span> </span>
<div class="flex flex-column"> <div class="flex flex-column">
<span class="font-bold mb-2">Amanda Williams</span> <span class="font-bold mb-1">Amanda Williams</span>
<p class="m-0 text-secondary">Webmaster</p> <p class="m-0 text-secondary">Administrator</p>
</div> </div>
</li> </li>
<li class="flex"> <li class="flex">
<a class="flex align-items-center p-3 w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'"> <a class="flex align-items-center p-3 border-round w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'">
<i class="pi pi-home text-xl mr-3"></i> <i class="pi pi-home text-xl mr-3"></i>
<span class="flex flex-column"> <span class="flex flex-column">
<span class="font-bold mb-1">Dashboard</span> <span class="font-bold mb-1">Dashboard</span>
@ -87,7 +93,7 @@
</a> </a>
</li> </li>
<li class="flex"> <li class="flex">
<a class="flex align-items-center p-3 w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'"> <a class="flex align-items-center p-3 border-round w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'">
<i class="pi pi-envelope text-xl mr-3"></i> <i class="pi pi-envelope text-xl mr-3"></i>
<span class="flex flex-column"> <span class="flex flex-column">
<span class="font-bold mb-1">Inbox</span> <span class="font-bold mb-1">Inbox</span>
@ -96,15 +102,6 @@
<Badge value="3" class="ml-auto"></Badge> <Badge value="3" class="ml-auto"></Badge>
</a> </a>
</li> </li>
<li class="flex">
<a class="flex align-items-center p-3 w-full hover:surface-hover transition-colors transition-duration-150 cursor-pointer" style="border-radius: '10px'">
<i class="pi pi-cog text-xl mr-3"></i>
<span class="flex flex-column">
<span class="font-bold mb-1">Profile</span>
<span class="m-0 text-secondary">Account Settings</span>
</span>
</a>
</li>
</ul> </ul>
</div> </div>
<div class="box p-4"> <div class="box p-4">
@ -174,8 +171,7 @@ export default {
rangeValues: [20, 80], rangeValues: [20, 80],
items: [ items: [
{ label: 'Home', icon: 'pi pi-fw pi-home' }, { label: 'Home', icon: 'pi pi-fw pi-home' },
{ label: 'Calendar', icon: 'pi pi-fw pi-calendar' }, { label: 'Calendar', icon: 'pi pi-fw pi-calendar' }
{ label: 'Settings', icon: 'pi pi-fw pi-cog' }
], ],
selectButtonOptions: [ selectButtonOptions: [
{ name: 'Styled', value: 1 }, { name: 'Styled', value: 1 },