...

src/components/HeroSection.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { motion } from 'framer-motion';
 import { Button } from '@/components/ui/button';
+import { useNavigate } from 'react-router-dom';
 
 const HeroSection = ({
   title,
@@ -12,6 +13,7 @@ const HeroSection = ({
   showVideo = false,
   videoEmbed = null
 }) => {
+  const navigate = useNavigate();
   return (
     <section className="relative min-h-screen flex items-center justify-center overflow-hidden">
       {/* Background Image/Video */}
@@ -82,7 +84,7 @@ const HeroSection = ({
             <Button 
               size="lg" 
               className="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 text-lg font-semibold rounded-lg transition-all duration-300 transform hover:scale-105"
-              onClick={() => window.location.href = ctaLink}
+              onClick={() => navigate(ctaLink)}
             >
               {ctaText}
             </Button>