diff --git a/src/components/pages/Home/Service.tsx b/src/components/pages/Home/Service.tsx
new file mode 100644
index 0000000..f481762
--- /dev/null
+++ b/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
diff --git a/src/components/pages/Home/index.ts b/src/components/pages/Home/index.ts
index 6b769ae..cb75f73 100644
--- a/src/components/pages/Home/index.ts
+++ b/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'
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
index 8d92b4f..6217522 100644
--- a/src/pages/Home/index.tsx
+++ b/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>
   )