Product hunt launch

src/components/marketing/Hero.tsx

@@ -8,6 +8,11 @@ import { motion } from 'framer-motion';
 import { Globe, User, MapPin, Phone, FileText, Ticket, Smartphone, Star } from 'lucide-react';
 import { useState, useEffect } from 'react';
 
+const PRODUCT_HUNT_URL =
+  'https://www.producthunt.com/products/qr-master-2?launch=qr-master-3';
+const PRODUCT_HUNT_BADGE_URL =
+  'https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1155554&theme=neutral&t=1779882938098';
+
 const FlippingCard = ({ front, back, delay }: { front: any, back: any, delay: number }) => {
   const [isFlipped, setIsFlipped] = useState(false);
 
@@ -161,6 +166,25 @@ export const Hero: React.FC<HeroProps> = ({ t, headingAs = 'h1' }) => {
                 {t.hero.cta_secondary}
               </Link>
             </motion.div>
+
+            <motion.a
+              href={PRODUCT_HUNT_URL}
+              target="_blank"
+              rel="noopener noreferrer"
+              aria-label="View QR Master on Product Hunt"
+              initial={{ opacity: 0, y: 16 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ delay: 0.65 }}
+              className="inline-flex rounded-[10px] transition-transform duration-200 hover:-translate-y-0.5 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#533afd]"
+            >
+              <img
+                src={PRODUCT_HUNT_BADGE_URL}
+                alt="QR Master - Dynamic QR codes with analytics and editable links | Product Hunt"
+                width="250"
+                height="54"
+                className="h-[54px] w-[250px]"
+              />
+            </motion.a>
           </div>
 
           {/* Right Preview Widget */}