diff --git a/src/app/page.tsx b/src/app/page.tsx index 5487f0e..8a99e4c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -109,6 +109,9 @@ export default function LandingPage() { ]} title="Our Core Services" description="Driving digital success through innovative solutions in web development, branding, and UI/UX design." + buttons={[ + { text: "Book a Consultation", href: "#booking" } + ]} /> @@ -132,6 +135,9 @@ export default function LandingPage() { reverse: false, }, ]} + buttons={[ + { text: "Book a Consultation", href: "#booking" } + ]} gapClassName="mt-vw-2_5" itemClassName="justify-center text-center" featureTitleClassName="text-transparent" @@ -164,6 +170,9 @@ export default function LandingPage() { reverse: false, }, ]} + buttons={[ + { text: "Book a Consultation", href: "#booking" } + ]} gapClassName="mt-vw-2_5" itemClassName="justify-center text-center" featureTitleClassName="text-transparent" @@ -199,6 +208,9 @@ export default function LandingPage() { ]} title="Our Transformative Work" description="Explore our recent case studies and see how we deliver measurable results for ambitious brands." + buttons={[ + { text: "Book a Consultation", href: "#booking" } + ]} /> @@ -223,6 +235,9 @@ export default function LandingPage() { ]} title="What Our Clients Say" description="Hear directly from brand leaders who have experienced transformative results with Vertex Digital." + buttons={[ + { text: "Book a Consultation", href: "#booking" } + ]} /> @@ -239,6 +254,9 @@ export default function LandingPage() { description="Our commitment to excellence has earned the trust of leading companies across various industries." speed={35} showCard={false} + buttons={[ + { text: "Book a Consultation", href: "#booking" } + ]} /> diff --git a/src/components/buttons/BookConsultationButton.tsx b/src/components/buttons/BookConsultationButton.tsx new file mode 100644 index 0000000..896754c --- /dev/null +++ b/src/components/buttons/BookConsultationButton.tsx @@ -0,0 +1,33 @@ +"use client"; +import ButtonTextStagger from '@/components/button/ButtonTextStagger/ButtonTextStagger'; +import React from 'react'; + +interface BookConsultationButtonProps { + text?: string; + onClick?: () => void; + className?: string; // For additional styling + bgClassName?: string; // For background styling, typically handled by ThemeProvider primaryButtonStyle + textClassName?: string; // For text styling + ariaLabel?: string; +} + +const BookConsultationButton: React.FC = ({ + text = "Book a Consultation", onClick, + className, + bgClassName, + textClassName, + ariaLabel = "Book a consultation call"}) => { + return ( + + ); +}; + +export default BookConsultationButton;