pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 08:11:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Visual edit in Lovable

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-20 12:22:34 +00:00
parent d3b940e830
commit f1f8e6dd92
1 changed files with 5 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/homepage/SimpleHeroSearch.tsx
View File

@@ -2,20 +2,16 @@ import { useState } from 'react';
import { Search } from 'lucide-react'; import { Search } from 'lucide-react';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
export function SimpleHeroSearch() { export function SimpleHeroSearch() {
const [searchTerm, setSearchTerm] = useState(''); const [searchTerm, setSearchTerm] = useState('');
const handleSearch = () => { const handleSearch = () => {
console.log('Searching for:', searchTerm); console.log('Searching for:', searchTerm);
}; };
return <section className="relative py-24 bg-gradient-to-br from-primary/10 via-secondary/5 to-accent/10">
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="container mx-auto px-4 text-center">
<div className="max-w-4xl mx-auto space-y-8"> <div className="max-w-4xl mx-auto space-y-8">
<h1 className="text-5xl md:text-6xl font-bold leading-tight"> <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"> <span className="bg-gradient-to-r from-primary via-secondary to-accent bg-clip-text text-transparent text-7xl">
ThrillWiki ThrillWiki
</span> </span>
</h1> </h1>
@@ -28,23 +24,13 @@ export function SimpleHeroSearch() {
<div className="max-w-2xl mx-auto"> <div className="max-w-2xl mx-auto">
<div className="relative"> <div className="relative">
<Search className="absolute left-4 top-1/2 transform -translate-y-1/2 text-muted-foreground w-5 h-5" /> <Search className="absolute left-4 top-1/2 transform -translate-y-1/2 text-muted-foreground w-5 h-5" />
<Input <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()} />
placeholder="Search parks, rides, or locations..." <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">
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 Search
</Button> </Button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>;
);
} }