From f408674deb69679e694b428232ecd6bddceb8415 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Sat, 15 Mar 2025 21:02:25 +0000
Subject: [PATCH] Revert to version 1a320ee

---
 .gitignore                                    |  5 +
 README.md                                     |  2 +-
 backend/README.md                             |  6 +-
 backend/package.json                          |  4 +-
 backend/src/config.js                         | 11 +--
 backend/src/db/db.config.js                   |  2 +-
 .../db/seeders/20231127130745-sample-data.js  | 93 ++++++++++++++++++-
 backend/src/index.js                          | 12 +--
 backend/src/services/notifications/list.js    |  2 +-
 docker/docker-compose.yml                     |  2 +-
 frontend/README.md                            |  2 +-
 frontend/src/components/AsideMenuLayer.tsx    |  2 +-
 .../components/WebPageComponents/Footer.tsx   |  2 +-
 .../components/WebPageComponents/Header.tsx   |  2 +-
 frontend/src/pages/_app.tsx                   | 14 +--
 frontend/src/pages/index.tsx                  | 18 ++--
 frontend/src/pages/login.tsx                  | 45 +--------
 frontend/src/pages/privacy-policy.tsx         |  2 +-
 frontend/src/pages/terms-of-use.tsx           |  2 +-
 frontend/src/pages/web_pages/about.tsx        | 14 +--
 frontend/src/pages/web_pages/contact.tsx      | 10 +-
 frontend/src/pages/web_pages/faq.tsx          | 10 +-
 frontend/src/pages/web_pages/home.tsx         | 18 ++--
 frontend/src/pages/web_pages/services.tsx     | 14 +--
 24 files changed, 160 insertions(+), 134 deletions(-)

diff --git a/.gitignore b/.gitignore
index e427ff3..d0eb167 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,8 @@
 node_modules/
 */node_modules/
 */build/
+
+**/node_modules/
+**/build/
+.DS_Store
+.env
\ No newline at end of file
diff --git a/README.md b/README.md
index 44ace3f..358b8a5 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 
 
-# f45f54f45f45h54
+# FLPMSUPERSTAR
 
 ## This project was generated by [Flatlogic Platform](https://flatlogic.com).
 
diff --git a/backend/README.md b/backend/README.md
index bf58217..8fc1a6e 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -1,4 +1,4 @@
-#f45f54f45f45h54 - template backend,
+#FLPMSUPERSTAR - template backend,
 
 #### Run App on local machine:
 
@@ -38,10 +38,10 @@
 
 - Type this command to creating a new database.
 
-  - `postgres=> CREATE DATABASE db_f45f54f45f45h54;`
+  - `postgres=> CREATE DATABASE db_flpmsuperstar;`
 
 - Then give that new user privileges to the new database then quit the `psql`.
-  - `postgres=> GRANT ALL PRIVILEGES ON DATABASE db_f45f54f45f45h54 TO admin;`
+  - `postgres=> GRANT ALL PRIVILEGES ON DATABASE db_flpmsuperstar TO admin;`
   - `postgres=> \q`
 
 ---
diff --git a/backend/package.json b/backend/package.json
index a664768..719f62f 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "f45f54f45f45h54",
-  "description": "f45f54f45f45h54 - template backend",
+  "name": "flpmsuperstar",
+  "description": "FLPMSUPERSTAR - template backend",
   "scripts": {
     "start": "npm run db:migrate && npm run db:seed && nodemon ./src/index.js",
     "db:migrate": "sequelize-cli db:migrate",
diff --git a/backend/src/config.js b/backend/src/config.js
index 94d4c85..4034f48 100644
--- a/backend/src/config.js
+++ b/backend/src/config.js
@@ -3,7 +3,7 @@ const os = require('os');
 const config = {
   gcloud: {
     bucket: 'fldemo-files',
-    hash: '628510f17ff4fc3c44d6e6fee912d290',
+    hash: 'afeefb9d49f5b7977577876b99532ac7',
   },
   bcrypt: {
     saltRounds: 12,
@@ -36,7 +36,7 @@ const config = {
   },
   uploadDir: os.tmpdir(),
   email: {
-    from: 'f45f54f45f45h54 <app@flatlogic.app>',
+    from: 'FLPMSUPERSTAR <app@flatlogic.app>',
     host: 'email-smtp.us-east-1.amazonaws.com',
     port: 587,
     auth: {
@@ -51,13 +51,6 @@ const config = {
     admin: 'Administrator',
     user: 'User',
   },
-
-  project_uuid: '7abe8e7f-14b3-4ca1-b9a7-d941ee8181aa',
-  flHost:
-    process.env.NODE_ENV === 'production' ||
-    process.env.NODE_ENV === 'dev_stage'
-      ? 'https://flatlogic.com/projects'
-      : 'http://localhost:3000/projects',
 };
 config.pexelsKey = 'Vc99rnmOhHhJAbgGQoKLZtsaIVfkeownoQNbTj78VemUjKh08ZYRbf18';
 config.pexelsQuery = 'abstract teamwork collaboration';
diff --git a/backend/src/db/db.config.js b/backend/src/db/db.config.js
index ca2533c..5d34460 100644
--- a/backend/src/db/db.config.js
+++ b/backend/src/db/db.config.js
@@ -13,7 +13,7 @@ module.exports = {
     username: 'postgres',
     dialect: 'postgres',
     password: '',
-    database: 'db_f45f54f45f45h54',
+    database: 'db_flpmsuperstar',
     host: process.env.DB_HOST || 'localhost',
     logging: console.log,
     seederStorage: 'sequelize',
diff --git a/backend/src/db/seeders/20231127130745-sample-data.js b/backend/src/db/seeders/20231127130745-sample-data.js
index b823255..94b9769 100644
--- a/backend/src/db/seeders/20231127130745-sample-data.js
+++ b/backend/src/db/seeders/20231127130745-sample-data.js
@@ -31,6 +31,14 @@ const CommentsData = [
 
     // type code here for "relation_one" field
   },
+
+  {
+    content: 'Testing will start next week.',
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_one" field
+  },
 ];
 
 const ProjectsData = [
@@ -65,6 +73,16 @@ const ProjectsData = [
 
     // type code here for "relation_one" field
   },
+
+  {
+    name: 'Project Delta',
+
+    description: 'Deployment and maintenance of the project management tool.',
+
+    // type code here for "relation_many" field
+
+    // type code here for "relation_one" field
+  },
 ];
 
 const TasksData = [
@@ -73,7 +91,7 @@ const TasksData = [
 
     description: 'Create wireframes and design the user interface.',
 
-    status: 'InProgress',
+    status: 'Done',
 
     // type code here for "relation_one" field
 
@@ -89,7 +107,7 @@ const TasksData = [
 
     description: 'Implement the backend services and APIs.',
 
-    status: 'InProgress',
+    status: 'ToDo',
 
     // type code here for "relation_one" field
 
@@ -115,6 +133,22 @@ const TasksData = [
 
     due_date: new Date('2023-10-25T17:00:00Z'),
   },
+
+  {
+    title: 'Conduct Testing',
+
+    description: 'Perform unit and integration testing.',
+
+    status: 'InProgress',
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_one" field
+
+    start_date: new Date('2023-10-20T09:00:00Z'),
+
+    due_date: new Date('2023-10-30T17:00:00Z'),
+  },
 ];
 
 // Similar logic for "relation_many"
@@ -152,6 +186,17 @@ async function associateCommentWithTask() {
   if (Comment2?.setTask) {
     await Comment2.setTask(relatedTask2);
   }
+
+  const relatedTask3 = await Tasks.findOne({
+    offset: Math.floor(Math.random() * (await Tasks.count())),
+  });
+  const Comment3 = await Comments.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Comment3?.setTask) {
+    await Comment3.setTask(relatedTask3);
+  }
 }
 
 async function associateCommentWithAuthor() {
@@ -187,6 +232,17 @@ async function associateCommentWithAuthor() {
   if (Comment2?.setAuthor) {
     await Comment2.setAuthor(relatedAuthor2);
   }
+
+  const relatedAuthor3 = await Users.findOne({
+    offset: Math.floor(Math.random() * (await Users.count())),
+  });
+  const Comment3 = await Comments.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Comment3?.setAuthor) {
+    await Comment3.setAuthor(relatedAuthor3);
+  }
 }
 
 // Similar logic for "relation_many"
@@ -224,6 +280,17 @@ async function associateProjectWithOwner() {
   if (Project2?.setOwner) {
     await Project2.setOwner(relatedOwner2);
   }
+
+  const relatedOwner3 = await Users.findOne({
+    offset: Math.floor(Math.random() * (await Users.count())),
+  });
+  const Project3 = await Projects.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Project3?.setOwner) {
+    await Project3.setOwner(relatedOwner3);
+  }
 }
 
 async function associateTaskWithProject() {
@@ -259,6 +326,17 @@ async function associateTaskWithProject() {
   if (Task2?.setProject) {
     await Task2.setProject(relatedProject2);
   }
+
+  const relatedProject3 = await Projects.findOne({
+    offset: Math.floor(Math.random() * (await Projects.count())),
+  });
+  const Task3 = await Tasks.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Task3?.setProject) {
+    await Task3.setProject(relatedProject3);
+  }
 }
 
 async function associateTaskWithAssignee() {
@@ -294,6 +372,17 @@ async function associateTaskWithAssignee() {
   if (Task2?.setAssignee) {
     await Task2.setAssignee(relatedAssignee2);
   }
+
+  const relatedAssignee3 = await Users.findOne({
+    offset: Math.floor(Math.random() * (await Users.count())),
+  });
+  const Task3 = await Tasks.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Task3?.setAssignee) {
+    await Task3.setAssignee(relatedAssignee3);
+  }
 }
 
 module.exports = {
diff --git a/backend/src/index.js b/backend/src/index.js
index 739d6b3..afa881b 100644
--- a/backend/src/index.js
+++ b/backend/src/index.js
@@ -15,8 +15,6 @@ const fileRoutes = require('./routes/file');
 const searchRoutes = require('./routes/search');
 const pexelsRoutes = require('./routes/pexels');
 
-const openaiRoutes = require('./routes/openai');
-
 const contactFormRoutes = require('./routes/contactForm');
 
 const usersRoutes = require('./routes/users');
@@ -36,9 +34,9 @@ const options = {
     openapi: '3.0.0',
     info: {
       version: '1.0.0',
-      title: 'f45f54f45f45h54',
+      title: 'FLPMSUPERSTAR',
       description:
-        'f45f54f45f45h54 Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.',
+        'FLPMSUPERSTAR Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.',
     },
     servers: [
       {
@@ -126,12 +124,6 @@ app.use(
   permissionsRoutes,
 );
 
-app.use(
-  '/api/openai',
-  passport.authenticate('jwt', { session: false }),
-  openaiRoutes,
-);
-
 app.use('/api/contact-form', contactFormRoutes);
 
 app.use(
diff --git a/backend/src/services/notifications/list.js b/backend/src/services/notifications/list.js
index d23b235..87c2cb5 100644
--- a/backend/src/services/notifications/list.js
+++ b/backend/src/services/notifications/list.js
@@ -1,6 +1,6 @@
 const errors = {
   app: {
-    title: 'f45f54f45f45h54',
+    title: 'FLPMSUPERSTAR',
   },
 
   auth: {
diff --git a/docker/docker-compose.yml b/docker/docker-compose.yml
index 65e6125..89e2303 100644
--- a/docker/docker-compose.yml
+++ b/docker/docker-compose.yml
@@ -15,7 +15,7 @@ services:
       - ./data/db:/var/lib/postgresql/data
     environment:
       - POSTGRES_HOST_AUTH_METHOD=trust
-      - POSTGRES_DB=db_f45f54f45f45h54
+      - POSTGRES_DB=db_flpmsuperstar
     ports:
       - "5432:5432"
   backend:
diff --git a/frontend/README.md b/frontend/README.md
index bfb48e2..974461a 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -1,4 +1,4 @@
-# f45f54f45f45h54
+# FLPMSUPERSTAR
 
 ## This project was generated by Flatlogic Platform.
 
diff --git a/frontend/src/components/AsideMenuLayer.tsx b/frontend/src/components/AsideMenuLayer.tsx
index 96acd81..39248c4 100644
--- a/frontend/src/components/AsideMenuLayer.tsx
+++ b/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'>f45f54f45f45h54</b>
+              <b className='font-black'>FLPMSUPERSTAR</b>
             </Link>
           </div>
           <button
diff --git a/frontend/src/components/WebPageComponents/Footer.tsx b/frontend/src/components/WebPageComponents/Footer.tsx
index 081158b..3833078 100644
--- a/frontend/src/components/WebPageComponents/Footer.tsx
+++ b/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
diff --git a/frontend/src/components/WebPageComponents/Header.tsx b/frontend/src/components/WebPageComponents/Header.tsx
index 2620306..ae27257 100644
--- a/frontend/src/components/WebPageComponents/Header.tsx
+++ b/frontend/src/components/WebPageComponents/Header.tsx
@@ -19,7 +19,7 @@ export default function WebSiteHeader({
   const websiteHeder = useAppSelector((state) => state.style.websiteHeder);
   const borders = useAppSelector((state) => state.style.borders);
 
-  const style = HeaderStyle.PAGES_LEFT;
+  const style = HeaderStyle.PAGES_RIGHT;
 
   const design = HeaderDesigns.DESIGN_DIVERSITY;
   return (
diff --git a/frontend/src/pages/_app.tsx b/frontend/src/pages/_app.tsx
index d1c5f26..db3d5bf 100644
--- a/frontend/src/pages/_app.tsx
+++ b/frontend/src/pages/_app.tsx
@@ -17,7 +17,6 @@ import {
   landingSteps,
   loginSteps,
   usersSteps,
-  rolesSteps,
 } from '../stores/introSteps';
 
 export type NextPageWithLayout<P = Record<string, unknown>, IP = P> = NextPage<
@@ -71,9 +70,9 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
     }
   }, []);
 
-  const title = 'f45f54f45f45h54';
+  const title = 'FLPMSUPERSTAR';
 
-  const description = 'f45f54f45f45h54 generated by Flatlogic';
+  const description = 'FLPMSUPERSTAR generated by Flatlogic';
 
   const url = 'https://flatlogic.com/';
 
@@ -114,15 +113,6 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
         setStepName('usersSteps');
         setStepsEnabled(true);
       }, 1000);
-    } else if (
-      router.pathname === '/roles/roles-list' &&
-      !isCompleted('rolesSteps')
-    ) {
-      setTimeout(() => {
-        setSteps(rolesSteps);
-        setStepName('rolesSteps');
-        setStepsEnabled(true);
-      }, 1000);
     } else {
       setSteps([]);
       setStepsEnabled(false);
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 46a9551..af1118d 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -27,7 +27,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 = 'f45f54f45f45h54';
+  const projectName = 'FLPMSUPERSTAR';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -125,10 +125,10 @@ export default function WebSite() {
           content={`Discover our innovative project management tool designed to enhance productivity and streamline your workflow. Explore features, learn about our mission, and get in touch with us today.`}
         />
       </Head>
-      <WebSiteHeader projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteHeader projectName={'FLPMSUPERSTAR'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Team collaborating on project tasks']}
           mainText={`Revolutionize Your Workflow with ${projectName}`}
           subTitle={`${projectName} is your ultimate project management tool, designed to streamline tasks, enhance collaboration, and boost productivity. Experience seamless project handling like never before.`}
@@ -137,9 +137,9 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Dashboard showcasing project overview']}
-          withBg={1}
+          withBg={0}
           features={features_points}
           mainText={`Explore ${projectName} Features`}
           subTitle={`Discover the powerful features of ${projectName} that simplify project management and enhance team collaboration.`}
@@ -147,7 +147,7 @@ export default function WebSite() {
         />
 
         <AboutUsSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Team brainstorming innovative solutions']}
           mainText={`Discover the Vision Behind ${projectName}`}
           subTitle={`At ${projectName}, we are committed to transforming the way teams manage projects. Our mission is to provide intuitive tools that empower teams to achieve their goals efficiently and effectively.`}
@@ -156,21 +156,21 @@ export default function WebSite() {
         />
 
         <FaqSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           design={FaqDesigns.ACCORDION || ''}
           faqs={faqs}
           mainText={`Frequently Asked Questions about ${projectName} `}
         />
 
         <ContactFormSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person typing on a laptop']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`We're here to help! Reach out to us anytime, and we'll respond promptly to assist you with any inquiries or support you need.`}
         />
       </main>
-      <WebSiteFooter projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteFooter projectName={'FLPMSUPERSTAR'} pages={pages} />
     </div>
   );
 }
diff --git a/frontend/src/pages/login.tsx b/frontend/src/pages/login.tsx
index fae3941..577566e 100644
--- a/frontend/src/pages/login.tsx
+++ b/frontend/src/pages/login.tsx
@@ -50,7 +50,7 @@ export default function Login() {
     remember: true,
   });
 
-  const title = 'f45f54f45f45h54';
+  const title = 'FLPMSUPERSTAR';
 
   // Fetch Pexels image/video
   useEffect(() => {
@@ -189,49 +189,6 @@ export default function Login() {
             ? videoBlock(illustrationVideo)
             : null}
           <div className='flex items-center justify-center flex-col space-y-4 w-full lg:w-full'>
-            <CardBox id='loginRoles' className='w-full md:w-3/5 lg:w-2/3'>
-              <Link href={'/home'}>
-                <h2 className='text-4xl font-semibold my-4'>
-                  {' '}
-                  f45f54f45f45h54
-                </h2>
-              </Link>
-
-              <div className='flex flex-row text-gray-500 justify-between'>
-                <div>
-                  <p className='mb-2'>
-                    Use{' '}
-                    <code
-                      className={`cursor-pointer ${textColor} `}
-                      onClick={(e) => setLogin(e.target)}
-                    >
-                      admin@flatlogic.com
-                    </code>{' '}
-                    to login as Admin
-                  </p>
-                  <p>
-                    Use{' '}
-                    <code
-                      className={`cursor-pointer ${textColor} `}
-                      onClick={(e) => setLogin(e.target)}
-                    >
-                      client@hello.com
-                    </code>{' '}
-                    to login as User
-                  </p>
-                </div>
-                <div>
-                  <BaseIcon
-                    className={`${iconsColor}`}
-                    w='w-16'
-                    h='h-16'
-                    size={48}
-                    path={mdiInformation}
-                  />
-                </div>
-              </div>
-            </CardBox>
-
             <CardBox className='w-full md:w-3/5 lg:w-2/3'>
               <Formik
                 initialValues={initialValues}
diff --git a/frontend/src/pages/privacy-policy.tsx b/frontend/src/pages/privacy-policy.tsx
index cf8f203..b55cc0e 100644
--- a/frontend/src/pages/privacy-policy.tsx
+++ b/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 = 'f45f54f45f45h54';
+  const title = 'FLPMSUPERSTAR';
   const [projectUrl, setProjectUrl] = useState('');
 
   useEffect(() => {
diff --git a/frontend/src/pages/terms-of-use.tsx b/frontend/src/pages/terms-of-use.tsx
index c386bca..0955e80 100644
--- a/frontend/src/pages/terms-of-use.tsx
+++ b/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 = 'f45f54f45f45h54';
+  const title = 'FLPMSUPERSTAR';
   const [projectUrl, setProjectUrl] = useState('');
 
   useEffect(() => {
diff --git a/frontend/src/pages/web_pages/about.tsx b/frontend/src/pages/web_pages/about.tsx
index 72dac08..97cc895 100644
--- a/frontend/src/pages/web_pages/about.tsx
+++ b/frontend/src/pages/web_pages/about.tsx
@@ -24,7 +24,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 = 'f45f54f45f45h54';
+  const projectName = 'FLPMSUPERSTAR';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -89,10 +89,10 @@ export default function WebSite() {
           content={`Discover the story behind ${projectName}, our mission, and the dedicated team working to revolutionize project management. Explore our features and get in touch with us.`}
         />
       </Head>
-      <WebSiteHeader projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteHeader projectName={'FLPMSUPERSTAR'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Team collaborating in modern office']}
           mainText={`Unveiling the Story of ${projectName}`}
           subTitle={`Discover the journey and vision behind ${projectName}. Learn about our mission to transform project management and meet the team dedicated to your success.`}
@@ -101,7 +101,7 @@ export default function WebSite() {
         />
 
         <AboutUsSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Team brainstorming innovative ideas']}
           mainText={`Meet the Innovators Behind ${projectName}`}
           subTitle={`At ${projectName}, our passion drives us to create cutting-edge solutions for project management. Our team is committed to delivering excellence and empowering your success.`}
@@ -110,7 +110,7 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Dashboard displaying key features']}
           withBg={0}
           features={features_points}
@@ -120,14 +120,14 @@ export default function WebSite() {
         />
 
         <ContactFormSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           design={ContactFormDesigns.HIGHLIGHTED || ''}
           image={['Person typing on a laptop']}
           mainText={`Connect with ${projectName} Today `}
           subTitle={`Have questions or need assistance? Reach out to us anytime, and our team will respond promptly to support your needs.`}
         />
       </main>
-      <WebSiteFooter projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteFooter projectName={'FLPMSUPERSTAR'} pages={pages} />
     </div>
   );
 }
diff --git a/frontend/src/pages/web_pages/contact.tsx b/frontend/src/pages/web_pages/contact.tsx
index 7b6d410..173733e 100644
--- a/frontend/src/pages/web_pages/contact.tsx
+++ b/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 = 'f45f54f45f45h54';
+  const projectName = 'FLPMSUPERSTAR';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -62,10 +62,10 @@ export default function WebSite() {
           content={`Reach out to ${projectName} for any inquiries, support, or feedback. Our team is here to assist you with all your project management needs.`}
         />
       </Head>
-      <WebSiteHeader projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteHeader projectName={'FLPMSUPERSTAR'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Customer support team assisting clients']}
           mainText={`Connect with ${projectName} Today`}
           subTitle={`We're here to help you with any questions or support you need. Reach out to ${projectName} and let us assist you in achieving your project goals.`}
@@ -74,14 +74,14 @@ export default function WebSite() {
         />
 
         <ContactFormSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person typing on a laptop']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`We're available 24/7 to assist you. Send us a message, and our team will respond promptly to address your inquiries and support needs.`}
         />
       </main>
-      <WebSiteFooter projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteFooter projectName={'FLPMSUPERSTAR'} pages={pages} />
     </div>
   );
 }
diff --git a/frontend/src/pages/web_pages/faq.tsx b/frontend/src/pages/web_pages/faq.tsx
index 94b014e..844c157 100644
--- a/frontend/src/pages/web_pages/faq.tsx
+++ b/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 = 'f45f54f45f45h54';
+  const projectName = 'FLPMSUPERSTAR';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -95,10 +95,10 @@ export default function WebSite() {
           content={`Find answers to common questions about ${projectName}. Learn more about our features, services, and how we can help streamline your project management.`}
         />
       </Head>
-      <WebSiteHeader projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteHeader projectName={'FLPMSUPERSTAR'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Person reading FAQ on laptop']}
           mainText={`Your Questions Answered with ${projectName}`}
           subTitle={`Explore our comprehensive FAQ section to find answers to your most pressing questions about ${projectName}. We're here to help you make the most of our project management tool.`}
@@ -107,13 +107,13 @@ export default function WebSite() {
         />
 
         <FaqSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           design={FaqDesigns.ACCORDION || ''}
           faqs={faqs}
           mainText={`Common Questions About ${projectName} `}
         />
       </main>
-      <WebSiteFooter projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteFooter projectName={'FLPMSUPERSTAR'} pages={pages} />
     </div>
   );
 }
diff --git a/frontend/src/pages/web_pages/home.tsx b/frontend/src/pages/web_pages/home.tsx
index a4029a2..d1cb998 100644
--- a/frontend/src/pages/web_pages/home.tsx
+++ b/frontend/src/pages/web_pages/home.tsx
@@ -27,7 +27,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 = 'f45f54f45f45h54';
+  const projectName = 'FLPMSUPERSTAR';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -125,10 +125,10 @@ export default function WebSite() {
           content={`Discover our innovative project management tool designed to enhance productivity and streamline your workflow. Explore features, learn about our mission, and get in touch with us today.`}
         />
       </Head>
-      <WebSiteHeader projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteHeader projectName={'FLPMSUPERSTAR'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Team collaborating on project tasks']}
           mainText={`Revolutionize Your Workflow with ${projectName}`}
           subTitle={`${projectName} is your ultimate project management tool, designed to streamline tasks, enhance collaboration, and boost productivity. Experience seamless project handling like never before.`}
@@ -137,9 +137,9 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Dashboard showcasing project overview']}
-          withBg={0}
+          withBg={1}
           features={features_points}
           mainText={`Explore ${projectName} Features`}
           subTitle={`Discover the powerful features of ${projectName} that simplify project management and enhance team collaboration.`}
@@ -147,7 +147,7 @@ export default function WebSite() {
         />
 
         <AboutUsSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Team brainstorming innovative solutions']}
           mainText={`Discover the Vision Behind ${projectName}`}
           subTitle={`At ${projectName}, we are committed to transforming the way teams manage projects. Our mission is to provide intuitive tools that empower teams to achieve their goals efficiently and effectively.`}
@@ -156,21 +156,21 @@ export default function WebSite() {
         />
 
         <FaqSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           design={FaqDesigns.ACCORDION || ''}
           faqs={faqs}
           mainText={`Frequently Asked Questions about ${projectName} `}
         />
 
         <ContactFormSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person typing on a laptop']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`We're here to help! Reach out to us anytime, and we'll respond promptly to assist you with any inquiries or support you need.`}
         />
       </main>
-      <WebSiteFooter projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteFooter projectName={'FLPMSUPERSTAR'} pages={pages} />
     </div>
   );
 }
diff --git a/frontend/src/pages/web_pages/services.tsx b/frontend/src/pages/web_pages/services.tsx
index 910f0af..1ceaa31 100644
--- a/frontend/src/pages/web_pages/services.tsx
+++ b/frontend/src/pages/web_pages/services.tsx
@@ -21,7 +21,7 @@ import FeaturesSection from '../../components/WebPageComponents/FeaturesComponen
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'f45f54f45f45h54';
+  const projectName = 'FLPMSUPERSTAR';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -86,10 +86,10 @@ export default function WebSite() {
           content={`Explore the range of services offered by ${projectName} to streamline your project management processes. Discover how our features can enhance productivity and collaboration for your team.`}
         />
       </Head>
-      <WebSiteHeader projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteHeader projectName={'FLPMSUPERSTAR'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Team working on project plans']}
           mainText={`Transform Your Projects with ${projectName}`}
           subTitle={`Discover the comprehensive services offered by ${projectName} to elevate your project management experience. From seamless integration to real-time collaboration, we have you covered.`}
@@ -98,9 +98,9 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           image={['Features displayed on a screen']}
-          withBg={1}
+          withBg={0}
           features={features_points}
           mainText={`Discover ${projectName} Services`}
           subTitle={`Explore the powerful features of ${projectName} designed to streamline your project management and enhance team productivity.`}
@@ -108,14 +108,14 @@ export default function WebSite() {
         />
 
         <ContactFormSection
-          projectName={'f45f54f45f45h54'}
+          projectName={'FLPMSUPERSTAR'}
           design={ContactFormDesigns.HIGHLIGHTED || ''}
           image={['Person typing on a laptop']}
           mainText={`Reach Out to ${projectName} `}
           subTitle={`Have questions or need assistance? Contact us anytime, and our team will respond promptly to support your project management needs.`}
         />
       </main>
-      <WebSiteFooter projectName={'f45f54f45f45h54'} pages={pages} />
+      <WebSiteFooter projectName={'FLPMSUPERSTAR'} pages={pages} />
     </div>
   );
 }