feat: Add large puma logo to hero section

- Added pounce-puma.png to /public
- Placed logo prominently above hero headline
- Responsive sizing: 192px → 384px (mobile → desktop)
- Added glow effect: drop-shadow with accent color
- Removed tagline badge to make room for logo
- Adjusted hero padding for better balance

frontend/src/app/page.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useEffect, useState } from 'react'
+import Image from 'next/image'
 import { Header } from '@/components/Header'
 import { Footer } from '@/components/Footer'
 import { DomainChecker } from '@/components/DomainChecker'
@@ -148,12 +149,18 @@ export default function HomePage() {
       <Header />
       
       {/* Hero Section */}
-      <section className="relative pt-32 sm:pt-36 md:pt-40 lg:pt-48 pb-16 sm:pb-20 px-4 sm:px-6">
+      <section className="relative pt-28 sm:pt-32 md:pt-36 lg:pt-40 pb-16 sm:pb-20 px-4 sm:px-6">
         <div className="max-w-7xl mx-auto text-center">
-          {/* Tagline */}
-          <div className="inline-flex items-center gap-2 sm:gap-2.5 px-3 sm:px-4 py-1.5 sm:py-2 bg-background-secondary/80 backdrop-blur-sm border border-border rounded-full mb-6 sm:mb-8 md:mb-10 animate-fade-in">
-            <div className="w-1.5 h-1.5 rounded-full bg-accent animate-glow-pulse" />
-            <span className="text-ui-sm sm:text-ui text-foreground-muted">Domain Availability Monitoring</span>
+          {/* Puma Logo - Large & Prominent */}
+          <div className="flex justify-center mb-6 sm:mb-8 md:mb-10 animate-fade-in">
+            <Image
+              src="/pounce-puma.png"
+              alt="pounce"
+              width={400}
+              height={280}
+              className="w-48 h-auto sm:w-64 md:w-80 lg:w-96 object-contain drop-shadow-[0_0_60px_rgba(16,185,129,0.3)]"
+              priority
+            />
           </div>
           
           {/* Main Headline - RESPONSIVE */}