chore: add positioning statement to hero section

Author: maxritter

docs/site/src/components/HeroSection.tsx

@@ -1,4 +1,4 @@
-import { Github, BookOpen } from "lucide-react";
+import { GithubIconIcon, BookOpen } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import Logo from "@/components/Logo";
@@ -50,10 +50,13 @@ const HeroSection = () => {
 
         {/* Subtitle */}
         <div className="animate-fade-in-up animation-delay-300 mb-6 xs:mb-8 px-1">
-          <p className="text-muted-foreground text-[11px] xs:text-xs sm:text-sm md:text-base lg:text-lg max-w-[90%] xs:max-w-xl sm:max-w-2xl mx-auto leading-relaxed">
+          <p className="text-foreground/90 text-xs xs:text-sm sm:text-base md:text-lg lg:text-xl font-medium max-w-[90%] xs:max-w-xl sm:max-w-2xl mx-auto leading-relaxed">
+            The professional development environment for Claude Code.
+          </p>
+          <p className="text-muted-foreground text-[11px] xs:text-xs sm:text-sm md:text-base max-w-[90%] xs:max-w-xl sm:max-w-2xl mx-auto mt-1.5 leading-relaxed">
             Start a task, grab a coffee, come back to production-grade code.
           </p>
-          <p className="text-muted-foreground/70 text-[10px] xs:text-xs sm:text-sm md:text-base max-w-[90%] xs:max-w-xl sm:max-w-2xl mx-auto mt-2 leading-relaxed">
+          <p className="text-muted-foreground/70 text-[10px] xs:text-xs sm:text-sm md:text-base max-w-[90%] xs:max-w-xl sm:max-w-2xl mx-auto mt-1.5 leading-relaxed">
             Tests enforced. Context preserved. Quality automated.
           </p>
         </div>
@@ -137,7 +140,7 @@ const HeroSection = () => {
               target="_blank"
               rel="noopener noreferrer"
             >
-              <Github className="mr-1.5 xs:mr-2 h-3.5 w-3.5 xs:h-4 xs:w-4" />
+              <GithubIcon className="mr-1.5 xs:mr-2 h-3.5 w-3.5 xs:h-4 xs:w-4" />
               View on GitHub
             </a>
           </Button>