diff --git a/src/app/page.tsx b/src/app/page.tsx index 0e0dfe1..9c13f91 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,8 +9,20 @@ import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCar import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; import { Award, Brain, Briefcase, CheckCircle, Clock, Crown, DollarSign, Mail, Shield, Target, TrendingUp, Users, Zap, Sparkles, Users2, Gauge, Globe, ArrowRight, BarChart3 } from "lucide-react"; +import { useState } from "react"; export default function LandingPage() { + const [showConsultationForm, setShowConsultationForm] = useState(false); + + const handleConsultationClick = () => { + setShowConsultationForm(true); + // Scroll to contact section + const contactSection = document.getElementById("contact"); + if (contactSection) { + contactSection.scrollIntoView({ behavior: "smooth" }); + } + }; + return ( @@ -57,7 +69,7 @@ export default function LandingPage() { ]} avatarText="Connecting businesses + Closers " buttons={[ - { text: "Browse Talent", href: "#services" }, + { text: "Book a Call", onClick: handleConsultationClick }, { text: "Learn More", href: "#services" }, ]} buttonAnimation="slide-up" @@ -78,6 +90,7 @@ export default function LandingPage() { { icon: Globe, label: "Coverage", value: "Australia-wide" }, { icon: CheckCircle, label: "Quality", value: "Top 5%" }, ], + button: { text: "Book a Consultation", onClick: handleConsultationClick } }, { title: "Fast Placement", description: "Average placement time of just 10 days from job posting to qualified candidate match.", bentoComponent: "icon-info-cards", items: [ @@ -85,6 +98,7 @@ export default function LandingPage() { { icon: Zap, label: "Speed", value: "48-hour response" }, { icon: CheckCircle, label: "Guarantee", value: "On-time match" }, ], + button: { text: "Book a Consultation", onClick: handleConsultationClick } }, { title: "Culture Fit Matching", description: "AI-powered algorithms analyze skills, values, and career aspirations for perfect organizational alignment.", bentoComponent: "icon-info-cards", items: [ @@ -92,6 +106,7 @@ export default function LandingPage() { { icon: Target, label: "Precision", value: "95% success rate" }, { icon: Award, label: "Results", value: "Long-term fits" }, ], + button: { text: "Book a Consultation", onClick: handleConsultationClick } }, { title: "Performance Guarantee", description: "90-day replacement guarantee on all permanent placements ensures your investment is protected.", bentoComponent: "icon-info-cards", items: [ @@ -99,6 +114,7 @@ export default function LandingPage() { { icon: TrendingUp, label: "Success Rate", value: "92% retention" }, { icon: Award, label: "Support", value: "Dedicated manager" }, ], + button: { text: "Book a Consultation", onClick: handleConsultationClick } }, { title: "Rigorous Vetting", description: "Multi-stage screening process ensures only the most qualified candidates match with your organization.", bentoComponent: "icon-info-cards", items: [ @@ -106,6 +122,7 @@ export default function LandingPage() { { icon: Brain, label: "Assessment", value: "Skills verified" }, { icon: Award, label: "Standards", value: "Industry-leading" }, ], + button: { text: "Book a Consultation", onClick: handleConsultationClick } }, ]} carouselMode="buttons" @@ -141,7 +158,7 @@ export default function LandingPage() { tagIcon={Award} tagAnimation="slide-up" buttons={[ - { text: "View More Stories", href: "#contact" }, + { text: "Book a Consultation", onClick: handleConsultationClick }, ]} buttonAnimation="slide-up" textboxLayout="default" @@ -155,13 +172,17 @@ export default function LandingPage() { @@ -226,4 +247,4 @@ export default function LandingPage() { ); -} \ No newline at end of file +}