About Page

About Page Hero

The data for the About page hero section is generated from the const AboutHero object in the data/data.js file. Modify the following properties:

title: The title of the About page hero section.
paragraph: The details or description shown below the images.
images: Add four images to the public/images/about/ folder. Update the image property of each object in the images array with the path to the corresponding image.

export const AboutHeroData = {
  title: "We make strategies, development to grow your business",
  paragraph: "Your custom description goes here.",
  images: [
    {
      image: "/images/about/about-hero-4.jpg",
    },
    {
      image: "/images/about/about-hero-3.jpg",
    },
    {
      image: "/images/about/about-hero-2.jpg",
    },
    {
      image: "/images/about/about-hero-1.jpg",
    },
  ],
};

Our Story

The data for the Our Story section is generated from the const AboutStory object in the data/data.js file. Customize the following properties:

title: The title of the section.
paragraph: The description of the section.
imageShape: The shape of the image displayed below the main image.
image: The main image of the section.
videoLink: The link for the modal pop-up video. No need to edit this property.

Here is the code of our story:

export const aboutStory = {
  title: "Our Story",
  paragraph:
    "Founded in 1994, our agency started with a simple goal: to help businesses grow and thrive in the ever-evolving digital landscape. Over the years, we've worked with countless clients, helping them achieve their goals and reach their full potential through our customized strategies and services. Our team of experts is passionate about what we do, and we're dedicated to staying on the cutting edge of technology and innovation. We're committed to delivering exceptional results that exceed our clients' expectations, and we're proud to have built long-lasting relationships with many of them.",
  imageShape: "/images/work/work-shap.svg",
  image: "/images/about/story.png",
  videoLink: "#storyModal",
};

Video

To edit the video, go to the app/layout.js file and find the code below. Replace the videoLink attribute with your desired video link:

<Modal videoLink="https://www.youtube.com/embed/D0UnqGm_miA" />

Join Our Team

The data for the Join Our Team section is generated from the const JoinTeam object in the data/data.js file. Customize the following properties:

title: The title of the section.
paragraph: The description of the section.
imageShape: The shape of the image displayed below the main image.
image: The main image of the section.
btnLink: The link that redirects to the career page. By default, there is no need to edit this property.

Here is the full code of join our Team:

export const joinTeam = {
  title: "Join Our Team",
  paragraph:
    "Looking for a career in digital marketing? Join our team of experts! We offer opportunities across various departments and a supportive team culture that values collaboration and innovation. With competitive compensation and flexible work arrangements, we're confident that you'll love working with us. Check out our current openings and apply today to take your career to the next level.",
  imageShape: "/images/work/work-shap.svg",
  image: "/images/about/story2.png",
  btnLinK: "/contact",
};

Team Members

The team members section has two subsections: Team Leaders and Team Members. The data is generated from the const TeamData object in the data/data.js file.

Team Leaders

To customize the Team Leaders section, modify the following properties:

title and paragraph: To add a section title and description, go to the components/Team.jsx file and find the code below. Edit the title and paragraph properties:

<SectionHeader
   title="Our Leadership"
   paragraph="Our team is made up of experienced and passionate professionals who are dedicated to delivering results for our clients. We pride ourselves on our collaborative approach and our commitment to excellence"
 />

Leads: To add or edit team leader details, find the const TeamData object in the data/data.js file. Update the Leads array with the desired leader objects. Each leader object should have an id, name, designation, and image property.

Leads: [
   {
     id: 1,
     name: "Marvin McKinney",
     designation: "Founder and CEO",
     image: "/images/team/team-member1.png",
   },

   // Add more objects for adding team leaders
 ],

Team Members

There are two options for customizing the "Team Members" section: adding a section title and description, and modifying the team members' details.

Section Title and Description: To add a section title, open the components/Team.jsx file and locate the following code. Edit the title property to set the desired title and add a description if desired.

 <SectionHeader title="Team Members" />

Team Members' Details: To add or modify team members' details, open the data/data.js file and find the const TeamData object. Inside this object, you will find the Members array. Add or modify objects within this array to include the desired team members' information.

Each team member object should include the following properties:

id: An identifier for the team member (must be unique).
name: The name of the team member.
designation: The role or designation of the team member.
image: The path to the team member's image file. Ensure that the corresponding image file is placed in the public/images/team/ folder.

Here's an example of a team member object:

Members: [
   {
      id: 111,
      name: "Ammete Black",
      designation: "Head of Sales",
      image: "/images/team/team-member4.png",
    },
    // Add more objects for adding team members
 ],

Company Address

The data for the Company Address section is generated from the footer data. Therefore, any changes made to the footer's company address, email, or phone number will automatically update this section.

Remember to save the changes and check the updated section on the website.

Homepage Service Page