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 ( + {/* New "Confirm Booking" button below the booking form/scheduler section */} +
+ +
+
@@ -106,8 +129,8 @@ export default function ConsultationPage() { { label: "Web Development", href: "/#services" }, { label: "Branding", href: "/#services" }, { label: "UI/UX Design", href: "/#services" }, - { label: "Digital Growth", href: "/#services" }, - ], + { label: "Digital Growth", href: "/#services" } + ] }, { title: "Company", items: [ @@ -116,14 +139,14 @@ export default function ConsultationPage() { { label: "Testimonials", href: "/#testimonials" }, { label: "Contact", href: "/#contact" }, { label: "Consultation", href: "/consultation" } - ], + ] }, { title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, - { label: "Terms of Service", href: "#" }, - ], - }, + { label: "Terms of Service", href: "#" } + ] + } ]} bottomLeftText="© 2024 Vertex Digital. All rights reserved." bottomRightText="Powered by Innovation" @@ -132,4 +155,4 @@ export default function ConsultationPage() {
); -} +} \ No newline at end of file