.gitignore

@@ -1,8 +1,3 @@
 node_modules/
 */node_modules/
 */build/
-
-**/node_modules/
-**/build/
-.DS_Store
-.env

README.md

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

backend/README.md

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

backend/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "test233",
+  "name": "test23",
-  "description": "test233 - template backend",
+  "description": "test23 - 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: 'ea2c25db91a1e39fcd7217d1b32abcf7',
   },
   bcrypt: {
     saltRounds: 12,
@@ -36,7 +36,7 @@ const config = {
   },
   uploadDir: os.tmpdir(),
   email: {
-    from: 'test233 <app@flatlogic.app>',
+    from: 'test23 <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_test233',
+    database: 'db_test23',
     host: process.env.DB_HOST || 'localhost',
     logging: console.log,
     seederStorage: 'sequelize',

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

@@ -55,6 +55,20 @@ const ActivitiesData = [
 
     // type code here for "relation_one" field
   },
+
+  {
+    description: 'Client feedback session for Johnson Family',
+
+    start_time: new Date('2023-10-04T15:00:00Z'),
+
+    end_time: new Date('2023-10-04T16:00:00Z'),
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_one" field
+  },
 ];
 
 const ContactsData = [
@@ -93,26 +107,24 @@ const ContactsData = [
 
     // type code here for "relation_one" field
   },
+
+  {
+    first_name: 'Diana',
+
+    last_name: 'Green',
+
+    email: 'diana.green@greenfield.com',
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_one" field
+  },
 ];
 
 const LeadsData = [
   {
     name: 'Acme Corporation',
 
-    status: 'contacted',
-
-    category: 'corporate',
-
-    // type code here for "relation_one" field
-
-    // type code here for "relation_many" field
-
-    // type code here for "relation_one" field
-  },
-
-  {
-    name: 'Smith & Co',
-
     status: 'lost',
 
     category: 'corporate',
@@ -124,12 +136,40 @@ const LeadsData = [
     // type code here for "relation_one" field
   },
 
+  {
+    name: 'Smith & Co',
+
+    status: 'new',
+
+    category: 'litigation',
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_many" field
+
+    // type code here for "relation_one" field
+  },
+
   {
     name: 'Greenfield Estates',
 
-    status: 'qualified',
+    status: 'new',
 
-    category: 'family',
+    category: 'litigation',
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_many" field
+
+    // type code here for "relation_one" field
+  },
+
+  {
+    name: 'Johnson Family',
+
+    status: 'contacted',
+
+    category: 'real_estate',
 
     // type code here for "relation_one" field
 
@@ -169,6 +209,16 @@ const MetricsData = [
 
     // type code here for "relation_one" field
   },
+
+  {
+    name: 'Marketing ROI',
+
+    value: 120,
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_one" field
+  },
 ];
 
 const NotesData = [
@@ -201,19 +251,33 @@ const NotesData = [
 
     // type code here for "relation_one" field
   },
+
+  {
+    content: 'Johnson Family case closed',
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_one" field
+
+    // type code here for "relation_one" field
+  },
 ];
 
 const OrganizationsData = [
   {
-    name: 'Albert Einstein',
+    name: 'Richard Feynman',
   },
 
   {
-    name: 'Isaac Newton',
+    name: 'Erwin Schrodinger',
   },
 
   {
-    name: 'Paul Ehrlich',
+    name: 'Gustav Kirchhoff',
+  },
+
+  {
+    name: 'Max Planck',
   },
 ];
 
@@ -252,6 +316,17 @@ 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);
+  }
 }
 
 async function associateActivityWithUser() {
@@ -287,6 +362,17 @@ async function associateActivityWithUser() {
   if (Activity2?.setUser) {
     await Activity2.setUser(relatedUser2);
   }
+
+  const relatedUser3 = await Users.findOne({
+    offset: Math.floor(Math.random() * (await Users.count())),
+  });
+  const Activity3 = await Activities.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Activity3?.setUser) {
+    await Activity3.setUser(relatedUser3);
+  }
 }
 
 async function associateActivityWithLead() {
@@ -322,6 +408,17 @@ async function associateActivityWithLead() {
   if (Activity2?.setLead) {
     await Activity2.setLead(relatedLead2);
   }
+
+  const relatedLead3 = await Leads.findOne({
+    offset: Math.floor(Math.random() * (await Leads.count())),
+  });
+  const Activity3 = await Activities.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Activity3?.setLead) {
+    await Activity3.setLead(relatedLead3);
+  }
 }
 
 async function associateActivityWithOrganization() {
@@ -357,6 +454,17 @@ async function associateActivityWithOrganization() {
   if (Activity2?.setOrganization) {
     await Activity2.setOrganization(relatedOrganization2);
   }
+
+  const relatedOrganization3 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Activity3 = await Activities.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Activity3?.setOrganization) {
+    await Activity3.setOrganization(relatedOrganization3);
+  }
 }
 
 async function associateContactWithLead() {
@@ -392,6 +500,17 @@ async function associateContactWithLead() {
   if (Contact2?.setLead) {
     await Contact2.setLead(relatedLead2);
   }
+
+  const relatedLead3 = await Leads.findOne({
+    offset: Math.floor(Math.random() * (await Leads.count())),
+  });
+  const Contact3 = await Contacts.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Contact3?.setLead) {
+    await Contact3.setLead(relatedLead3);
+  }
 }
 
 async function associateContactWithOrganization() {
@@ -427,6 +546,17 @@ async function associateContactWithOrganization() {
   if (Contact2?.setOrganization) {
     await Contact2.setOrganization(relatedOrganization2);
   }
+
+  const relatedOrganization3 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Contact3 = await Contacts.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Contact3?.setOrganization) {
+    await Contact3.setOrganization(relatedOrganization3);
+  }
 }
 
 async function associateLeadWithOwner() {
@@ -462,6 +592,17 @@ async function associateLeadWithOwner() {
   if (Lead2?.setOwner) {
     await Lead2.setOwner(relatedOwner2);
   }
+
+  const relatedOwner3 = await Users.findOne({
+    offset: Math.floor(Math.random() * (await Users.count())),
+  });
+  const Lead3 = await Leads.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Lead3?.setOwner) {
+    await Lead3.setOwner(relatedOwner3);
+  }
 }
 
 // Similar logic for "relation_many"
@@ -499,6 +640,17 @@ async function associateLeadWithOrganization() {
   if (Lead2?.setOrganization) {
     await Lead2.setOrganization(relatedOrganization2);
   }
+
+  const relatedOrganization3 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Lead3 = await Leads.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Lead3?.setOrganization) {
+    await Lead3.setOrganization(relatedOrganization3);
+  }
 }
 
 async function associateMetricWithUser() {
@@ -534,6 +686,17 @@ async function associateMetricWithUser() {
   if (Metric2?.setUser) {
     await Metric2.setUser(relatedUser2);
   }
+
+  const relatedUser3 = await Users.findOne({
+    offset: Math.floor(Math.random() * (await Users.count())),
+  });
+  const Metric3 = await Metrics.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Metric3?.setUser) {
+    await Metric3.setUser(relatedUser3);
+  }
 }
 
 async function associateMetricWithOrganization() {
@@ -569,6 +732,17 @@ async function associateMetricWithOrganization() {
   if (Metric2?.setOrganization) {
     await Metric2.setOrganization(relatedOrganization2);
   }
+
+  const relatedOrganization3 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Metric3 = await Metrics.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Metric3?.setOrganization) {
+    await Metric3.setOrganization(relatedOrganization3);
+  }
 }
 
 async function associateNoteWithUser() {
@@ -604,6 +778,17 @@ async function associateNoteWithUser() {
   if (Note2?.setUser) {
     await Note2.setUser(relatedUser2);
   }
+
+  const relatedUser3 = await Users.findOne({
+    offset: Math.floor(Math.random() * (await Users.count())),
+  });
+  const Note3 = await Notes.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Note3?.setUser) {
+    await Note3.setUser(relatedUser3);
+  }
 }
 
 async function associateNoteWithLead() {
@@ -639,6 +824,17 @@ async function associateNoteWithLead() {
   if (Note2?.setLead) {
     await Note2.setLead(relatedLead2);
   }
+
+  const relatedLead3 = await Leads.findOne({
+    offset: Math.floor(Math.random() * (await Leads.count())),
+  });
+  const Note3 = await Notes.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Note3?.setLead) {
+    await Note3.setLead(relatedLead3);
+  }
 }
 
 async function associateNoteWithOrganization() {
@@ -674,6 +870,17 @@ async function associateNoteWithOrganization() {
   if (Note2?.setOrganization) {
     await Note2.setOrganization(relatedOrganization2);
   }
+
+  const relatedOrganization3 = await Organizations.findOne({
+    offset: Math.floor(Math.random() * (await Organizations.count())),
+  });
+  const Note3 = await Notes.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Note3?.setOrganization) {
+    await Note3.setOrganization(relatedOrganization3);
+  }
 }
 
 module.exports = {

backend/src/index.js

@@ -49,9 +49,9 @@ const options = {
     openapi: '3.0.0',
     info: {
       version: '1.0.0',
-      title: 'test233',
+      title: 'test23',
       description:
-        'test233 Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.',
+        'test23 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: 'test233',
+    title: 'test23',
   },
 
   auth: {

docker/docker-compose.yml

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

frontend/README.md

@@ -1,4 +1,4 @@
-# test233
+# test23
 
 ## This project was generated by Flatlogic Platform.
 

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'>test233</b>
+              <b className='font-black'>test23</b>
             </Link>
 
             {organizationName && <p>{organizationName}</p>}

frontend/src/components/WebPageComponents/Footer.tsx

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

frontend/src/pages/_app.tsx

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

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 = 'test233';
+  const projectName = 'test23';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -125,10 +125,10 @@ export default function WebSite() {
           content={`Discover our CRM solution tailored for the law industry, connecting departments and streamlining lead management. Enhance your firm's efficiency with our comprehensive features.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test233'} pages={pages} />
+      <WebSiteHeader projectName={'test23'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Law professionals collaborating efficiently']}
           mainText={`Revolutionize Your Law Firm's Efficiency`}
           subTitle={`Connect departments seamlessly with ${projectName}. Streamline lead management and enhance collaboration for unparalleled legal service delivery.`}
@@ -137,7 +137,7 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Dashboard showcasing CRM features']}
           withBg={0}
           features={features_points}
@@ -147,14 +147,14 @@ export default function WebSite() {
         />
 
         <TestimonialsSection
-          projectName={'test233'}
+          projectName={'test23'}
           design={TestimonialsDesigns.MULTI_CARD_DISPLAY || ''}
           testimonials={testimonials}
           mainText={`What Our Clients Say About ${projectName} `}
         />
 
         <AboutUsSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Team collaborating in modern office']}
           mainText={`Empowering Law Firms with ${projectName}`}
           subTitle={`At ${projectName}, we are dedicated to revolutionizing the legal industry by providing a comprehensive CRM solution. Our mission is to enhance collaboration, streamline processes, and drive efficiency for law firms worldwide.`}
@@ -163,14 +163,14 @@ export default function WebSite() {
         />
 
         <ContactFormSection
-          projectName={'test233'}
+          projectName={'test23'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person typing on a laptop']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`Reach out to us anytime. Our team is ready to assist you with any inquiries or support you need. Expect a prompt response from our dedicated team.`}
         />
       </main>
-      <WebSiteFooter projectName={'test233'} pages={pages} />
+      <WebSiteFooter projectName={'test23'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/login.tsx

@@ -50,7 +50,7 @@ export default function Login() {
     remember: true,
   });
 
-  const title = 'test233';
+  const title = 'test23';
 
   // 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 = 'test233';
+  const title = 'test23';
   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 = 'test233';
+  const title = 'test23';
   const [projectUrl, setProjectUrl] = useState('');
 
   useEffect(() => {

frontend/src/pages/web_pages/about.tsx

@@ -24,7 +24,7 @@ import TestimonialsSection from '../../components/WebPageComponents/Testimonials
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'test233';
+  const projectName = 'test23';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -122,10 +122,10 @@ export default function WebSite() {
           content={`Learn more about ${projectName}, our mission, and how we are transforming the legal industry with our innovative CRM solutions.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test233'} pages={pages} />
+      <WebSiteHeader projectName={'test23'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Team brainstorming in modern office']}
           mainText={`Discover the Vision Behind ${projectName}`}
           subTitle={`Explore our journey and commitment to revolutionizing the legal industry. At ${projectName}, we strive to empower law firms with cutting-edge CRM solutions.`}
@@ -134,7 +134,7 @@ export default function WebSite() {
         />
 
         <AboutUsSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Diverse team collaborating effectively']}
           mainText={`Our Mission at ${projectName}`}
           subTitle={`At ${projectName}, we are dedicated to transforming the legal industry with innovative CRM solutions. Our team is committed to enhancing efficiency and collaboration for law firms worldwide.`}
@@ -143,7 +143,7 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Features dashboard with icons']}
           withBg={1}
           features={features_points}
@@ -153,13 +153,13 @@ export default function WebSite() {
         />
 
         <TestimonialsSection
-          projectName={'test233'}
+          projectName={'test23'}
           design={TestimonialsDesigns.HORIZONTAL_CAROUSEL_DIVERSITY || ''}
           testimonials={testimonials}
           mainText={`Hear from Our Satisfied Clients `}
         />
       </main>
-      <WebSiteFooter projectName={'test233'} pages={pages} />
+      <WebSiteFooter projectName={'test23'} pages={pages} />
     </div>
   );
 }

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 = 'test233';
+  const projectName = 'test23';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -62,10 +62,10 @@ export default function WebSite() {
           content={`Get in touch with ${projectName} for any inquiries or support. Our team is here to assist you and ensure you have the best experience with our services.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test233'} pages={pages} />
+      <WebSiteHeader projectName={'test23'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test233'}
+          projectName={'test23'}
           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 enhancing your legal operations.`}
@@ -74,14 +74,14 @@ export default function WebSite() {
         />
 
         <ContactFormSection
-          projectName={'test233'}
+          projectName={'test23'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person typing on a laptop']}
           mainText={`Reach Out to ${projectName} `}
           subTitle={`We're available to assist you with any inquiries or support. Expect a prompt response from our dedicated team at ${projectName}.`}
         />
       </main>
-      <WebSiteFooter projectName={'test233'} pages={pages} />
+      <WebSiteFooter projectName={'test23'} 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 = 'test233';
+  const projectName = 'test23';
 
   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 services, features, and how we can assist your law firm.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test233'} pages={pages} />
+      <WebSiteHeader projectName={'test23'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Person reading FAQ on tablet']}
           mainText={`Your Questions Answered with ${projectName}`}
           subTitle={`Explore our comprehensive FAQ section to find answers to your questions about ${projectName}. We're here to help you make the most of our services.`}
@@ -112,13 +112,13 @@ export default function WebSite() {
         />
 
         <FaqSection
-          projectName={'test233'}
+          projectName={'test23'}
           design={FaqDesigns.ACCORDION || ''}
           faqs={faqs}
           mainText={`Frequently Asked Questions About ${projectName} `}
         />
       </main>
-      <WebSiteFooter projectName={'test233'} pages={pages} />
+      <WebSiteFooter projectName={'test23'} 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 = 'test233';
+  const projectName = 'test23';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -125,10 +125,10 @@ export default function WebSite() {
           content={`Discover our CRM solution tailored for the law industry, connecting departments and streamlining lead management. Enhance your firm's efficiency with our comprehensive features.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test233'} pages={pages} />
+      <WebSiteHeader projectName={'test23'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Law professionals collaborating efficiently']}
           mainText={`Revolutionize Your Law Firm's Efficiency`}
           subTitle={`Connect departments seamlessly with ${projectName}. Streamline lead management and enhance collaboration for unparalleled legal service delivery.`}
@@ -137,7 +137,7 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Dashboard showcasing CRM features']}
           withBg={1}
           features={features_points}
@@ -147,14 +147,14 @@ export default function WebSite() {
         />
 
         <TestimonialsSection
-          projectName={'test233'}
+          projectName={'test23'}
           design={TestimonialsDesigns.MULTI_CARD_DISPLAY || ''}
           testimonials={testimonials}
           mainText={`What Our Clients Say About ${projectName} `}
         />
 
         <AboutUsSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Team collaborating in modern office']}
           mainText={`Empowering Law Firms with ${projectName}`}
           subTitle={`At ${projectName}, we are dedicated to revolutionizing the legal industry by providing a comprehensive CRM solution. Our mission is to enhance collaboration, streamline processes, and drive efficiency for law firms worldwide.`}
@@ -163,14 +163,14 @@ export default function WebSite() {
         />
 
         <ContactFormSection
-          projectName={'test233'}
+          projectName={'test23'}
           design={ContactFormDesigns.WITH_IMAGE || ''}
           image={['Person typing on a laptop']}
           mainText={`Get in Touch with ${projectName} `}
           subTitle={`Reach out to us anytime. Our team is ready to assist you with any inquiries or support you need. Expect a prompt response from our dedicated team.`}
         />
       </main>
-      <WebSiteFooter projectName={'test233'} pages={pages} />
+      <WebSiteFooter projectName={'test23'} pages={pages} />
     </div>
   );
 }

frontend/src/pages/web_pages/services.tsx

@@ -21,7 +21,7 @@ import TestimonialsSection from '../../components/WebPageComponents/Testimonials
 export default function WebSite() {
   const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
   const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
-  const projectName = 'test233';
+  const projectName = 'test23';
 
   useEffect(() => {
     const darkElement = document.querySelector('body .dark');
@@ -137,10 +137,10 @@ export default function WebSite() {
           content={`Explore the range of services offered by ${projectName} to enhance your law firm's operations. Discover how our innovative solutions can streamline your processes and improve efficiency.`}
         />
       </Head>
-      <WebSiteHeader projectName={'test233'} pages={pages} />
+      <WebSiteHeader projectName={'test23'} pages={pages} />
       <main className={`flex-grow    bg-white  rounded-none  `}>
         <HeroSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Law firm team in discussion']}
           mainText={`Transform Your Legal Services with ${projectName}`}
           subTitle={`Discover how ${projectName} can revolutionize your law firm's operations. Our tailored services are designed to enhance efficiency, streamline processes, and drive success.`}
@@ -149,7 +149,7 @@ export default function WebSite() {
         />
 
         <FeaturesSection
-          projectName={'test233'}
+          projectName={'test23'}
           image={['Features displayed on a screen']}
           withBg={0}
           features={features_points}
@@ -159,13 +159,13 @@ export default function WebSite() {
         />
 
         <TestimonialsSection
-          projectName={'test233'}
+          projectName={'test23'}
           design={TestimonialsDesigns.MULTI_CARD_DISPLAY || ''}
           testimonials={testimonials}
           mainText={`What Our Clients Say About ${projectName} `}
         />
       </main>
-      <WebSiteFooter projectName={'test233'} pages={pages} />
+      <WebSiteFooter projectName={'test23'} pages={pages} />
     </div>
   );
 }