diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..944a2ec
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,4 @@
+node_modules
+.next
+.git
+.env*
diff --git a/Dockerfile.dev b/Dockerfile.dev
new file mode 100644
index 0000000..6bdb2b5
--- /dev/null
+++ b/Dockerfile.dev
@@ -0,0 +1,19 @@
+FROM node:20-alpine
+
+# Install pnpm
+RUN corepack enable && corepack prepare pnpm@latest --activate
+
+WORKDIR /app
+
+# Copy package files
+COPY package.json pnpm-lock.yaml* ./
+
+# Install dependencies
+RUN pnpm install
+
+# Copy the rest of the application
+COPY . .
+
+EXPOSE 3000
+
+CMD ["pnpm", "dev"]
diff --git a/docker-compose.dev.yml b/docker-compose.dev.yml
new file mode 100644
index 0000000..10d099f
--- /dev/null
+++ b/docker-compose.dev.yml
@@ -0,0 +1,16 @@
+version: '3.8'
+
+services:
+  web-dev:
+    build:
+      context: .
+      dockerfile: Dockerfile.dev
+    ports:
+      - "3000:3000"
+    volumes:
+      - .:/app
+      - /app/node_modules
+      - /app/.next
+    environment:
+      - NODE_ENV=development
+    command: pnpm dev
diff --git a/src/components/home/Hero.tsx b/src/components/home/Hero.tsx
index a09f516..c0b98a8 100644
--- a/src/components/home/Hero.tsx
+++ b/src/components/home/Hero.tsx
@@ -15,20 +15,15 @@ export default function Hero() {
               Specialized expertise in financial consulting, accounting, and nonprofit organization services. 
               Providing professional guidance for your business success.
             </p>
-            <div className="mt-10 flex items-center gap-x-6">
-              <Link
-                href="/contact"
-                className="rounded-md bg-blue-800 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 transition-colors flex items-center gap-2"
-              >
-                Schedule Consultation
-                <ArrowRight className="h-4 w-4" />
-              </Link>
-              <Link
-                href="/services"
-                className="text-sm font-semibold leading-6 text-gray-900 hover:text-blue-800 transition-colors"
-              >
-                View Services <span aria-hidden="true">→</span>
-              </Link>
+            <div className="mt-10">
+            <Link
+              href="/contact"
+              className="inline-flex rounded-md bg-blue-800 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 transition-colors items-center gap-2"
+            >
+              Schedule Consultation
+              <ArrowRight className="h-4 w-4" />
+            </Link>
+
             </div>
           </div>
         </div>