diff --git a/src/pages/appointment/Appointment.jsx b/src/pages/appointment/Appointment.jsx
new file mode 100644
index 0000000..3cdf0f2
--- /dev/null
+++ b/src/pages/appointment/Appointment.jsx
@@ -0,0 +1,33 @@
+import React from 'react'
+import AppointmentSection from './components/AppointmentSection'
+import Header from '../../components/layout/Header'
+import Footer from '../../components/layout/Footer'
+import Hero1 from '../../components/layout/Hero1'
+
+const Appointment = () => {
+  return (
+    <div>
+        <Header/>
+       <Hero1
+       title ="Appointments"
+       text="Home"
+       span ="Appointments"       
+       />        
+        <AppointmentSection
+        text =" Apply Get a Consultation"
+        info="Information"
+        fN="First Name"
+        LN ="Last Name"
+        number ="Phone number"
+        date ="Date"
+        department = "Department"
+        Email="Email Address"      
+         />
+        <Footer/>
+      
+    </div>
+  )
+}
+
+export default Appointment
+