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 bd76514..ccf68df 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 
 
-# surprise me wtf
+# My 2nd Bobapp
 
 ## This project was generated by [Flatlogic Platform](https://flatlogic.com).
 
diff --git a/backend/README.md b/backend/README.md
index eb79a75..fbbd97c 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -1,4 +1,4 @@
-#surprise me wtf - template backend,
+#My 2nd Bobapp - template backend,
 
 #### Run App on local machine:
 
@@ -38,10 +38,10 @@
 
 - Type this command to creating a new database.
 
-  - `postgres=> CREATE DATABASE db_surprise_me_wtf;`
+  - `postgres=> CREATE DATABASE db_my_2nd_bobapp;`
 
 - Then give that new user privileges to the new database then quit the `psql`.
-  - `postgres=> GRANT ALL PRIVILEGES ON DATABASE db_surprise_me_wtf TO admin;`
+  - `postgres=> GRANT ALL PRIVILEGES ON DATABASE db_my_2nd_bobapp TO admin;`
   - `postgres=> \q`
 
 ---
diff --git a/backend/package.json b/backend/package.json
index a8060fe..b78fd4e 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "surprisemewtf",
-  "description": "surprise me wtf - template backend",
+  "name": "my2ndbobapp",
+  "description": "My 2nd Bobapp - template backend",
   "scripts": {
     "start": "npm run db:migrate && npm run db:seed && nodemon ./src/index.js --delay 1000",
     "db:migrate": "sequelize-cli db:migrate",
diff --git a/backend/src/config.js b/backend/src/config.js
index ed31485..4b192c1 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: '5cc3c56e0b59d46e071704ab7b534c1a',
+    hash: 'afeefb9d49f5b7977577876b99532ac7',
   },
   bcrypt: {
     saltRounds: 12,
@@ -35,7 +35,7 @@ const config = {
   },
   uploadDir: os.tmpdir(),
   email: {
-    from: 'surprise me wtf <app@flatlogic.app>',
+    from: 'My 2nd Bobapp <app@flatlogic.app>',
     host: 'email-smtp.us-east-1.amazonaws.com',
     port: 587,
     auth: {
diff --git a/backend/src/db/db.config.js b/backend/src/db/db.config.js
index 0665f13..c869a48 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_surprise_me_wtf',
+    database: 'db_my_2nd_bobapp',
     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 9c3a664..bfccbf7 100644
--- a/backend/src/db/seeders/20231127130745-sample-data.js
+++ b/backend/src/db/seeders/20231127130745-sample-data.js
@@ -47,6 +47,30 @@ const CustomersData = [
 
     // type code here for "relation_one" field
   },
+
+  {
+    name: 'Initech',
+
+    email: 'sales@initech.com',
+
+    phone: '555-4321',
+
+    // type code here for "relation_many" field
+
+    // type code here for "relation_one" field
+  },
+
+  {
+    name: 'Umbrella Corp.',
+
+    email: 'service@umbrella.com',
+
+    phone: '555-6789',
+
+    // type code here for "relation_many" field
+
+    // type code here for "relation_one" field
+  },
 ];
 
 const OrdersData = [
@@ -91,6 +115,34 @@ const OrdersData = [
 
     // type code here for "relation_one" field
   },
+
+  {
+    order_number: 'ORD004',
+
+    order_date: new Date('2023-10-04T09:45:00Z'),
+
+    total_amount: 1800,
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_many" field
+
+    // type code here for "relation_one" field
+  },
+
+  {
+    order_number: 'ORD005',
+
+    order_date: new Date('2023-10-05T16:20:00Z'),
+
+    total_amount: 2750,
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_many" field
+
+    // type code here for "relation_one" field
+  },
 ];
 
 const ProductsData = [
@@ -129,6 +181,30 @@ const ProductsData = [
 
     // type code here for "relation_one" field
   },
+
+  {
+    name: 'Widget D',
+
+    price: 55,
+
+    stock: 250,
+
+    // type code here for "relation_many" field
+
+    // type code here for "relation_one" field
+  },
+
+  {
+    name: 'Widget E',
+
+    price: 65,
+
+    stock: 300,
+
+    // type code here for "relation_many" field
+
+    // type code here for "relation_one" field
+  },
 ];
 
 const TasksData = [
@@ -137,7 +213,7 @@ const TasksData = [
 
     description: 'Compile the sales data for Q3',
 
-    status: 'ToDo',
+    status: 'InProgress',
 
     start_date: new Date('2023-10-01T08:00:00Z'),
 
@@ -169,7 +245,7 @@ const TasksData = [
 
     description: 'Schedule and prepare agenda for team meeting',
 
-    status: 'ToDo',
+    status: 'InProgress',
 
     start_date: new Date('2023-10-03T10:00:00Z'),
 
@@ -179,20 +255,60 @@ const TasksData = [
 
     // type code here for "relation_one" field
   },
+
+  {
+    title: 'Review Financial Statements',
+
+    description: 'Analyze the financial statements for discrepancies',
+
+    status: 'ToDo',
+
+    start_date: new Date('2023-10-04T12:00:00Z'),
+
+    end_date: new Date('2023-10-07T15:00:00Z'),
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_one" field
+  },
+
+  {
+    title: 'Develop Marketing Strategy',
+
+    description: 'Create a new marketing strategy for Q4',
+
+    status: 'ToDo',
+
+    start_date: new Date('2023-10-05T13:00:00Z'),
+
+    end_date: new Date('2023-10-10T16:00:00Z'),
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_one" field
+  },
 ];
 
 const OrganizationsData = [
   {
-    name: 'James Clerk Maxwell',
+    name: 'August Kekule',
   },
 
   {
-    name: 'Jean Piaget',
+    name: 'Frederick Gowland Hopkins',
+  },
+
+  {
+    name: 'Wilhelm Wundt',
   },
 
   {
     name: 'Paul Ehrlich',
   },
+
+  {
+    name: 'Isaac Newton',
+  },
 ];
 
 // Similar logic for "relation_many"
@@ -230,6 +346,28 @@ async function associateUserWithOrganization() {
   if (User2?.setOrganization) {
     await User2.setOrganization(relatedOrganization2);
   }
+
+  const relatedOrganization3 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const User3 = await Users.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (User3?.setOrganization) {
+    await User3.setOrganization(relatedOrganization3);
+  }
+
+  const relatedOrganization4 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const User4 = await Users.findOne({
+    order: [['id', 'ASC']],
+    offset: 4,
+  });
+  if (User4?.setOrganization) {
+    await User4.setOrganization(relatedOrganization4);
+  }
 }
 
 // Similar logic for "relation_many"
@@ -267,6 +405,28 @@ async function associateCustomerWithOrganization() {
   if (Customer2?.setOrganization) {
     await Customer2.setOrganization(relatedOrganization2);
   }
+
+  const relatedOrganization3 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Customer3 = await Customers.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Customer3?.setOrganization) {
+    await Customer3.setOrganization(relatedOrganization3);
+  }
+
+  const relatedOrganization4 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Customer4 = await Customers.findOne({
+    order: [['id', 'ASC']],
+    offset: 4,
+  });
+  if (Customer4?.setOrganization) {
+    await Customer4.setOrganization(relatedOrganization4);
+  }
 }
 
 async function associateOrderWithCustomer() {
@@ -302,6 +462,28 @@ async function associateOrderWithCustomer() {
   if (Order2?.setCustomer) {
     await Order2.setCustomer(relatedCustomer2);
   }
+
+  const relatedCustomer3 = await Customers.findOne({
+    offset: Math.floor(Math.random() * (await Customers.count())),
+  });
+  const Order3 = await Orders.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Order3?.setCustomer) {
+    await Order3.setCustomer(relatedCustomer3);
+  }
+
+  const relatedCustomer4 = await Customers.findOne({
+    offset: Math.floor(Math.random() * (await Customers.count())),
+  });
+  const Order4 = await Orders.findOne({
+    order: [['id', 'ASC']],
+    offset: 4,
+  });
+  if (Order4?.setCustomer) {
+    await Order4.setCustomer(relatedCustomer4);
+  }
 }
 
 // Similar logic for "relation_many"
@@ -339,6 +521,28 @@ async function associateOrderWithOrganization() {
   if (Order2?.setOrganization) {
     await Order2.setOrganization(relatedOrganization2);
   }
+
+  const relatedOrganization3 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Order3 = await Orders.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Order3?.setOrganization) {
+    await Order3.setOrganization(relatedOrganization3);
+  }
+
+  const relatedOrganization4 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Order4 = await Orders.findOne({
+    order: [['id', 'ASC']],
+    offset: 4,
+  });
+  if (Order4?.setOrganization) {
+    await Order4.setOrganization(relatedOrganization4);
+  }
 }
 
 // Similar logic for "relation_many"
@@ -376,6 +580,28 @@ async function associateProductWithOrganization() {
   if (Product2?.setOrganization) {
     await Product2.setOrganization(relatedOrganization2);
   }
+
+  const relatedOrganization3 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Product3 = await Products.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Product3?.setOrganization) {
+    await Product3.setOrganization(relatedOrganization3);
+  }
+
+  const relatedOrganization4 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Product4 = await Products.findOne({
+    order: [['id', 'ASC']],
+    offset: 4,
+  });
+  if (Product4?.setOrganization) {
+    await Product4.setOrganization(relatedOrganization4);
+  }
 }
 
 async function associateTaskWithAssigned_user() {
@@ -411,6 +637,28 @@ async function associateTaskWithAssigned_user() {
   if (Task2?.setAssigned_user) {
     await Task2.setAssigned_user(relatedAssigned_user2);
   }
+
+  const relatedAssigned_user3 = await Users.findOne({
+    offset: Math.floor(Math.random() * (await Users.count())),
+  });
+  const Task3 = await Tasks.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Task3?.setAssigned_user) {
+    await Task3.setAssigned_user(relatedAssigned_user3);
+  }
+
+  const relatedAssigned_user4 = await Users.findOne({
+    offset: Math.floor(Math.random() * (await Users.count())),
+  });
+  const Task4 = await Tasks.findOne({
+    order: [['id', 'ASC']],
+    offset: 4,
+  });
+  if (Task4?.setAssigned_user) {
+    await Task4.setAssigned_user(relatedAssigned_user4);
+  }
 }
 
 async function associateTaskWithOrganization() {
@@ -446,6 +694,28 @@ async function associateTaskWithOrganization() {
   if (Task2?.setOrganization) {
     await Task2.setOrganization(relatedOrganization2);
   }
+
+  const relatedOrganization3 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Task3 = await Tasks.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Task3?.setOrganization) {
+    await Task3.setOrganization(relatedOrganization3);
+  }
+
+  const relatedOrganization4 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Task4 = await Tasks.findOne({
+    order: [['id', 'ASC']],
+    offset: 4,
+  });
+  if (Task4?.setOrganization) {
+    await Task4.setOrganization(relatedOrganization4);
+  }
 }
 
 module.exports = {
diff --git a/backend/src/index.js b/backend/src/index.js
index 8fc2776..1b34ec1 100644
--- a/backend/src/index.js
+++ b/backend/src/index.js
@@ -47,9 +47,9 @@ const options = {
     openapi: '3.0.0',
     info: {
       version: '1.0.0',
-      title: 'surprise me wtf',
+      title: 'My 2nd Bobapp',
       description:
-        'surprise me wtf Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.',
+        'My 2nd Bobapp Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.',
     },
     servers: [
       {
diff --git a/backend/src/services/notifications/list.js b/backend/src/services/notifications/list.js
index d6aa5d4..26dba3a 100644
--- a/backend/src/services/notifications/list.js
+++ b/backend/src/services/notifications/list.js
@@ -1,6 +1,6 @@
 const errors = {
   app: {
-    title: 'surprise me wtf',
+    title: 'My 2nd Bobapp',
   },
 
   auth: {
diff --git a/docker/docker-compose.yml b/docker/docker-compose.yml
index 9d64e6f..3c380dc 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_surprise_me_wtf
+      - POSTGRES_DB=db_my_2nd_bobapp
     ports:
       - "5432:5432"
   backend:
diff --git a/frontend/README.md b/frontend/README.md
index 8fb339d..3c57069 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -1,4 +1,4 @@
-# surprise me wtf
+# My 2nd Bobapp
 
 ## This project was generated by Flatlogic Platform.
 
diff --git a/frontend/json/runtimeError.json b/frontend/json/runtimeError.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/frontend/json/runtimeError.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/frontend/src/components/AsideMenuLayer.tsx b/frontend/src/components/AsideMenuLayer.tsx
index d5667af..29c8e8d 100644
--- a/frontend/src/components/AsideMenuLayer.tsx
+++ b/frontend/src/components/AsideMenuLayer.tsx
@@ -75,7 +75,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'>surprise me wtf</b>
+              <b className='font-black'>My 2nd Bobapp</b>
             </Link>
 
             {organizationName && <p>{organizationName}</p>}
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..1c882e7 100644
--- a/frontend/src/components/WebPageComponents/Header.tsx
+++ b/frontend/src/components/WebPageComponents/Header.tsx
@@ -19,9 +19,9 @@ 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;
+  const design = HeaderDesigns.DEFAULT_DESIGN;
   return (
     <header id='websiteHeader' className='overflow-hidden'>
       <div
diff --git a/frontend/src/pages/_app.tsx b/frontend/src/pages/_app.tsx
index b42be1c..1a2da94 100644
--- a/frontend/src/pages/_app.tsx
+++ b/frontend/src/pages/_app.tsx
@@ -71,9 +71,9 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
     }
   }, []);
 
-  const title = 'surprise me wtf';
+  const title = 'My 2nd Bobapp';
 
-  const description = 'surprise me wtf generated by Flatlogic';
+  const description = 'My 2nd Bobapp generated by Flatlogic';
 
   const url = 'https://flatlogic.com/';
 
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 92dfd6b..5efd14d 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 = 'surprise me wtf';
+  const projectName = 'My 2nd Bobapp';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -130,10 +130,10 @@ export default function WebSite() {
           content={`Discover our comprehensive enterprise management system that integrates CRM, ERP, and data management to streamline your business operations. Explore features, learn about our mission, and get in touch with us today.`}
         />
       </Head>
-      <WebSiteHeader projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteHeader projectName={'My 2nd Bobapp'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Unified business management interface']}
           mainText={`Transform Your Business with ${projectName}`}
           subTitle={`Experience seamless integration of CRM, ERP, and data management with ${projectName}. Streamline operations and empower your team with our intuitive platform.`}
@@ -142,9 +142,9 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Dashboard showcasing key metrics']}
-          withBg={0}
+          withBg={1}
           features={features_points}
           mainText={`Explore ${projectName} Key Features`}
           subTitle={`Unlock the full potential of your business with ${projectName}'s comprehensive features designed to streamline operations and enhance productivity.`}
@@ -152,7 +152,7 @@ export default function WebSite() {
         />
 
         <AboutUsSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Team collaborating in modern office']}
           mainText={`Discover the Heart of ${projectName}`}
           subTitle={`At ${projectName}, we are committed to revolutionizing business management. Our mission is to provide a seamless, integrated platform that empowers businesses to thrive in a competitive landscape.`}
@@ -161,21 +161,21 @@ export default function WebSite() {
         />
 
         <FaqSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           design={FaqDesigns.ACCORDION || ''}
           faqs={faqs}
           mainText={`Frequently Asked Questions about ${projectName} `}
         />
 
         <ContactFormSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person typing on a laptop']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`Reach out to us anytime. Our team at ${projectName} is here to assist you with any inquiries or support you need. Expect a prompt response within 24 hours.`}
         />
       </main>
-      <WebSiteFooter projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteFooter projectName={'My 2nd Bobapp'} pages={pages} />
     </div>
   );
 }
diff --git a/frontend/src/pages/login.tsx b/frontend/src/pages/login.tsx
index 7ca8a27..76f6364 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 = 'surprise me wtf';
+  const title = 'My 2nd Bobapp';
 
   // Fetch Pexels image/video
   useEffect(() => {
@@ -191,10 +191,7 @@ export default function Login() {
           <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'>
-                  {' '}
-                  surprise me wtf
-                </h2>
+                <h2 className='text-4xl font-semibold my-4'> My 2nd Bobapp</h2>
               </Link>
 
               <div className='flex flex-row text-gray-500 justify-between'>
diff --git a/frontend/src/pages/privacy-policy.tsx b/frontend/src/pages/privacy-policy.tsx
index 22eeb6d..2d74068 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 = 'surprise me wtf';
+  const title = 'My 2nd Bobapp';
   const [projectUrl, setProjectUrl] = useState('');
 
   useEffect(() => {
diff --git a/frontend/src/pages/terms-of-use.tsx b/frontend/src/pages/terms-of-use.tsx
index aa31030..cbb9ea3 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 = 'surprise me wtf';
+  const title = 'My 2nd Bobapp';
   const [projectUrl, setProjectUrl] = useState('');
 
   useEffect(() => {
diff --git a/frontend/src/pages/web_pages/about.tsx b/frontend/src/pages/web_pages/about.tsx
index c0ada53..0d2d671 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 = 'surprise me wtf';
+  const projectName = 'My 2nd Bobapp';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -89,10 +89,10 @@ export default function WebSite() {
           content={`Discover the mission, values, and team behind ${projectName}. Learn how our innovative platform is transforming business management and empowering organizations worldwide.`}
         />
       </Head>
-      <WebSiteHeader projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteHeader projectName={'My 2nd Bobapp'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Team brainstorming in modern office']}
           mainText={`Meet the Visionaries Behind ${projectName}`}
           subTitle={`Discover the passion and innovation driving ${projectName}. Our dedicated team is committed to transforming business management with cutting-edge solutions and unparalleled support.`}
@@ -101,7 +101,7 @@ export default function WebSite() {
         />
 
         <AboutUsSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Team members collaborating on project']}
           mainText={`Our Journey with ${projectName}`}
           subTitle={`At ${projectName}, we are driven by a mission to revolutionize business management. Our team is dedicated to creating innovative solutions that empower organizations to achieve their goals.`}
@@ -110,9 +110,9 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Icons representing key features']}
-          withBg={1}
+          withBg={0}
           features={features_points}
           mainText={`Unveiling ${projectName} Core Features`}
           subTitle={`Explore the powerful features of ${projectName} that drive efficiency and innovation in business management.`}
@@ -120,14 +120,14 @@ export default function WebSite() {
         />
 
         <ContactFormSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           design={ContactFormDesigns.HIGHLIGHTED || ''}
           image={['Person using a smartphone']}
           mainText={`Connect with ${projectName} Today `}
           subTitle={`We're here to help! Reach out to us anytime with your questions or feedback. Our team at ${projectName} is committed to responding within 24 hours.`}
         />
       </main>
-      <WebSiteFooter projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteFooter projectName={'My 2nd Bobapp'} pages={pages} />
     </div>
   );
 }
diff --git a/frontend/src/pages/web_pages/contact.tsx b/frontend/src/pages/web_pages/contact.tsx
index 4854157..b8b3b67 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 = 'surprise me wtf';
+  const projectName = 'My 2nd Bobapp';
 
   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 questions and provide the help you need.`}
         />
       </Head>
-      <WebSiteHeader projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteHeader projectName={'My 2nd Bobapp'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Customer service representative smiling']}
           mainText={`Connect with ${projectName} Today`}
           subTitle={`We're here to help! Whether you have questions, need support, or want to learn more about ${projectName}, our team is ready to assist you. Reach out and let's start a conversation.`}
@@ -74,14 +74,14 @@ export default function WebSite() {
         />
 
         <ContactFormSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person filling out contact form']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`Have questions or need assistance? Fill out the form below, and our team at ${projectName} will get back to you within 24 hours.`}
         />
       </main>
-      <WebSiteFooter projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteFooter projectName={'My 2nd Bobapp'} pages={pages} />
     </div>
   );
 }
diff --git a/frontend/src/pages/web_pages/faq.tsx b/frontend/src/pages/web_pages/faq.tsx
index d7d58e3..40ed86c 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 = 'surprise me wtf';
+  const projectName = 'My 2nd Bobapp';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -100,10 +100,10 @@ export default function WebSite() {
           content={`Find answers to common questions about ${projectName}. Learn more about our features, services, and how we can help your business succeed.`}
         />
       </Head>
-      <WebSiteHeader projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteHeader projectName={'My 2nd Bobapp'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Person reading FAQ document']}
           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 understand our platform better.`}
@@ -112,13 +112,13 @@ export default function WebSite() {
         />
 
         <FaqSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           design={FaqDesigns.ACCORDION || ''}
           faqs={faqs}
           mainText={`Common Questions About ${projectName} `}
         />
       </main>
-      <WebSiteFooter projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteFooter projectName={'My 2nd Bobapp'} pages={pages} />
     </div>
   );
 }
diff --git a/frontend/src/pages/web_pages/home.tsx b/frontend/src/pages/web_pages/home.tsx
index 9fe0c6c..5276856 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 = 'surprise me wtf';
+  const projectName = 'My 2nd Bobapp';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -130,10 +130,10 @@ export default function WebSite() {
           content={`Discover our comprehensive enterprise management system that integrates CRM, ERP, and data management to streamline your business operations. Explore features, learn about our mission, and get in touch with us today.`}
         />
       </Head>
-      <WebSiteHeader projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteHeader projectName={'My 2nd Bobapp'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Unified business management interface']}
           mainText={`Transform Your Business with ${projectName}`}
           subTitle={`Experience seamless integration of CRM, ERP, and data management with ${projectName}. Streamline operations and empower your team with our intuitive platform.`}
@@ -142,7 +142,7 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Dashboard showcasing key metrics']}
           withBg={0}
           features={features_points}
@@ -152,7 +152,7 @@ export default function WebSite() {
         />
 
         <AboutUsSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Team collaborating in modern office']}
           mainText={`Discover the Heart of ${projectName}`}
           subTitle={`At ${projectName}, we are committed to revolutionizing business management. Our mission is to provide a seamless, integrated platform that empowers businesses to thrive in a competitive landscape.`}
@@ -161,21 +161,21 @@ export default function WebSite() {
         />
 
         <FaqSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           design={FaqDesigns.ACCORDION || ''}
           faqs={faqs}
           mainText={`Frequently Asked Questions about ${projectName} `}
         />
 
         <ContactFormSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person typing on a laptop']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`Reach out to us anytime. Our team at ${projectName} is here to assist you with any inquiries or support you need. Expect a prompt response within 24 hours.`}
         />
       </main>
-      <WebSiteFooter projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteFooter projectName={'My 2nd Bobapp'} pages={pages} />
     </div>
   );
 }
diff --git a/frontend/src/pages/web_pages/services.tsx b/frontend/src/pages/web_pages/services.tsx
index e450adf..0a35cfd 100644
--- a/frontend/src/pages/web_pages/services.tsx
+++ b/frontend/src/pages/web_pages/services.tsx
@@ -21,7 +21,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 = 'surprise me wtf';
+  const projectName = 'My 2nd Bobapp';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -86,10 +86,10 @@ export default function WebSite() {
           content={`Explore the range of services provided by ${projectName}. From seamless integration to real-time analytics, learn how our solutions can enhance your business operations.`}
         />
       </Head>
-      <WebSiteHeader projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteHeader projectName={'My 2nd Bobapp'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Business team discussing strategy']}
           mainText={`Unlock Business Potential with ${projectName}`}
           subTitle={`Discover the comprehensive services offered by ${projectName} to streamline your operations and drive growth. Our solutions are designed to meet the unique needs of your business.`}
@@ -98,7 +98,7 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           image={['Icons representing service features']}
           withBg={0}
           features={features_points}
@@ -108,14 +108,14 @@ export default function WebSite() {
         />
 
         <ContactFormSection
-          projectName={'surprise me wtf'}
+          projectName={'My 2nd Bobapp'}
           design={ContactFormDesigns.HIGHLIGHTED_DIVERSITY || ''}
           image={['Person typing on a laptop']}
           mainText={`Reach Out to ${projectName} `}
           subTitle={`Have questions about our services? Contact us anytime, and our team at ${projectName} will respond within 24 hours to assist you.`}
         />
       </main>
-      <WebSiteFooter projectName={'surprise me wtf'} pages={pages} />
+      <WebSiteFooter projectName={'My 2nd Bobapp'} pages={pages} />
     </div>
   );
 }
diff --git a/pids/backend.pid b/pids/backend.pid
index b8626c4..b8e817d 100644
--- a/pids/backend.pid
+++ b/pids/backend.pid
@@ -1 +1 @@
-4
+255
\ No newline at end of file
diff --git a/pids/frontend.pid b/pids/frontend.pid
index 00750ed..dd4a900 100644
--- a/pids/frontend.pid
+++ b/pids/frontend.pid
@@ -1 +1 @@
-3
+254
\ No newline at end of file