diff --git a/src/app/consultation/page.tsx b/src/app/consultation/page.tsx
index 55a4c54..c9eac78 100644
--- a/src/app/consultation/page.tsx
+++ b/src/app/consultation/page.tsx
@@ -1,24 +1,30 @@
"use client";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
-import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
-import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
-import TextBox from "@/components/Textbox";
-import { ClipboardList, Brain, Target, Calendar } from "lucide-react";
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import ReactLenis from 'lenis/react';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import TextBox from '@/components/Textbox';
+import { ClipboardList, Brain, Target, Calendar } from 'lucide-react';
+import ButtonShiftHover from '@/components/button/ButtonShiftHover/ButtonShiftHover';
export default function ConsultationPage() {
const navItems = [
- { name: "Home", id: "home", href: "/" },
- { name: "Services", id: "services", href: "/#services" },
- { name: "Portfolio", id: "portfolio", href: "/#portfolio" },
- { name: "Testimonials", id: "testimonials", href: "/#testimonials" },
- { name: "Contact", id: "contact", href: "/#contact" },
- { name: "Consultation", id: "/consultation", href: "/consultation" }
+ { name: 'Home', id: 'home', href: '/' },
+ { name: 'Services', id: 'services', href: '/#services' },
+ { name: 'Portfolio', id: 'portfolio', href: '/#portfolio' },
+ { name: 'Testimonials', id: 'testimonials', href: '/#testimonials' },
+ { name: 'Contact', id: 'contact', href: '/#contact' },
+ { name: 'Consultation', id: '/consultation', href: '/consultation' }
];
+ const handleConfirmBooking = () => {
+ alert("Booking Confirmed! (This would submit the form or confirm the booking.)");
+ // In a real application, this would trigger form submission or a booking confirmation API call.
+ };
+
return (