Footer

To customize the footer sections, please follow these steps:

Open the data/data.js file in your project.
Locate the const FooterDatas object within the file.
Inside the FooterDatas object, you will find various parameters that you can edit to customize the footer. Here are the parameters for various footer sections you can modify:

Footer Logo

To add a footer logo, you can modify the logo value in the FooterDatas object in the data/data.js file. Here's the code snippet you can update:

logo: "/images/footer-logo.svg",

Replace "/images/footer-logo.svg" with the path to your desired footer logo image. Make sure to provide the correct path to the image file.

Footer Description

To add a short description to the footer, you can edit the footerText value in the FooterDatas object in the data/data.js file. Here's the code snippet you can update:

footerText: "Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industry.",

Replace the existing text with your desired short description.

Subscription Form

To make the form functional, you will need to handle form submission and implement the desired behavior, such as sending the form data to a server or displaying a success message.
Add necessary form validation, such as checking if the email field is filled and if the entered email is valid.
You can use third-party libraries or frameworks to handle form submission and validation, or you can implement your own custom logic.

Please note that configuring the subscription form requires both frontend (HTML, CSS, JSX) and backend (form submission handling) development skills. If you are unfamiliar with web development, it may be helpful to consult with a developer or study relevant documentation and tutorials.

Copyright

To add the copyright information to the footer, you can modify the copyright value as follows:

copyright: `Copyright © ${new Date().getFullYear()} Your Company Name. All rights reserved.`,

Replace "Your Company Name" with the actual name of your company or organization. This will dynamically display the current year using new Date().getFullYear().

Remember to make this modification in the FooterDatas object located in the data/data.js file.

Quick Links

To add site links to the footer, you can modify the companyLinks array in the FooterDatas object as follows:

companyLinks: [
  {
    id: 1,
    name: "Services",
    link: "/services",
  },
  {
    id: 2,
    name: "Career",
    link: "/career",
  },
  {
    id: 3,
    name: "Blogs",
    link: "/blog",
  },
  {
    id: 4,
    name: "Contact Us",
    link: "/contact",
  },
],

In this example, four site links are added for "Services", "Career", "Blogs", and "Contact Us". Each link is represented by an object with an id for identification, a name for the link label, and a link specifying the URL.

Make sure to update these values in the data/data.js file within the FooterDatas object. You can add more site links following the same pattern by appending additional objects to the companyLinks array.

Add More Quick Links

To add more company links to the footer, you can simply append additional objects to the companyLinks array in the FooterDatas object. Each object represents a company link and should have the following structure:

{
  id: [unique identifier],
  name: [link label],
  link: [URL]
}

Here's an example of adding two additional company links:

companyLinks: [
  {
    id: 1,
    name: "Services",
    link: "/services",
  },
  {
    id: 2,
    name: "Career",
    link: "/career",
  },
  {
    id: 3,
    name: "Blogs",
    link: "/blog",
  },
  {
    id: 4,
    name: "Contact Us",
    link: "/contact",
  },
  {
    id: 5,
    name: "About Us",
    link: "/about",
  },
  {
    id: 6,
    name: "FAQ",
    link: "/faq",
  }
],

In this example, two additional links for "About Us" and "FAQ" are added. You can continue this pattern to add more company links by appending objects with unique identifiers, link labels, and URLs to the companyLinks array.

Privacy Policy Links

To add site links to the footer, you can modify the policyLinks array as follows:

policyLinks: [
  {
    id: 11,
    name: "Privacy Policy",
    link: "/privacy",
  },
  {
    id: 12,
    name: "Terms of Service",
    link: "/terms-conditions",
  },
  {
    id: 13,
    name: "Business Policy",
    link: "/business-policy",
  },
],

You can add or modify the objects in the policyLinks array to include the desired site links. Each object should have an id (a unique identifier), name (the display name of the link), and link (the URL of the link).

Add More Policy Links

To add more policy links, you can simply add additional objects to the policyLinks array in the FooterDatas object. Here's an example of how you can add another policy link:

policyLinks: [
  {
    id: 11,
    name: "Privacy Policy",
    link: "/privacy",
  },
  {
    id: 12,
    name: "Terms of Service",
    link: "/terms-conditions",
  },
  {
    id: 13,
    name: "Business Policy",
    link: "/business-policy",
  },
  {
    id: 14,
    name: "Refund Policy",
    link: "/refund-policy",
  },
],

In this example, a new policy link for the "Refund Policy" is added with an id of 14 and the corresponding link value of "/refund-policy". You can add as many policy links as needed by following this pattern, creating a new object with a unique id, a descriptive name, and the respective link URL.

Remember to make these changes in the data/data.js file within the FooterDatas object.

Company Address

To add multiple company addresses to the footer, you can modify the locations array in the FooterDatas object in the data/data.js file as follows:

locations: [
  {
    id: 21,
    name: "Canada",
    address: "1901 Thornridge Cir. Shiloh, Hawaii 81063",
  },
  {
    id: 22,
    name: "United States",
    address: "2118 Thornridge Cir. Syracuse, Connecticut 35624",
  },
  // Add more address objects here
],

In this example, two locations for Canada and the United States are provided. To add more addresses, you can append additional objects with unique identifiers (id), location names (name), and addresses (address) to the locations array.

Feel free to modify the existing objects or add new objects to include the desired company addresses in the footer.

Social Links

To add social media links to the footer, you can modify the socialLinks array in the FooterDatas object in the data/data.js file as follows:

socialLinks: [
  {
    id: 1,
    name: "Facebook",
    link: "https://www.facebook.com/yourpage",
  },
  {
    id: 2,
    name: "Twitter",
    link: "https://www.twitter.com/yourpage",
  },
  {
    id: 3,
    name: "LinkedIn",
    link: "https://www.linkedin.com/company/yourpage",
  },
  // Add more social media links as needed
],

Replace yourpage with the appropriate URLs for your Facebook, Twitter, and LinkedIn pages. You can also add more objects to the socialLinks array to include additional social media links.

Resources

To add more links to the resources section in the footer, you can modify the resources array in the FooterDatas object in the data/data.js file as follows:

resources: [
  {
    id: 1,
    name: "Help & Support",
    link: "/help-support",
  },
  {
    id: 2,
    name: "Case Studies",
    link: "/case-studies",
  },
  // Add more resource links as needed
],

You can replace help-support and case-studies with the appropriate URLs for your Help & Support and Case Studies pages. You can also add more objects to the resources array to include additional resource links.

Navbar Homepage