Aplio
NextJs
Service Page

Services

Services 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/services/page.jsx and customize the following data:

<PageHero
  subtitle="OUR SERVICES"
  title="The world’s best companies <br> trust aplio "
  paragraph="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.jsx file and the data/serviceData.json file. Here are the instructions:

  1. Section Title:

    • Locate the following code in the components/shared/Services.jsx file:
    {sectionDetails && (
       <div className="mb-12">
         <p className="section-tagline max-lg:text-center">Our Services</p>
         <div className="block max-lg:text-center lg:flex">
           <h2 className=" max-lg:mb-5">
             The world&rsquo;s best companies <br />
             trust aplio.
           </h2>
           <p className="max-w-[520px] lg:ml-auto">
             Until recently, the prevailing view assumed lorem ipsum was born as a nonsense text. It&rsquo;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 thepage.js`.

    • 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

    {
    "ServiceData": [
     {
       "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"
         }
       ],
       "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": 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"
         }
       ]
     }
    ]
    }