Hero Section - Copy this React, Tailwind Component to your project

I’m looking to create a hero section for my tech oriented website, Pecktronix. The hero should reflect innovation and electronics design, with a modern and clean aesthetic. It should feature: Primary Color: Purple (preferably a deep, modern tone that suggests creativity and technology). Typography: Clean, bold fonts for the slogan, such as "Empowering Innovation, One Circuit at a Time." The text should be prominently displayed and easy to read. Layout: Full screen layout with a focus on the slogan and a "Get Started" button below it. The call to action button should stand out, ideally using a contrasting accent color. Optional Background: If using an image, it should be subtle, like a soft, tech related background (such as circuits or abstract technology patterns) that complements the text without overpowering it. If not, a solid purple background with a slight gradient works. Responsiveness: The hero must look good on both desktop and mobile screens. Tone: The design should feel professional, forward thinking, and innovative.