From 36304da196e7367110c15273688a44b5658b3bf8 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Fri, 13 Oct 2023 21:58:51 +0300
Subject: [PATCH] Update tagline

---
 pages/landing/HeroSection.vue | 32 ++++++++++++++------------------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/pages/landing/HeroSection.vue b/pages/landing/HeroSection.vue
index ca69924a2..a295dd649 100644
--- a/pages/landing/HeroSection.vue
+++ b/pages/landing/HeroSection.vue
@@ -3,9 +3,15 @@
         <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">
                 <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">
-                    <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">
                         <span>Give a Star</span>
                         <i class="pi pi-star-fill ml-3 text-yellow-500"></i>
@@ -41,7 +47,7 @@
                         <div class="box p-4">
                             <div class="flex align-items-center">
                                 <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>
                             </div>
                             <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" />
                                     </span>
                                     <div class="flex flex-column">
-                                        <span class="font-bold mb-2">Amanda Williams</span>
-                                        <p class="m-0 text-secondary">Webmaster</p>
+                                        <span class="font-bold mb-1">Amanda Williams</span>
+                                        <p class="m-0 text-secondary">Administrator</p>
                                     </div>
                                 </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'">
+                                    <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>
                                         <span class="flex flex-column">
                                             <span class="font-bold mb-1">Dashboard</span>
@@ -87,7 +93,7 @@
                                     </a>
                                 </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'">
+                                    <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>
                                         <span class="flex flex-column">
                                             <span class="font-bold mb-1">Inbox</span>
@@ -96,15 +102,6 @@
                                         <Badge value="3" class="ml-auto"></Badge>
                                     </a>
                                 </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>
                         </div>
                         <div class="box p-4">
@@ -174,8 +171,7 @@ export default {
             rangeValues: [20, 80],
             items: [
                 { label: 'Home', icon: 'pi pi-fw pi-home' },
-                { label: 'Calendar', icon: 'pi pi-fw pi-calendar' },
-                { label: 'Settings', icon: 'pi pi-fw pi-cog' }
+                { label: 'Calendar', icon: 'pi pi-fw pi-calendar' }
             ],
             selectButtonOptions: [
                 { name: 'Styled', value: 1 },