diff options
Diffstat (limited to 'app/services/page.js')
| -rw-r--r-- | app/services/page.js | 38 |
1 files changed, 37 insertions, 1 deletions
diff --git a/app/services/page.js b/app/services/page.js index 3e0044d..c91b92e 100644 --- a/app/services/page.js +++ b/app/services/page.js @@ -2,13 +2,49 @@ import Header from "@/components/Header"; export const metadata = { title: 'Services', - description: 'Information whether its safe to travel to other countries', + description: 'Local services that we have here in Alure Regions', } export default function Services() { return ( <main className="flex flex-col"> <Header title={metadata.title} description={metadata.description} /> + <div> + <ul> + <li> + <div className="bg-center bg-no-repeat bg-[url('/regions/alee-isle.webp')] bg-gray-600 bg-blend-multiply"> + <div className="sm:px-40 px-10 py-14 space-y-2"> + <h1 className="font-medium sm:text-4xl text-3xl">Alure Post</h1> + <h2 className="text-xl">Local and international postal service</h2> + </div> + </div> + </li> + <li> + <div className="bg-center bg-no-repeat bg-[url('/regions/alee-isle.webp')] bg-gray-600 bg-blend-multiply"> + <div className="sm:px-40 px-10 py-14 space-y-2"> + <h1 className="font-medium sm:text-4xl text-3xl">ExploreAlure</h1> + <h2 className="text-xl">Tourism service</h2> + </div> + </div> + </li> + <li> + <div className="bg-center bg-no-repeat bg-[url('/regions/alee-isle.webp')] bg-gray-600 bg-blend-multiply"> + <div className="sm:px-40 px-10 py-14 space-y-2"> + <h1 className="font-medium sm:text-4xl text-3xl">MinePot</h1> + <h2 className="text-xl">International restaurant</h2> + </div> + </div> + </li> + <li> + <div className="bg-center bg-no-repeat bg-[url('/regions/alee-isle.webp')] bg-gray-600 bg-blend-multiply"> + <div className="sm:px-40 px-10 py-14 space-y-2"> + <h1 className="font-medium sm:text-4xl text-3xl">Intel Computer Shop</h1> + <h2 className="text-xl">International computer shop</h2> + </div> + </div> + </li> + </ul> + </div> </main> ) } |