Footer

To customize the footer sections, please follow these steps:

Footer Logo

To add a footer logo, follow the following steps:

Step 1: Locate the components/Footer.jsx file.

Step 2: Find the following code within the file:

<Image
  src="/images/logo.svg"
  alt="logo"
  height={35}
  width={129}
/>

Step 3: Replace src="/images/logo.svg" with the path to your desired footer logo image. Make sure to provide the correct path to the image file.

Footer Address

To add a footer Address, follow the following steps:

Step 1: Locate the components/Footer.jsx file.

Step 2: Find the following code within the file:

<p>
  59 Bervely Hill Ave, Brooklyn Town, <br />
  New York, NY 5630, CA, US
</p>

Step 3: Replace the value inside <p> tag to add new address.

footer Contact Number

To add a footer Contact Number, follow the following steps:

Step 1: Locate the components/Footer.jsx file.

Step 2: Find the following code within the file:

<p className="contact-number mb-0">
  <a href="tel:+05656565656">+056 686 56 56 98</a>
</p>

Step 3: Replace the href value to add new number.

footer Contact Email

To add a footer Contact Number, follow the following steps:

Step 1: Locate the components/Footer.jsx file.

Step 2: Find the following code within the file:

<p className="contact-email mb-0">
  <a href="mailto:info@staticmania.com">info@staticmania.com</a>
</p>

Step 3: Replace the href value to add new email.

Social Links

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

export const socialMediaData = [
  {id: 1, name: "Facebook", icon: <FacebookIcon />, path: "https://www.facebook.com/yourpage"},
  {id: 2, name: "Twitter", icon: <TwitterIcon />, path: "https://www.twitter.com/yourpage"},
  {id: 3, name: "Instragram", icon: <InstagramIcon />, path: "https://www.instagram.com/yourpage"},
  {id: 4, name: "LinkedIn", icon: <LinkedInIcon />, path: "https://www.linkedin.com/company/yourpage"},
  {id: 5, name: "Youtube", icon: <YouTubeIcon />, path: "https://www.youtube.com"},
];

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

Page Links

To add footer Page links, please follow the steps below:

Step 1: Locate the components/Footer.jsx file.

Step 2: Find the following code within the file:

<div className="footer-widget">
  <ul className="list-unstyled">
    <li>
      <Link
        href="/"
        className="footer-link"
      >
        Home v1
      </Link>
    </li>
  </ul>
</div>

Step 3: To change the name of the link, modify the text within the <Link> component. For example, let's change it to "About" instead of "Home v1":

<div className="footer-widget">
  <ul className="list-unstyled">
    <li>
      <Link
        href="/"
        className="footer-link"
      >
        About
      </Link>
    </li>
  </ul>
</div>

Step 4: To edit the href value and add a link, modify the href attribute within the <Link> component. Replace "/" with the desired URL. For instance, let's change it to "/about":

<div className="footer-widget">
  <ul className="list-unstyled">
    <li>
      <Link
        href="/about"
        className="footer-link"
      >
        About
      </Link>
    </li>
  </ul>
</div>

Step 5: Repeat these steps to add more links. Simply copy the entire <li> block and modify the text and href attribute for each additional link.

For example, to add a second link for "Contact" with a URL of "/contact":

<div className="footer-widget">
  <ul className="list-unstyled">
    <li>
      <Link
        href="/about"
        className="footer-link"
      >
        About
      </Link>
    </li>
    <li>
      <Link
        href="/contact"
        className="footer-link"
      >
       Contact
      </Link>
    </li>
  </ul>
</div>

Continue repeating these steps to add more links.

Note: To add Company Details pages and other pages follow the above steps.

Copyright

To add a Copyright, follow the following steps:

Step 1: Locate the components/Footer.jsx file.

Step 2: Find the following code within the file:

<p className="footer-copyright">RealStatic Limited © {new Date().getFullYear()}</p>

Step 3: Change the text to replace with your company name

Note: To add footer datas for tablet and mobile device, follow the same steps in "components/Footer.jsx` file.

Navbar Homepage