refector:home page btn accessibility change

src/components/HeroSection.tsx

@@ -2,11 +2,11 @@ import { Button } from "@/components/ui/button";
 import { motion } from "framer-motion";
 import { ArrowRight, ChevronDown } from "lucide-react";
 import { useEffect, useRef } from "react";
+import { Link } from "react-router-dom";
 
 export default function HeroSection() {
   const containerRef = useRef<HTMLDivElement>(null);
 
-  // Parallax effect for floating shapes
   useEffect(() => {
     const handleMouseMove = (e: MouseEvent) => {
       if (!containerRef.current) return;
@@ -154,7 +154,7 @@ export default function HeroSection() {
               size="lg"
               className="bg-primary text-primary-foreground font-semibold px-8 py-6 text-lg rounded-full neon-glow hover:neon-glow-strong transition-all group"
             >
-              Get Started
+              <a href="#contact"> Get In Touch</a>
               <ArrowRight className="ml-2 w-5 h-5 group-hover:translate-x-1 transition-transform" />
             </Button>
             <Button
@@ -162,7 +162,7 @@ export default function HeroSection() {
               variant="outline"
               className="font-semibold px-8 py-6 text-lg rounded-full border-primary bg-primary/10 transition-all"
             >
-              View Our Work
+              <Link to="/projects">View Our Work</Link>
             </Button>
           </motion.div>
         </motion.div>