RealStatic
Nextjs
Agent Page

Agents

To add a new agents, you need to make changes to the data/data.js file. Follow these steps:

  1. Open the data/data.js file.

  2. Locate the const agentInformationData array, which contains objects representing individual case studies.

Add a new object inside the agentInformationData array, following the provided code template.

export const agentInformationData = [
 {
    id: 1,
    name: "Arial Leon",
    rating: 4.5,
    image: "/images/agent/agent1.png",
    email: "arialleon12@gmail.com",
    phone: "(123) 456-123-071",
    experience: 10,
    propertyType: ["Private House", "Vila", "Townhouse", "Apartment"],
    area: "California, San Jose, Miami",
    license: "BF-05335",
    website: "http://www.staticmania.com",
    socialMedia: [
      {id: 1, name: "Facebook", icon: <FacebookIcon />, link: "#"},
      {id: 2, name: "Twitter", icon: <TwitterIcon />, link: "#"},
      {id: 3, name: "Instagram", icon: <InstagramIcon />, link: "#"},
      {id: 4, name: "LinkedIn", icon: <LinkedInIcon />, link: "#"},
      {id: 5, name: "Youtube", icon: <YouTubeIcon />, link: "#"},
    ],
    address: "Washington, San Francisco",
    about: [
      "A slider is a great way to display a slideshow featuring images or videos, usually on your homepage. Adding sliders to your site is no longer difficult. You don’t have to know coding anymore. Just use a slider widget and it will automatically insert the slider on your web page.",
      "One of the best ways to add beautiful sliders with excellent responsiveness and advanced options.",
    ],
  },
  // Add More Agents
]

Customize the values inside the object according to your new agent. You can add more agents objects by repeating the above code template.

  1. Save the changes in data/data.js.

Note: Filter option will be automatically added according to the items in propertyType.

Agent List Page

The Agent list page fetches data from the agentInformationData array located in the data/data.js file. It automatically displays a list of agents posts based on these files. If you want to add more agents, simply create additional items inside agentInformationData array following the same structure described above.

The listing page will automatically retrieve the necessary details agentInformationData array.

Agent Details Page

Once you have added the prperties object, it will be available in the listing and can be accessed on the Listing details page based on the provided id.

About PageListing Page