Refactor homepage for simplicity

src/components/homepage/SimpleHeroSearch.tsx

@@ -0,0 +1,50 @@
+import { useState } from 'react';
+import { Search } from 'lucide-react';
+import { Input } from '@/components/ui/input';
+import { Button } from '@/components/ui/button';
+
+export function SimpleHeroSearch() {
+  const [searchTerm, setSearchTerm] = useState('');
+
+  const handleSearch = () => {
+    console.log('Searching for:', searchTerm);
+  };
+
+  return (
+    <section className="relative py-24 bg-gradient-to-br from-primary/10 via-secondary/5 to-accent/10">
+      <div className="container mx-auto px-4 text-center">
+        <div className="max-w-4xl mx-auto space-y-8">
+          <h1 className="text-5xl md:text-6xl font-bold leading-tight">
+            <span className="bg-gradient-to-r from-primary via-secondary to-accent bg-clip-text text-transparent">
+              ThrillWiki
+            </span>
+          </h1>
+          
+          <p className="text-xl text-muted-foreground max-w-2xl mx-auto">
+            The ultimate theme park database. Discover parks, track rides, and connect with enthusiasts.
+          </p>
+          
+          {/* Simple Search */}
+          <div className="max-w-2xl mx-auto">
+            <div className="relative">
+              <Search className="absolute left-4 top-1/2 transform -translate-y-1/2 text-muted-foreground w-5 h-5" />
+              <Input
+                placeholder="Search parks, rides, or locations..."
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+                className="pl-12 pr-24 h-14 text-lg bg-background border-border rounded-full shadow-lg"
+                onKeyDown={(e) => e.key === 'Enter' && handleSearch()}
+              />
+              <Button 
+                onClick={handleSearch}
+                className="absolute right-2 top-2 h-10 px-6 bg-gradient-to-r from-primary to-secondary hover:from-primary/90 hover:to-secondary/90 rounded-full"
+              >
+                Search
+              </Button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}