Revert to version 68d374d

.gitignore

@@ -3,7 +3,4 @@
 node_modules/
 */node_modules/
 **/node_modules/
-*/build/
+*/build/
-**/build/
-.DS_Store
-.env

README.md

@@ -1,6 +1,6 @@
 
 
-# UI test 1
+# UI test
 
 ## This project was generated by [Flatlogic Platform](https://flatlogic.com).
 

backend/README.md

@@ -1,4 +1,4 @@
-#UI test 1 - template backend,
+#UI test - template backend,
 
 #### Run App on local machine:
 
@@ -38,10 +38,10 @@
 
 - Type this command to creating a new database.
 
-  - `postgres=> CREATE DATABASE db_ui_test_1;`
+  - `postgres=> CREATE DATABASE db_ui_test;`
 
 - Then give that new user privileges to the new database then quit the `psql`.
-  - `postgres=> GRANT ALL PRIVILEGES ON DATABASE db_ui_test_1 TO admin;`
+  - `postgres=> GRANT ALL PRIVILEGES ON DATABASE db_ui_test TO admin;`
   - `postgres=> \q`
 
 ---

backend/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "uitest1",
+  "name": "uitest",
-  "description": "UI test 1 - template backend",
+  "description": "UI test - template backend",
   "scripts": {
     "start": "npm run db:migrate && npm run db:seed && npm run watch",
     "db:migrate": "sequelize-cli db:migrate",

backend/src/config.js

@@ -3,7 +3,7 @@ const os = require('os');
 const config = {
   gcloud: {
     bucket: 'fldemo-files',
-    hash: 'afeefb9d49f5b7977577876b99532ac7',
+    hash: '00d74f18e81fa7e5a120d962273bacc3',
   },
   bcrypt: {
     saltRounds: 12,
@@ -36,7 +36,7 @@ const config = {
   },
   uploadDir: os.tmpdir(),
   email: {
-    from: 'UI test 1 <app@flatlogic.app>',
+    from: 'UI test <app@flatlogic.app>',
     host: 'email-smtp.us-east-1.amazonaws.com',
     port: 587,
     auth: {

backend/src/db/db.config.js

@@ -13,7 +13,7 @@ module.exports = {
     username: 'postgres',
     dialect: 'postgres',
     password: '',
-    database: 'db_ui_test_1',
+    database: 'db_ui_test',
     host: process.env.DB_HOST || 'localhost',
     logging: console.log,
     seederStorage: 'sequelize',

backend/src/db/seeders/20231127130745-sample-data.js

@@ -43,6 +43,14 @@ const BudgetsData = [
 
     // type code here for "relation_one" field
   },
+
+  {
+    name: 'Fundraiser Budget',
+
+    amount: 25000,
+
+    // type code here for "relation_one" field
+  },
 ];
 
 const GuestsData = [
@@ -53,7 +61,7 @@ const GuestsData = [
 
     is_attending: true,
 
-    meal_preference: 'vegetarian',
+    meal_preference: 'standard',
   },
 
   {
@@ -63,7 +71,7 @@ const GuestsData = [
 
     is_attending: true,
 
-    meal_preference: 'vegetarian',
+    meal_preference: 'standard',
   },
 
   {
@@ -73,7 +81,7 @@ const GuestsData = [
 
     is_attending: true,
 
-    meal_preference: 'standard',
+    meal_preference: 'vegetarian',
   },
 
   {
@@ -83,6 +91,16 @@ const GuestsData = [
 
     is_attending: true,
 
+    meal_preference: 'standard',
+  },
+
+  {
+    name: 'Sarah Davis',
+
+    email: 'sarah.davis@example.com',
+
+    is_attending: false,
+
     meal_preference: 'vegetarian',
   },
 ];
@@ -135,6 +153,18 @@ const SchedulesData = [
 
     // type code here for "relation_many" field
   },
+
+  {
+    title: 'Charity Fundraiser',
+
+    start_time: new Date('2023-08-25T19:00:00Z'),
+
+    end_time: new Date('2023-08-25T23:00:00Z'),
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_many" field
+  },
 ];
 
 const VendorsData = [
@@ -143,7 +173,7 @@ const VendorsData = [
 
     contact_info: 'info@gourmetcatering.com',
 
-    service_type: 'catering',
+    service_type: 'entertainment',
 
     rating: 4.8,
   },
@@ -153,7 +183,7 @@ const VendorsData = [
 
     contact_info: 'contact@elegantdecor.com',
 
-    service_type: 'decorating',
+    service_type: 'catering',
 
     rating: 4.5,
   },
@@ -163,7 +193,7 @@ const VendorsData = [
 
     contact_info: 'djbeats@musicmail.com',
 
-    service_type: 'decorating',
+    service_type: 'entertainment',
 
     rating: 4.7,
   },
@@ -173,10 +203,20 @@ const VendorsData = [
 
     contact_info: 'flowers@floralarrangements.com',
 
-    service_type: 'decorating',
+    service_type: 'catering',
 
     rating: 4.6,
   },
+
+  {
+    name: 'Party Planners Ltd.',
+
+    contact_info: 'events@partyplanners.com',
+
+    service_type: 'catering',
+
+    rating: 4.9,
+  },
 ];
 
 const VenuesData = [
@@ -189,7 +229,7 @@ const VenuesData = [
 
     features: 'Stage, AV Equipment, Catering',
 
-    is_booked: false,
+    is_booked: true,
   },
 
   {
@@ -213,7 +253,7 @@ const VenuesData = [
 
     features: 'Projector, Sound System',
 
-    is_booked: true,
+    is_booked: false,
   },
 
   {
@@ -227,6 +267,18 @@ const VenuesData = [
 
     is_booked: true,
   },
+
+  {
+    name: 'Art Gallery',
+
+    location: 'Cultural District',
+
+    capacity: 100,
+
+    features: 'Exhibition Space, Lighting',
+
+    is_booked: false,
+  },
 ];
 
 // Similar logic for "relation_many"
@@ -275,6 +327,17 @@ async function associateBudgetWithEvent() {
   if (Budget3?.setEvent) {
     await Budget3.setEvent(relatedEvent3);
   }
+
+  const relatedEvent4 = await Schedules.findOne({
+    offset: Math.floor(Math.random() * (await Schedules.count())),
+  });
+  const Budget4 = await Budgets.findOne({
+    order: [['id', 'ASC']],
+    offset: 4,
+  });
+  if (Budget4?.setEvent) {
+    await Budget4.setEvent(relatedEvent4);
+  }
 }
 
 async function associateScheduleWithVenue() {
@@ -321,6 +384,17 @@ async function associateScheduleWithVenue() {
   if (Schedule3?.setVenue) {
     await Schedule3.setVenue(relatedVenue3);
   }
+
+  const relatedVenue4 = await Venues.findOne({
+    offset: Math.floor(Math.random() * (await Venues.count())),
+  });
+  const Schedule4 = await Schedules.findOne({
+    order: [['id', 'ASC']],
+    offset: 4,
+  });
+  if (Schedule4?.setVenue) {
+    await Schedule4.setVenue(relatedVenue4);
+  }
 }
 
 // Similar logic for "relation_many"

backend/src/index.js

@@ -45,9 +45,9 @@ const options = {
     openapi: '3.0.0',
     info: {
       version: '1.0.0',
-      title: 'UI test 1',
+      title: 'UI test',
       description:
-        'UI test 1 Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.',
+        'UI test Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.',
     },
     servers: [
       {

backend/src/services/notifications/list.js

@@ -1,6 +1,6 @@
 const errors = {
   app: {
-    title: 'UI test 1',
+    title: 'UI test',
   },
 
   auth: {

cloudbuild.yaml

@@ -1,14 +0,0 @@
-steps:
-  - name: 'gcr.io/cloud-builders/docker'
-    entrypoint: 'bash'
-    args: ['-c', 'docker pull gcr.io/fldemo-315215/ui-test-30782-dev:latest || exit 0']
-  - name: 'gcr.io/cloud-builders/docker'
-    args: [
-        'build',
-        '-t', 'gcr.io/fldemo-315215/ui-test-30782-dev:latest',
-        '--file', 'Dockerfile.dev',
-        '--cache-from', 'gcr.io/fldemo-315215/ui-test-30782-dev:latest',
-        '.'
-    ]
-images: ['gcr.io/fldemo-315215/ui-test-30782-dev:latest']
-logsBucket: 'gs://fldemo-315215-cloudbuild-logs'

docker/docker-compose.yml

@@ -15,7 +15,7 @@ services:
       - ./data/db:/var/lib/postgresql/data
     environment:
       - POSTGRES_HOST_AUTH_METHOD=trust
-      - POSTGRES_DB=db_ui_test_1
+      - POSTGRES_DB=db_ui_test
     ports:
       - "5432:5432"
   backend:

frontend/README.md

@@ -1,4 +1,4 @@
-# UI test 1
+# UI test
 
 ## This project was generated by Flatlogic Platform.
 

frontend/json/runtimeError.json

@@ -1 +0,0 @@
-{}

frontend/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/basic-features/typescript for more information.

frontend/src/components/AsideMenuLayer.tsx

@@ -44,7 +44,7 @@ export default function AsideMenuLayer({
         >
           <div className='text-center flex-1 lg:text-left lg:pl-6 xl:text-center xl:pl-0'>
             <Link href={'/home'}>
-              <b className='font-black'>UI test 1</b>
+              <b className='font-black'>UI test</b>
             </Link>
           </div>
           <button

frontend/src/components/WebPageComponents/Footer.tsx

@@ -20,7 +20,7 @@ export default function WebSiteFooter({
 
   const style = FooterStyle.WITH_PROJECT_NAME;
 
-  const design = FooterDesigns.DESIGN_DIVERSITY;
+  const design = FooterDesigns.DEFAULT_DESIGN;
 
   return (
     <div

frontend/src/css/_theme.css

@@ -1,5 +1,3 @@
-body { font-family: "Verdana", serif; }
-
 .theme-pink {
   .app-sidebar {
     @apply bg-pavitra-900 text-white;
@@ -105,10 +103,3 @@ body { font-family: "Verdana", serif; }
     @apply text-pavitra-800;
   }
 }
-
-
-/* Dark theme styles for widget charts */
-.dark .widget-chart {
-  background-color: #21242A;
-  color: #CBD5E1;
-}

frontend/src/menuAside.ts

@@ -19,7 +19,7 @@ const menuAside: MenuAsideItem[] = [
   {
     href: '/budgets/budgets-list',
     label: 'Budgets',
-label: 'Budget',
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     icon: icon.mdiCurrencyUsd ? icon.mdiCurrencyUsd : icon.mdiTable,
     permissions: 'READ_BUDGETS',
@@ -32,6 +32,14 @@ label: 'Budget',
     icon: icon.mdiAccountGroup ? icon.mdiAccountGroup : icon.mdiTable,
     permissions: 'READ_GUESTS',
   },
+  {
+    href: '/schedules/schedules-list',
+    label: 'Schedules',
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    icon: icon.mdiCalendar ? icon.mdiCalendar : icon.mdiTable,
+    permissions: 'READ_SCHEDULES',
+  },
   {
     href: '/vendors/vendors-list',
     label: 'Vendors',

frontend/src/pages/_app.tsx

@@ -71,9 +71,9 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
     }
   }, []);
 
-  const title = 'UI test 1';
+  const title = 'UI test';
 
-  const description = 'UI test 1 generated by Flatlogic';
+  const description = 'UI test generated by Flatlogic';
 
   const url = 'https://flatlogic.com/';
 

frontend/src/pages/budgets/[budgetsId].tsx

@@ -76,7 +76,7 @@ const EditBudgets = () => {
   return (
     <>
       <Head>
-        <title>{getPageTitle('Edit budget')}</title>
+        <title>{getPageTitle('Edit budgets')}</title>
       </Head>
       <SectionMain>
         <SectionTitleLineWithButton

frontend/src/pages/budgets/budgets-list.tsx

@@ -83,12 +83,12 @@ const BudgetsTablesPage = () => {
   return (
     <>
       <Head>
-        <title>{getPageTitle('Budget')}</title>
+        <title>{getPageTitle('Budgets')}</title>
       </Head>
       <SectionMain>
         <SectionTitleLineWithButton
           icon={mdiChartTimelineVariant}
-          title='Budget'
+          title='Budgets'
           main
         >
           {''}

frontend/src/pages/dashboard.tsx

@@ -147,7 +147,16 @@ const Dashboard = () => {
             </div>
           )}
 
-          {/* Widgets section removed */}
+          {rolesWidgets &&
+            rolesWidgets.map((widget) => (
+              <SmartWidget
+                key={widget.id}
+                userId={currentUser?.id}
+                widget={widget}
+                roleId={widgetsRole?.role?.value || ''}
+                admin={hasPermission(currentUser, 'CREATE_ROLES')}
+              />
+            ))}
         </div>
 
         {!!rolesWidgets.length && <hr className='my-6  ' />}
@@ -198,7 +207,7 @@ const Dashboard = () => {
                 <div className='flex justify-between align-center'>
                   <div>
                     <div className='text-lg leading-tight   text-gray-500 dark:text-gray-400'>
-                      Budget
+                      Budgets
                     </div>
                     <div className='text-3xl leading-tight font-semibold'>
                       {budgets}

frontend/src/pages/index.tsx

@@ -27,7 +27,7 @@ import ContactFormSection from '../components/WebPageComponents/ContactFormCompo
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'UI test 1';
+  const projectName = 'UI test';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -182,10 +182,10 @@ export default function WebSite() {
           content={`Discover our comprehensive event management app designed to streamline your planning process. From venues to vendors, schedules to budgets, manage every aspect of your event effortlessly.`}
         />
       </Head>
-      <WebSiteHeader projectName={'UI test 1'} pages={pages} />
+      <WebSiteHeader projectName={'UI test'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           image={['Event planning dashboard overview']}
           mainText={`Effortless Event Management with ${projectName}`}
           subTitle={`Streamline your event planning with ${projectName}. Manage venues, vendors, schedules, and budgets all in one place for a seamless experience.`}
@@ -194,7 +194,7 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           image={['Event management tools overview']}
           withBg={0}
           features={features_points}
@@ -204,28 +204,28 @@ export default function WebSite() {
         />
 
         <TestimonialsSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           design={TestimonialsDesigns.MULTI_CARD_DISPLAY || ''}
           testimonials={testimonials}
           mainText={`What Our Users Say About ${projectName} `}
         />
 
         <PricingSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
-          withBg={0}
+          withBg={1}
           features={pricing_features}
           description={description}
         />
 
         <ContactFormSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Contact form with email icon']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`Reach out to us anytime for inquiries or support. Our team at ${projectName} is here to assist you promptly.`}
         />
       </main>
-      <WebSiteFooter projectName={'UI test 1'} pages={pages} />
+      <WebSiteFooter projectName={'UI test'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/login.tsx

@@ -50,7 +50,7 @@ export default function Login() {
     remember: true,
   });
 
-  const title = 'UI test 1';
+  const title = 'UI test';
 
   // Fetch Pexels image/video
   useEffect(() => {

frontend/src/pages/privacy-policy.tsx

@@ -5,7 +5,7 @@ import LayoutGuest from '../layouts/Guest';
 import { getPageTitle } from '../config';
 
 export default function PrivacyPolicy() {
-  const title = 'UI test 1';
+  const title = 'UI test';
   const [projectUrl, setProjectUrl] = useState('');
 
   useEffect(() => {

frontend/src/pages/terms-of-use.tsx

@@ -5,7 +5,7 @@ import LayoutGuest from '../layouts/Guest';
 import { getPageTitle } from '../config';
 
 export default function PrivacyPolicy() {
-  const title = 'UI test 1';
+  const title = 'UI test';
   const [projectUrl, setProjectUrl] = useState('');
 
   useEffect(() => {

frontend/src/pages/web_pages/contact.tsx

@@ -18,7 +18,7 @@ import ContactFormSection from '../../components/WebPageComponents/ContactFormCo
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'UI test 1';
+  const projectName = 'UI test';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -62,10 +62,10 @@ export default function WebSite() {
           content={`Reach out to ${projectName} for any inquiries or support. Our team is here to assist you with all your event management needs.`}
         />
       </Head>
-      <WebSiteHeader projectName={'UI test 1'} pages={pages} />
+      <WebSiteHeader projectName={'UI test'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           image={['Customer support team ready']}
           mainText={`Connect with ${projectName} Today`}
           subTitle={`We're here to help with any questions or support you need. Reach out to ${projectName} and let us assist you in making your event a success.`}
@@ -74,14 +74,14 @@ export default function WebSite() {
         />
 
         <ContactFormSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           design={ContactFormDesigns.SIMPLE_CLEAN || ''}
           image={['Email communication illustration']}
           mainText={`Reach Out to ${projectName} `}
           subTitle={`Have questions or need support? Contact us anytime, and our team at ${projectName} will respond promptly to assist you.`}
         />
       </main>
-      <WebSiteFooter projectName={'UI test 1'} pages={pages} />
+      <WebSiteFooter projectName={'UI test'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/web_pages/faq.tsx

@@ -18,7 +18,7 @@ import FaqSection from '../../components/WebPageComponents/FaqComponent';
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'UI test 1';
+  const projectName = 'UI test';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -101,10 +101,10 @@ export default function WebSite() {
           content={`Find answers to common questions about ${projectName}. Learn more about our features, pricing, and how we can help streamline your event management.`}
         />
       </Head>
-      <WebSiteHeader projectName={'UI test 1'} pages={pages} />
+      <WebSiteHeader projectName={'UI test'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           image={['FAQ section with question marks']}
           mainText={`Your Questions Answered with ${projectName}`}
           subTitle={`Explore our comprehensive FAQ section to find answers to your questions about ${projectName}. Learn how our features can simplify your event management.`}
@@ -113,13 +113,13 @@ export default function WebSite() {
         />
 
         <FaqSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           design={FaqDesigns.ACCORDION || ''}
           faqs={faqs}
           mainText={`Frequently Asked Questions About ${projectName} `}
         />
       </main>
-      <WebSiteFooter projectName={'UI test 1'} pages={pages} />
+      <WebSiteFooter projectName={'UI test'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/web_pages/home.tsx

@@ -27,7 +27,7 @@ import ContactFormSection from '../../components/WebPageComponents/ContactFormCo
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'UI test 1';
+  const projectName = 'UI test';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -182,10 +182,10 @@ export default function WebSite() {
           content={`Discover our comprehensive event management app designed to streamline your planning process. From venues to vendors, schedules to budgets, manage every aspect of your event effortlessly.`}
         />
       </Head>
-      <WebSiteHeader projectName={'UI test 1'} pages={pages} />
+      <WebSiteHeader projectName={'UI test'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           image={['Event planning dashboard overview']}
           mainText={`Effortless Event Management with ${projectName}`}
           subTitle={`Streamline your event planning with ${projectName}. Manage venues, vendors, schedules, and budgets all in one place for a seamless experience.`}
@@ -194,9 +194,9 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           image={['Event management tools overview']}
-          withBg={0}
+          withBg={1}
           features={features_points}
           mainText={`Discover ${projectName}'s Key Features`}
           subTitle={`Explore how ${projectName} simplifies event management with its powerful features, ensuring a seamless planning experience.`}
@@ -204,28 +204,28 @@ export default function WebSite() {
         />
 
         <TestimonialsSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           design={TestimonialsDesigns.MULTI_CARD_DISPLAY || ''}
           testimonials={testimonials}
           mainText={`What Our Users Say About ${projectName} `}
         />
 
         <PricingSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
-          withBg={0}
+          withBg={1}
           features={pricing_features}
           description={description}
         />
 
         <ContactFormSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Contact form with email icon']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`Reach out to us anytime for inquiries or support. Our team at ${projectName} is here to assist you promptly.`}
         />
       </main>
-      <WebSiteFooter projectName={'UI test 1'} pages={pages} />
+      <WebSiteFooter projectName={'UI test'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/web_pages/pricing.tsx

@@ -21,7 +21,7 @@ import FaqSection from '../../components/WebPageComponents/FaqComponent';
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'UI test 1';
+  const projectName = 'UI test';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -142,10 +142,10 @@ export default function WebSite() {
           content={`Explore the flexible pricing plans offered by ${projectName}. Find the perfect plan that suits your event management needs and budget.`}
         />
       </Head>
-      <WebSiteHeader projectName={'UI test 1'} pages={pages} />
+      <WebSiteHeader projectName={'UI test'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           image={['Pricing plans comparison chart']}
           mainText={`Flexible Pricing for ${projectName} Plans`}
           subTitle={`Discover the perfect plan for your event management needs with ${projectName}. Choose from our flexible pricing options to find the best fit for your budget and requirements.`}
@@ -154,20 +154,20 @@ export default function WebSite() {
         />
 
         <PricingSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
-          withBg={1}
+          withBg={0}
           features={pricing_features}
           description={description}
         />
 
         <FaqSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           design={FaqDesigns.TWO_COLUMN || ''}
           faqs={faqs}
           mainText={`Common Questions About ${projectName} Pricing `}
         />
       </main>
-      <WebSiteFooter projectName={'UI test 1'} pages={pages} />
+      <WebSiteFooter projectName={'UI test'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/web_pages/services.tsx

@@ -24,7 +24,7 @@ import PricingSection from '../../components/WebPageComponents/PricingComponent'
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'UI test 1';
+  const projectName = 'UI test';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -146,10 +146,10 @@ export default function WebSite() {
           content={`Explore the range of services offered by our event management app. From venue selection to budget management, discover how we can make your event planning seamless and efficient.`}
         />
       </Head>
-      <WebSiteHeader projectName={'UI test 1'} pages={pages} />
+      <WebSiteHeader projectName={'UI test'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           image={['Event planning tools and services']}
           mainText={`Transform Your Events with ${projectName}`}
           subTitle={`Discover the comprehensive services offered by ${projectName} to streamline your event planning. From venue selection to budget management, we provide everything you need for a successful event.`}
@@ -158,7 +158,7 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           image={['Event management service features']}
           withBg={1}
           features={features_points}
@@ -168,21 +168,21 @@ export default function WebSite() {
         />
 
         <PricingSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
-          withBg={1}
+          withBg={0}
           features={pricing_features}
           description={description}
         />
 
         <ContactFormSection
-          projectName={'UI test 1'}
+          projectName={'UI test'}
           design={ContactFormDesigns.HIGHLIGHTED || ''}
           image={['Contact form with email icon']}
           mainText={`Connect with ${projectName} Today `}
           subTitle={`Have questions or need assistance? Reach out to us anytime, and our team at ${projectName} will respond promptly to your inquiries.`}
         />
       </main>
-      <WebSiteFooter projectName={'UI test 1'} pages={pages} />
+      <WebSiteFooter projectName={'UI test'} pages={pages} />
     </div>
   );
 }

frontend/tailwind.config.js.temp

@@ -1,107 +0,0 @@
-/* eslint-env node */
-  darkMode: 'class',
-/* eslint-disable-next-line */
-const plugin = require('tailwindcss/plugin');
-
-module.exports = {
-  content: ['./src/**/*.{js,ts,jsx,tsx}'],
-  darkMode: 'class', // or 'media' or 'class'
-  theme: {
-    asideScrollbars: {
-      light: 'light',
-      gray: 'gray',
-    },
-    extend: {
-      zIndex: {
-        '-1': '-1',
-      },
-      flexGrow: {
-        5: '5',
-      },
-      maxHeight: {
-        'screen-menu': 'calc(100vh - 3.5rem)',
-        modal: 'calc(100vh - 160px)',
-      },
-      transitionProperty: {
-        position: 'right, left, top, bottom, margin, padding',
-        textColor: 'color',
-      },
-      keyframes: {
-        'fade-out': {
-          from: { opacity: 1 },
-          to: { opacity: 0 },
-        },
-        'fade-in': {
-          from: { opacity: 0 },
-          to: { opacity: 1 },
-        },
-      },
-      animation: {
-        'fade-out': 'fade-out 250ms ease-in-out',
-        'fade-in': 'fade-in 250ms ease-in-out',
-      },
-      colors: {
-        dark: {
-          900: '#131618',
-          800: '#21242A',
-          700: '#2C2F36',
-          600: '#9CA3AF',
-          500: '#CBD5E1',
-        },
-        green: {
-          text: '#45B26B',
-        },
-        pavitra: {
-          blue: '#0162FD',
-          green: '#00B448',
-          orange: '#FFAA00',
-          red: '#F20041',
-          900: '#14142A',
-          800: '#4E4B66',
-          700: '#6E7191',
-          600: '#A0A3BD',
-          500: '#D9DBE9',
-          400: '#EFF0F6',
-          300: '#F7F7FC',
-        },
-      },
-      borderRadius: {
-        '3xl': '2rem',
-      },
-    },
-  },
-  plugins: [
-    require('@tailwindcss/forms'),
-    require('@tailwindcss/typography'),
-    plugin(function ({ matchUtilities, theme }) {
-      matchUtilities(
-        {
-          'aside-scrollbars': (value) => {
-            const track = value === 'light' ? '100' : '900';
-            const thumb = value === 'light' ? '300' : '600';
-            const color = value === 'light' ? 'gray' : value;
-
-            return {
-              scrollbarWidth: 'thin',
-              scrollbarColor: `${theme(`colors.${color}.${thumb}`)} ${theme(
-                `colors.${color}.${track}`,
-              )}`,
-              '&::-webkit-scrollbar': {
-                width: '8px',
-                height: '8px',
-              },
-              '&::-webkit-scrollbar-track': {
-                backgroundColor: theme(`colors.${color}.${track}`),
-              },
-              '&::-webkit-scrollbar-thumb': {
-                borderRadius: '0.25rem',
-                backgroundColor: theme(`colors.${color}.${thumb}`),
-              },
-            };
-          },
-        },
-        { values: theme('asideScrollbars') },
-      );
-    }),
-  ],
-};

pids/backend.pid

@@ -1 +0,0 @@
-4

pids/frontend.pid

@@ -1 +0,0 @@
-3