[develop][feat] CPG-13 : create our service section

src/components/pages/Home/Service.tsx

@@ -0,0 +1,16 @@
+import { Section } from '@/components/pages/Home/Section'
+
+const Service = () => {
+  return (
+    <Section className="bg-theme-night-300" contentClassName="flex flex-col gap-y-4 justify-center h-76">
+      <h2>Our service</h2>
+      <p className="w-3/5 text-center">
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis, dolorem autem nesciunt, iste repellendus
+        soluta ex labore consectetur reprehenderit delectus nostrum deleniti voluptates aspernatur corrupti beatae
+        accusamus praesentium aliquam magnam!
+      </p>
+    </Section>
+  )
+}
+
+export default Service

src/components/pages/Home/index.ts

@@ -1,3 +1,4 @@
 export { default as Career } from './Career'
 export { default as Hero } from './Hero'
 export { default as Question } from './Question'
+export { default as Service } from './Service'

src/pages/Home/index.tsx

@@ -1,10 +1,12 @@
-import { Career, Hero, Question } from '@/components/pages/Home'
+import { Career, Hero, Question, Service } from '@/components/pages/Home'
 
 const HomePage = () => {
   return (
     <div className="flex size-full flex-col items-center justify-center">
       <Hero />
+      <Service />
       <Question />
+      <Service />
       <Career />
     </div>
   )