Services

Services Page Hero

To customize the data in the Hero section, you can modify the following properties in the components\Shared\PageHero.vue file in the pages\services\index.vue and customize the following data:

<PageHero
  subTitle="OUR SERVICES"
  title=" The world’s best companies trust aplio"
  description=" Until recently, the prevailing view assumed lorem ipsum was born as a
          nonsense text. It's not Latin, though it looks like it"
/>

Services

To configure the service section, you need to make changes in the components\Shared\Services.vue file and the data/ServiceData.json file. Here are the instructions:

1. Section Title:

   • Locate the following code in the components\Shared\Services.vue file:

   <div class="mb-12">
        <p class="section-tagline max-lg:text-center">Our Services</p>
        <div class="block max-lg:text-center lg:flex">
          <h2 class="max-lg:mb-5">
            The world's best companies <br />
            trust aplio.
          </h2>
          <p class="max-w-[520px] mx-auto lg:ml-auto">
            Until recently, the prevailing view assumed lorem ipsum was born as
            a nonsense text. It's not Latin, though it looks like it
          </p>
        </div>
      </div>

   • Update the tagline, titleandparagraphprops to set the desired, tagline title and description for the section. You can remove this code if you don't want to include a title or description. By defaultsectionDetailsprops is set true. if you don't want to show it, pass the falsevalue through props in theindex.vue`.

   • All the links will be linked to the Service single page. To update service single page data, update the following codes from data/ServiceData.json file

   [ { "id": 1, "slug": "investment-bank", "title": "Investment Banks",
   "excerpt": "Until recently, the prevailing view asumed lorem ipsum was born
   as nonsense text.", "iconLight": "/images/services/investment.svg",
   "iconDark": "/images/services/investment-dark.svg", "featureImage":
   "/images/services/service-single1.png", "videoLink":
   "https://www.youtube.com/embed/YE7VzlLtp-4?si=XvNRN6ztByvZQzqh",
   "serviceDetails": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui
   gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. 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. Neque ultrices nunc condimentum morbi risus
   tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue
   adipiscing.", "serviceExpectation": "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. Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu
   lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
   "serviceExpectationList": [ { "item": "It’s scalable and secure" }, { "item":
   "Artificial Intelligence Feature" }, { "item": "Offline version available" }
   ], "serviceQualifications": "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.
   Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu lacus non
   ornare. Porttitor in rhoncus magna augue adipiscing.",
   "serviceQualificationsList": [ { "item": "It’s scalable and secure" }, {
   "item": "Artificial Intelligence Feature" }, { "item": "Offline version
   available" } ] }, { "id": 2, "slug": "sales", "title": "Sales & Trading",
   "excerpt": "Until recently, the prevailing view asumed lorem ipsum was born
   as nonsense text.", "iconLight": "/images/services/sales.svg", "iconDark":
   "/images/services/sales-dark.svg", "featureImage":
   "/images/services/service-single1.png", "videoLink":
   "https://www.youtube.com/embed/YE7VzlLtp-4?si=XvNRN6ztByvZQzqh",
   "serviceDetails": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui
   gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. 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. Neque ultrices nunc condimentum morbi risus
   tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue
   adipiscing.", "serviceExpectation": "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. Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu
   lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
   "serviceExpectationList": [ { "item": "It’s scalable and secure" }, { "item":
   "Artificial Intelligence Feature" }, { "item": "Offline version available" }
   ], "serviceQualifications": "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.
   Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu lacus non
   ornare. Porttitor in rhoncus magna augue adipiscing.",
   "serviceQualificationsList": [ { "item": "It’s scalable and secure" }, {
   "item": "Artificial Intelligence Feature" }, { "item": "Offline version
   available" } ] }, { "id": 3, "slug": "mortage-loan", "title": "Mortgage
   Loans", "excerpt": "Until recently, the prevailing view asumed lorem ipsum
   was born as nonsense text.", "iconLight": "/images/services/loan.svg",
   "iconDark": "/images/services/loan-dark.svg", "featureImage":
   "/images/services/service-single1.png", "videoLink":
   "https://www.youtube.com/embed/YE7VzlLtp-4?si=XvNRN6ztByvZQzqh",
   "serviceDetails": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui
   gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. 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. Neque ultrices nunc condimentum morbi risus
   tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue
   adipiscing.", "serviceExpectation": "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. Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu
   lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
   "serviceExpectationList": [ { "item": "It’s scalable and secure" }, { "item":
   "Artificial Intelligence Feature" }, { "item": "Offline version available" }
   ], "serviceQualifications": "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.
   Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu lacus non
   ornare. Porttitor in rhoncus magna augue adipiscing.",
   "serviceQualificationsList": [ { "item": "It’s scalable and secure" }, {
   "item": "Artificial Intelligence Feature" }, { "item": "Offline version
   available" } ] }, { "id": 4, "slug": "finance-analyse", "title": "Finance
   Analysis", "excerpt": "Until recently, the prevailing view asumed lorem ipsum
   was born as nonsense text.", "iconLight": "/images/services/finance.svg",
   "iconDark": "/images/services/finance-dark.svg", "featureImage":
   "/images/services/service-single1.png", "videoLink":
   "https://www.youtube.com/embed/YE7VzlLtp-4?si=XvNRN6ztByvZQzqh",
   "serviceDetails": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui
   gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. 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. Neque ultrices nunc condimentum morbi risus
   tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue
   adipiscing.", "serviceExpectation": "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. Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu
   lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
   "serviceExpectationList": [ { "item": "It’s scalable and secure" }, { "item":
   "Artificial Intelligence Feature" }, { "item": "Offline version available" }
   ] }, { "id": 5, "slug": "effeciency", "title": "Increased Efficiency",
   "excerpt": "Until recently, the prevailing view asumed lorem ipsum was born
   as nonsense text.", "iconLight": "/images/services/effeciency.svg",
   "iconDark": "/images/services/effeciency-dark.svg", "featureImage":
   "/images/services/service-single1.png", "videoLink":
   "https://www.youtube.com/embed/YE7VzlLtp-4?si=XvNRN6ztByvZQzqh",
   "serviceDetails": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui
   gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. 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. Neque ultrices nunc condimentum morbi risus
   tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue
   adipiscing.", "serviceExpectation": "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. Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu
   lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
   "serviceExpectationList": [ { "item": "It’s scalable and secure" }, { "item":
   "Artificial Intelligence Feature" }, { "item": "Offline version available" }
   ], "serviceQualifications": "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.
   Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu lacus non
   ornare. Porttitor in rhoncus magna augue adipiscing.",
   "serviceQualificationsList": [ { "item": "It’s scalable and secure" }, {
   "item": "Artificial Intelligence Feature" }, { "item": "Offline version
   available" } ] }, { "id": 6, "slug": "fund", "title": "Fundraising Advice",
   "excerpt": "Until recently, the prevailing view asumed lorem ipsum was born
   as nonsense text.", "iconLight": "/images/services/fund.svg", "iconDark":
   "/images/services/fund-dark.svg", "featureImage":
   "/images/services/service-single1.png", "videoLink":
   "https://www.youtube.com/embed/YE7VzlLtp-4?si=XvNRN6ztByvZQzqh",
   "serviceDetails": "Lorem ipsum dolor sit amet consectetur. Nullam blandit dui
   gravida aliquam enim eu. Adipiscing viverra vulputate curabitur est. 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. Neque ultrices nunc condimentum morbi risus
   tincidunt. Vel arcu lacus non ornare. Porttitor in rhoncus magna augue
   adipiscing.", "serviceExpectation": "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. Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu
   lacus non ornare. Porttitor in rhoncus magna augue adipiscing.",
   "serviceExpectationList": [ { "item": "It’s scalable and secure" }, { "item":
   "Artificial Intelligence Feature" }, { "item": "Offline version available" }
   ], "serviceQualifications": "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.
   Neque ultrices nunc condimentum morbi risus tincidunt. Vel arcu lacus non
   ornare. Porttitor in rhoncus magna augue adipiscing.",
   "serviceQualificationsList": [ { "item": "It’s scalable and secure" }, {
   "item": "Artificial Intelligence Feature" }, { "item": "Offline version
   available" } ] } ];