Aplio
NextJs
Team Members

Teams Page

Team Page Hero

To customize the data in the Hero section, you can modify the following properties in the components/shared/PageHero.jsx file in the app/teams/page.jsx and customize the following data:

<PageHero
  subtitle="OUR TEAM"
  title="Our leading, strong and <br> creative team"
  paragraph="Until recently, the prevailing view assumed lorem ipsum was born as a nonsense text. It's not Latin, though it looks like it"
/>

Team Members

All the data for the team members are being generated from data/team.json file. Go, to the file and change the value of the teamData. You must give a id, as this will linked to the tema member details page. Click on the team mebers name to view the team single page.

{
  "teamData": [
    {
      "id": 1,
      "name": "Cody Fisher",
      "designation": "Lead Designer",
      "fbLink": "#",
      "dribbleInLink": "#",
      "gitHubLink": "#",
      "linkedInLink": "#",
      "image": "/images/team/team1.png",
      "details": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. <br /> <br /> Morbi lorem proin morbi tempor risus. Nisl lobortis diam id faucibus pretium vitae suspendisse sed accumsan. Sodales morbi tristique elit cursus gravida. Ullamcorper commodo eget pulvinar pretium. Condimentum rhoncus commodo amet nec auctor nibh vel mi blandit. <br /> <br />Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
      "email": "team@gmail.com",
      "phone": "+3 230 705 5448"
    },
    {
      "id": 2,
      "name": "Kristin Coper",
      "designation": "Project Manager",
      "fbLink": "#",
      "dribbleInLink": "#",
      "gitHubLink": "#",
      "linkedInLink": "#",
      "image": "/images/team/team2.png",
      "details": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. <br /> <br /> Morbi lorem proin morbi tempor risus. Nisl lobortis diam id faucibus pretium vitae suspendisse sed accumsan. Sodales morbi tristique elit cursus gravida. Ullamcorper commodo eget pulvinar pretium. Condimentum rhoncus commodo amet nec auctor nibh vel mi blandit. <br /> <br />Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
      "email": "team@gmail.com",
      "phone": "+3 230 705 5448"
    },
    {
      "id": 3,
      "name": "Guy Hawkins",
      "designation": "Lead Designer",
      "fbLink": "#",
      "dribbleInLink": "#",
      "gitHubLink": "#",
      "linkedInLink": "#",
      "image": "/images/team/team3.png",
      "details": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. <br /> <br /> Morbi lorem proin morbi tempor risus. Nisl lobortis diam id faucibus pretium vitae suspendisse sed accumsan. Sodales morbi tristique elit cursus gravida. Ullamcorper commodo eget pulvinar pretium. Condimentum rhoncus commodo amet nec auctor nibh vel mi blandit. <br /> <br />Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
      "email": "team@gmail.com",
      "phone": "+3 230 705 5448"
    },
    {
      "id": 4,
      "name": "Wade Wareen",
      "designation": "Designer",
      "fbLink": "#",
      "dribbleInLink": "#",
      "gitHubLink": "#",
      "linkedInLink": "#",
      "image": "/images/team/team4.png",
      "details": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. <br /> <br /> Morbi lorem proin morbi tempor risus. Nisl lobortis diam id faucibus pretium vitae suspendisse sed accumsan. Sodales morbi tristique elit cursus gravida. Ullamcorper commodo eget pulvinar pretium. Condimentum rhoncus commodo amet nec auctor nibh vel mi blandit. <br /> <br />Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
      "email": "team@gmail.com",
      "phone": "+3 230 705 5448"
    },
    {
      "id": 5,
      "name": "Bessie Cooper",
      "designation": "Product Manager",
      "fbLink": "#",
      "dribbleInLink": "#",
      "gitHubLink": "#",
      "linkedInLink": "#",
      "image": "/images/team/team5.png",
      "details": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. <br /> <br /> Morbi lorem proin morbi tempor risus. Nisl lobortis diam id faucibus pretium vitae suspendisse sed accumsan. Sodales morbi tristique elit cursus gravida. Ullamcorper commodo eget pulvinar pretium. Condimentum rhoncus commodo amet nec auctor nibh vel mi blandit. <br /> <br />Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
      "email": "team@gmail.com",
      "phone": "+3 230 705 5448"
    },
    {
      "id": 6,
      "name": "Jacob Jones",
      "designation": "Art Director",
      "fbLink": "#",
      "dribbleInLink": "#",
      "gitHubLink": "#",
      "linkedInLink": "#",
      "image": "/images/team/team6.png",
      "details": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. <br /> <br /> Morbi lorem proin morbi tempor risus. Nisl lobortis diam id faucibus pretium vitae suspendisse sed accumsan. Sodales morbi tristique elit cursus gravida. Ullamcorper commodo eget pulvinar pretium. Condimentum rhoncus commodo amet nec auctor nibh vel mi blandit. <br /> <br />Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
      "email": "team@gmail.com",
      "phone": "+3 230 705 5448"
    }
  ]
}