rename folder

src/AppMenu.vue

@@ -1,7 +1,7 @@
 <template>
     <div :class="['layout-sidebar', {'active': active}]">
         <router-link to="/" class="logo">
-            <img :src="'demo/images/landing-new/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo"/>
+            <img :src="'demo/images/landing/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo"/>
         </router-link>
         <div class="layout-sidebar-filter p-fluid">
             <AutoComplete v-model="selectedRoute" :suggestions="filteredRoutes" @complete="searchRoute($event)" @item-select="onItemSelect($event)" scrollHeight="300px" placeholder="Search" 

src/views/landing/BlockSection.vue

@@ -13,7 +13,7 @@
                 <div class="prime-block flex align-self-stretch p-1">
                     <div class="block-sidebar w-1 p-3">
                         <div class="logo">
-                            <img src="demo/images/landing-new/blocks/logo-1.svg" alt="block logo" />
+                            <img src="demo/images/landing/blocks/logo-1.svg" alt="block logo" />
                         </div>
                         <div class="sidebar-menu mt-5">
                             <div class="bar w-8 my-3"></div>
@@ -106,7 +106,7 @@
                 <div class="prime-block p-1 flex align-self-stretch flex-column">
                     <div class="block-header py-3 px-4 flex justify-content-between align-items-center">
                         <div class="logo pr-5">
-                            <img src="demo/images/landing-new/blocks/logo-1.svg" alt="block logo" />
+                            <img src="demo/images/landing/blocks/logo-1.svg" alt="block logo" />
                         </div>
                         <div class="flex-auto sidebar-menu flex">
                             <div class="bar w-2rem mx-2"></div>
@@ -148,7 +148,7 @@
                 <div class="prime-block flex align-self-stretch p-1">
                     <div class="block-sidebar p-3">
                         <div class="logo">
-                            <img src="demo/images/landing-new/blocks/logo-2.svg" alt="block logo" />
+                            <img src="demo/images/landing/blocks/logo-2.svg" alt="block logo" />
                         </div>
                         <div class="sidebar-menu mt-5">
                             <div class="circle my-3"></div>
@@ -214,7 +214,7 @@
                 <div class="prime-block flex align-self-stretch p-1">
                     <div class="block-sidebar w-1 p-3">
                         <div class="logo">
-                            <img src="demo/images/landing-new/blocks/logo-1.svg" alt="block logo" />
+                            <img src="demo/images/landing/blocks/logo-1.svg" alt="block logo" />
                         </div>
                         <div class="sidebar-menu mt-5">
                             <div class="bar w-8 my-3"></div>
@@ -278,7 +278,7 @@
                 <div class="prime-block  flex align-self-stretch p-1">
                     <div class="block-sidebar p-3">
                         <div class="logo">
-                            <img src="demo/images/landing-new/blocks/logo-2.svg" alt="block logo" />
+                            <img src="demo/images/landing/blocks/logo-2.svg" alt="block logo" />
                         </div>
                         <div class="sidebar-menu mt-5">
                             <div class="circle my-3"></div>
@@ -341,7 +341,7 @@
                 <div class="prime-block p-1 flex align-self-stretch flex-column">
                     <div class="block-header py-3 px-4 flex justify-content-between align-items-center">
                         <div class="logo pr-5">
-                            <img src="demo/images/landing-new/blocks/logo-1.svg" alt="block logo" />
+                            <img src="demo/images/landing/blocks/logo-1.svg" alt="block logo" />
                         </div>
                         <div class="flex-auto sidebar-menu flex">
                             <div class="bar w-2rem mx-2"></div>
@@ -356,7 +356,7 @@
                         <div class="block-main h-full flex justify-content-center align-items-center flex-column">
                             <div class="block-item block-item-active animation-2 mx-3 w-8rem text-center flex flex-column align-items-center overflow-visible">
                                 <div class="-mt-4">
-                                    <img src="demo/images/landing-new/blocks/question.svg" alt="question mark" />
+                                    <img src="demo/images/landing/blocks/question.svg" alt="question mark" />
                                 </div>
                                 <div class="bar w-2rem mt-2"></div>
                                 <div class="bar w-6rem mt-2"></div>

src/views/landing/ComponentSection.vue

@@ -43,31 +43,31 @@
                 <div class="box p-4">
                     <ul class="list-none p-0 m-0">
                         <li class="flex align-items-center mb-3">
-                            <img src="demo/images/landing-new/avatar-1.svg" alt="avatar 1" class="w-2rem h-2rem mr-3" />
+                            <img src="demo/images/landing/avatar-1.svg" alt="avatar 1" class="w-2rem h-2rem mr-3" />
                             <span class="font-medium">Darrel Steward</span>
                             <ProgressBar :value="pbValue1" :showValue="false" class="w-10rem ml-auto mr-3" style="height: .5rem" />
                             <span class="text-secondary font-medium">15%</span>
                         </li>
                         <li class="flex align-items-center mb-3">
-                            <img src="demo/images/landing-new/avatar-2.svg" alt="avatar 2" class="w-2rem h-2rem mr-3" />
+                            <img src="demo/images/landing/avatar-2.svg" alt="avatar 2" class="w-2rem h-2rem mr-3" />
                             <span class="font-medium">Albert Flores</span>
                             <ProgressBar :value="pbValue3" :showValue="false" class="w-10rem ml-auto mr-3" style="height: .5rem" />
                             <span class="text-secondary font-medium">85%</span>
                         </li>
                         <li class="flex align-items-center mb-3">
-                            <img src="demo/images/landing-new/avatar-3.svg" alt="avatar 3" class="w-2rem h-2rem mr-3" />
+                            <img src="demo/images/landing/avatar-3.svg" alt="avatar 3" class="w-2rem h-2rem mr-3" />
                             <span class="font-medium">Kathryn Murphy</span>
                             <ProgressBar :value="pbValue3" :showValue="false" class="w-10rem ml-auto mr-3" style="height: .5rem" />
                             <span class="text-secondary font-medium">50%</span>
                         </li>
                         <li class="flex align-items-center mb-3">
-                            <img src="demo/images/landing-new/avatar-4.svg" alt="avatar 4" class="w-2rem h-2rem mr-3" />
+                            <img src="demo/images/landing/avatar-4.svg" alt="avatar 4" class="w-2rem h-2rem mr-3" />
                             <span class="font-medium">Cody Fisher</span>
                             <ProgressBar :value="pbValue4" :showValue="false" class="w-10rem ml-auto mr-3" style="height: .5rem" />
                             <span class="text-secondary font-medium">75%</span>
                         </li>
                         <li class="flex align-items-center mb-3">
-                            <img src="demo/images/landing-new/avatar-5.svg" alt="avatar 5" class="w-2rem h-2rem mr-3" />
+                            <img src="demo/images/landing/avatar-5.svg" alt="avatar 5" class="w-2rem h-2rem mr-3" />
                             <span class="font-medium">Brandon Atkinson</span>
                             <ProgressBar :value="pbValue5" :showValue="false" class="w-10rem ml-auto mr-3" style="height: .5rem" />
                             <span class="text-secondary font-medium">60%</span>
@@ -78,7 +78,7 @@
             <div class="flex flex-column justify-content-start px-3 z-1">
                 <div class="box p-4 mb-5">
                     <div class="surface-card mb-4 w-20rem text-center p-5" style="border-radius:'10px'">
-                        <img src="demo/images/landing-new/watch.png" alt="Watch"/>
+                        <img src="demo/images/landing/watch.png" alt="Watch"/>
                     </div>
                     <div class="flex align-items-center mb-4">
                         <div class="flex flex-column">
@@ -113,7 +113,7 @@
                     <ul class="list-none p-0 m-0">
                         <li class="flex mb-3">
                             <span class="mr-3">
-                                <img src="demo/images/landing-new/avatar.png" alt="Avatar" class="w-3rem h-3rem" />
+                                <img src="demo/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>

src/views/landing/DesignerSection.vue

@@ -3,11 +3,11 @@
         <div class="section-header">Theme Designer</div>
         <p class="section-detail">Designer is the ultimate tool to create your own PrimeVue experience powered by a SASS based theme engine with 500+ variables and a Visual Designer.</p>
         <div class="designer-main mt-7 justify-content-center pad-section"
-            :style="{backgroundImage:`url('demo/images/landing-new/wave-${$appState.darkTheme ? 'dark' : 'light'}.svg')`, backgroundSize:'cover'}">
+            :style="{backgroundImage:`url('demo/images/landing/wave-${$appState.darkTheme ? 'dark' : 'light'}.svg')`, backgroundSize:'cover'}">
             <div class="box p-4 flex flex-column md:flex-row z-1 designer-editor">
                 <div class="mr-0 md:mr-4 p-4 designer-controls box border-bottom-1 border-left-none border-right-none border-top-none md:border-bottom-none md:border-right-1" style="border-radius: '10px'">
                     <div class="text-center mb-4">
-                        <img :src="'demo/images/landing-new/' + `${$appState.darkTheme ? 'designer-light.svg' : 'designer-dark.svg'}`" />
+                        <img :src="'demo/images/landing/' + `${$appState.darkTheme ? 'designer-light.svg' : 'designer-dark.svg'}`" />
                     </div>
                     <div class="p-fluid">
                         <span class="font-semibold block mb-3">Primary</span>

src/views/landing/FeaturesSection.vue

@@ -2,59 +2,59 @@
     <section class="landing-features py-8">
         <div class="section-header">Features</div>
         <p class="section-detail">PrimeVue is the most complete solution for your UI requirements.</p>
-        <div class="grid mt-7 pad-section" :style="{backgroundImage:`url('demo/images/landing-new/wave-${$appState.darkTheme ? 'dark-alt' : 'light-alt'}.svg')`, backgroundSize:'cover'}">
+        <div class="grid mt-7 pad-section" :style="{backgroundImage:`url('demo/images/landing/wave-${$appState.darkTheme ? 'dark-alt' : 'light-alt'}.svg')`, backgroundSize:'cover'}">
             <div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
                 <div class="box p-4 w-full">
-                    <img src="demo/images/landing-new/features/icon-components.svg" alt="components icon" class="block mb-3"/>
+                    <img src="demo/images/landing/features/icon-components.svg" alt="components icon" class="block mb-3"/>
                     <div class="font-semibold mb-3 text-lg">90+ UI Components</div>
                     <p class="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 90+ impressive Vue Components.</p>
                 </div>
             </div>
             <div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
                 <div class="box p-4 w-full">
-                    <img src="demo/images/landing-new/features/icon-community.svg" alt="components icon" class="block mb-3"/>
+                    <img src="demo/images/landing/features/icon-community.svg" alt="components icon" class="block mb-3"/>
                     <div class="font-semibold mb-3 text-lg">Community</div>
                     <p class="m-0 text-secondary font-medium">Connect with the other open source community members, collaborate and have a voice in the project roadmap.</p>
                 </div>
             </div>
             <div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
                 <div class="box p-4 w-full">
-                    <img src="demo/images/landing-new/features/icon-productivity.svg" alt="components icon" class="block mb-3"/>
+                    <img src="demo/images/landing/features/icon-productivity.svg" alt="components icon" class="block mb-3"/>
                     <div class="font-semibold mb-3 text-lg">Productivity</div>
                     <p class="m-0 text-secondary font-medium">Boost your productivity by achieving more in less time and accomplish amazing results.</p>
                 </div>
             </div>
             <div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
                 <div class="box p-4 w-full">
-                    <img src="demo/images/landing-new/features/icon-accessibility.svg" alt="components icon" class="block mb-3"/>
+                    <img src="demo/images/landing/features/icon-accessibility.svg" alt="components icon" class="block mb-3"/>
                     <div class="font-semibold mb-3 text-lg">Accessibility</div>
                     <p class="m-0 text-secondary font-medium">Compliant with the Web Content Accessibility Guidelines (WCAG 2.0).</p>
                 </div>
             </div>
             <div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
                 <div class="box p-4 w-full">
-                    <img src="demo/images/landing-new/features/icon-support.svg" alt="components icon" class="block mb-3"/>
+                    <img src="demo/images/landing/features/icon-support.svg" alt="components icon" class="block mb-3"/>
                     <div class="font-semibold mb-3 text-lg">Enterprise Support</div>
                     <p class="m-0 text-secondary font-medium">Exceptional support service featuring response within 1 business day and option to request enhancements and new features for the library.</p>
                 </div>
             </div>
             <div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
                 <div class="box p-4 w-full">
-                    <img src="demo/images/landing-new/features/icon-mobile.svg" alt="components icon" class="block mb-3"/>
+                    <img src="demo/images/landing/features/icon-mobile.svg" alt="components icon" class="block mb-3"/>
                     <div class="font-semibold mb-3 text-lg">Mobile</div>
                     <p class="m-0 text-secondary font-medium">First class support for responsive design led by touch optimized elements.</p>
                 </div>
             </div>
             <div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
                 <div class="box p-4 w-full">
-                    <img src="demo/images/landing-new/features/icon-theme.svg" alt="components icon" class="block mb-3"/>
+                    <img src="demo/images/landing/features/icon-theme.svg" alt="components icon" class="block mb-3"/>
                     <div class="font-semibold mb-3 text-lg">Themes</div>
                     <p class="m-0 text-secondary font-medium">Built on a design-agnostic api, choose from a vast amount of themes such as material, bootstrap, custom or develop your own.</p>
                 </div>
             </div>
             <div class="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
                 <div class="box p-4 w-full">
-                    <img src="demo/images/landing-new/features/icon-ts.svg" alt="components icon" class="block mb-3"/>
+                    <img src="demo/images/landing/features/icon-ts.svg" alt="components icon" class="block mb-3"/>
                     <div class="font-semibold mb-3 text-lg">Typescript</div>
                     <p class="m-0 text-secondary font-medium">Top-notch support for Typescript with types and tooling assistance.</p>
                 </div>

src/views/landing/FooterSection.vue

@@ -72,7 +72,7 @@
 
         <div class="flex justify-content-between py-6">
             <span>
-                <img :src="'demo/images/landing-new/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" style="height: 2.5rem;" />
+                <img :src="'demo/images/landing/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" style="height: 2.5rem;" />
             </span>
             <div class="flex align-items-center">
                 <a href="https://twitter.com/primevue" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center mr-3">

src/views/landing/HeaderSection.vue

@@ -1,7 +1,7 @@
 <template>
     <section :ref="containerRef" :class="['landing-header pad-section', {'landing-header-active': menuActive}]">
         <span>
-            <img :src="'demo/images/landing-new/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" class="landing-header-logo"/>
+            <img :src="'demo/images/landing/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" class="landing-header-logo"/>
         </span>
 
         <div class="flex align-items-center">
@@ -9,25 +9,25 @@
                 <ol class="list-none m-0 p-0 flex flex-column lg:flex-row flex-wrap lg:flex-nowrap lg:align-items-center font-semibold">
                     <li class="mr-0 lg:mr-2">
                         <router-link to="/setup">
-                            <img src="demo/images/landing-new/core-icon.svg" alt="primevue core" />
+                            <img src="demo/images/landing/core-icon.svg" alt="primevue core" />
                             <span>Components</span>
                         </router-link>
                     </li>
                     <li class="mr-0 lg:mr-2">
                         <a href="https://www.primefaces.org/primeblocks-vue">
-                            <img src="demo/images/landing-new/blocks-icon.svg" alt="primevue templates" />
+                            <img src="demo/images/landing/blocks-icon.svg" alt="primevue templates" />
                             <span>Blocks</span>
                         </a>
                     </li>
                     <li class="mr-0 lg:mr-2">
                         <a href="https://www.primefaces.org/designer-vue">
-                            <img src="demo/images/landing-new/designer-icon.svg" alt="primevue templates" />
+                            <img src="demo/images/landing/designer-icon.svg" alt="primevue templates" />
                             <span>Designer</span>
                         </a>
                     </li>
                     <li class="mr-0 lg:mr-2">
                         <a href="https://www.primefaces.org/store/templates.xhtml">
-                            <img src="demo/images/landing-new/templates-icon.svg" alt="primevue templates" />
+                            <img src="demo/images/landing/templates-icon.svg" alt="primevue templates" />
                             <span>Templates</span>
                         </a>
                     </li>

src/views/landing/HeroSection.vue

@@ -5,7 +5,7 @@
                 <div class="p-2 flex flex-row md:flex-column">
                     <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex align-items-center justify-content-center" @click="() => window.location.href = 'https://www.primefaces.org/store'">
                         <div class="flex flex-column align-items-center">
-                            <img src="demo/images/landing-new/templates-icon.svg" alt="primevue templates" />
+                            <img src="demo/images/landing/templates-icon.svg" alt="primevue templates" />
                             <div class="name">
                                 <b>Templates</b>
                                 <span>Spectacular Designs</span>
@@ -14,7 +14,7 @@
                     </div>
                     <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation ml-4 md:ml-0 md:mt-4 flex align-items-center justify-content-center"  @click="() => window.location.href = 'https://www.primefaces.org/designer-vue'">
                         <div class="flex flex-column align-items-center">
-                            <img src="demo/images/landing-new/designer-icon.svg" alt="primevue templates" />
+                            <img src="demo/images/landing/designer-icon.svg" alt="primevue templates" />
                             <div class="name">
                                 <b>Theme Designer</b>
                                 <span>Create Your Own</span>
@@ -25,7 +25,7 @@
                 <div class="p-2 flex flex-row md:flex-column">
                     <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex align-items-center justify-content-center" @click="() => window.location.href = 'https://github.com/primefaces/primevue'">
                         <div class="flex flex-column align-items-center">
-                            <img src="demo/images/landing-new/core-icon.svg" alt="primevue core" />
+                            <img src="demo/images/landing/core-icon.svg" alt="primevue core" />
                             <div class="name">
                                 <b>Open Source</b>
                                 <span>90+ UI Components</span>
@@ -35,7 +35,7 @@
                     <router-link to="/setup">
                         <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation logo hidden md:flex my-4 align-items-center justify-content-center">
                             <div class="hero-box-inner text-center">
-                                <img src="demo/images/landing-new/overview-icon.svg" alt="primevue main" />
+                                <img src="demo/images/landing/overview-icon.svg" alt="primevue main" />
                                 <div class="name">
                                     <b class="font-bold">NEXT-GEN VUE UI</b>
                                 </div>
@@ -44,7 +44,7 @@
                     </router-link>
                     <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex ml-4 md:ml-0 align-items-center justify-content-center" @click="() => window.location.href = 'https://www.primefaces.org/primeflex'">
                         <div class="flex flex-column align-items-center">
-                            <img src="demo/images/landing-new/css-icon.svg" alt="primevue icons" />
+                            <img src="demo/images/landing/css-icon.svg" alt="primevue icons" />
                             <div class="name">
                                 <b>CSS Utilities</b>
                                 <span>PrimeFlex CSS</span>
@@ -55,7 +55,7 @@
                 <div class="p-2 flex flex-row md:flex-column">
                     <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex align-items-center justify-content-center" @click="() => window.location.href = 'https://www.primefaces.org/primeblocks-vue'">
                         <div class="flex flex-column align-items-center">
-                            <img src="demo/images/landing-new/blocks-icon.svg" alt="primevue templates" />
+                            <img src="demo/images/landing/blocks-icon.svg" alt="primevue templates" />
                             <div class="name">
                                 <b>Prime Blocks</b>
                                 <span>280+ UI Blocks</span>
@@ -65,7 +65,7 @@
                     <router-link to="/icons">
                         <div class="hero-box w-10rem h-10rem md:w-12rem md:h-12rem animation flex ml-4 md:ml-0 md:mt-4 align-items-center justify-content-center">
                             <div class="flex flex-column align-items-center">
-                                <img src="demo/images/landing-new/icons-icon.svg" alt="primevue templates" />
+                                <img src="demo/images/landing/icons-icon.svg" alt="primevue templates" />
                                 <div class="name">
                                     <b>Icon Library</b>
                                     <span>200+ Icons</span>

src/views/landing/TemplateSection.vue

@@ -122,10 +122,10 @@ export default {
             const isDark = this.$appState.darkTheme;
             const url = template === 'templates-text' ? 'png' : 'jpeg';
 
-            return `url('demo/images/landing-new/templates/${template}-${isDark ? 'dark' : 'light'}.${url}')`
+            return `url('demo/images/landing/templates/${template}-${isDark ? 'dark' : 'light'}.${url}')`
         },
         templateImg() {
-            return `demo/images/landing-new/templates/templates-text-${this.$appState.darkTheme ? 'dark' : 'light'}.png`
+            return `demo/images/landing/templates/templates-text-${this.$appState.darkTheme ? 'dark' : 'light'}.png`
         }
     }
 }

src/views/landing/ThemeSection.vue

@@ -8,7 +8,7 @@
             <button type="button" :class="['font-medium linkbox mr-3 mt-4', {'active': this.theme && this.theme.startsWith('bootstrap4')}]" @click="changeTheme('bootstrap4', 'blue')">Bootstrap</button>
             <a type="button" class="font-medium p-link linkbox mt-4" href="https://www.primefaces.org/designer-vue">more...</a>
         </div>
-        <div class="themes-main flex mt-7 justify-content-center pad-section" :style="{backgroundImage:`url('demo/images/landing-new/wave-${$appState.darkTheme ? 'dark-alt' : 'light-alt'}.svg')`, backgroundSize:'cover'}">
+        <div class="themes-main flex mt-7 justify-content-center pad-section" :style="{backgroundImage:`url('demo/images/landing/wave-${$appState.darkTheme ? 'dark-alt' : 'light-alt'}.svg')`, backgroundSize:'cover'}">
             <div class="box overflow-hidden z-1 p-5 table-container">
                 <DataTable :value="customers" :paginator="true" :rows="5"
                     dataKey="id" :rowHover="true" v-model:selection="selectedCustomers" v-model:filters="filters" filterDisplay="menu" :loading="loading"

src/views/landing/UsersSection.vue

@@ -71,7 +71,7 @@
 export default {
     methods: {
         imgSrc(brand) {
-            return `demo/images/landing-new/whouses/${brand}-${this.colorScheme}.svg`
+            return `demo/images/landing/whouses/${brand}-${this.colorScheme}.svg`
         }
     },
     computed: {