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

Approve Lovable Tool Use

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-20 00:18:19 +00:00
parent 8c587e13bd
commit 87ff47ec0a
8 changed files with 1801 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
src/pages/Index.tsx
View File

@@ -1,12 +1,159 @@
// Update this page (the content is just a fallback if you fail to update the page)
import { Header } from '@/components/layout/Header';
import { ParkGrid } from '@/components/parks/ParkGrid';
import { Button } from '@/components/ui/button';
import { Badge } from '@/components/ui/badge';
import { Zap, MapPin, Star, TrendingUp, Users } from 'lucide-react';
const Index = () => {
return (
<div className="flex min-h-screen items-center justify-center bg-background">
<div className="text-center">
<h1 className="mb-4 text-4xl font-bold">Welcome to Your Blank App</h1>
<p className="text-xl text-muted-foreground">Start building your amazing project here!</p>
</div>
<div className="min-h-screen bg-background">
<Header />
{/* Hero Section */}
<section className="relative overflow-hidden">
<div className="absolute inset-0 bg-gradient-to-br from-primary/20 via-secondary/10 to-accent/20" />
<div className="container mx-auto px-4 py-16 relative">
<div className="text-center max-w-4xl mx-auto space-y-6">
<div className="flex items-center justify-center gap-2 mb-4">
<Badge className="bg-primary/20 text-primary border-primary/30">
🚀 Beta Version
</Badge>
<Badge className="bg-secondary/20 text-secondary border-secondary/30">
Community Driven
</Badge>
</div>
<h1 className="text-4xl md:text-6xl lg:text-7xl font-bold leading-tight">
The Ultimate
<br />
<span className="bg-gradient-to-r from-primary via-secondary to-accent bg-clip-text text-transparent">
Theme Park Database
</span>
</h1>
<p className="text-xl md:text-2xl text-muted-foreground max-w-2xl mx-auto leading-relaxed">
Discover amazing theme parks, track your ride credits, share reviews, and connect with fellow thrill seekers worldwide.
</p>
<div className="flex flex-col sm:flex-row items-center justify-center gap-4 mt-8">
<Button size="lg" className="bg-gradient-to-r from-primary to-secondary hover:from-primary/90 hover:to-secondary/90 text-lg px-8 py-3">
<Zap className="w-5 h-5 mr-2" />
Start Exploring
</Button>
<Button variant="outline" size="lg" className="text-lg px-8 py-3 border-primary/30 hover:bg-primary/10">
<MapPin className="w-5 h-5 mr-2" />
Browse Parks
</Button>
</div>
</div>
</div>
{/* Floating Elements */}
<div className="absolute top-20 left-10 animate-pulse">
<div className="w-3 h-3 bg-primary rounded-full shadow-lg shadow-primary/50" />
</div>
<div className="absolute top-40 right-20 animate-pulse delay-1000">
<div className="w-2 h-2 bg-accent rounded-full shadow-lg shadow-accent/50" />
</div>
<div className="absolute bottom-20 left-1/4 animate-pulse delay-500">
<div className="w-4 h-4 bg-secondary rounded-full shadow-lg shadow-secondary/50" />
</div>
</section>
{/* Stats Section */}
<section className="py-16 bg-muted/30">
<div className="container mx-auto px-4">
<div className="grid grid-cols-2 md:grid-cols-4 gap-8">
<div className="text-center space-y-2">
<div className="text-3xl md:text-4xl font-bold text-primary">2,500+</div>
<div className="text-muted-foreground">Theme Parks</div>
</div>
<div className="text-center space-y-2">
<div className="text-3xl md:text-4xl font-bold text-secondary">15,000+</div>
<div className="text-muted-foreground">Rides Tracked</div>
</div>
<div className="text-center space-y-2">
<div className="text-3xl md:text-4xl font-bold text-accent">50,000+</div>
<div className="text-muted-foreground">User Reviews</div>
</div>
<div className="text-center space-y-2">
<div className="text-3xl md:text-4xl font-bold text-primary">180+</div>
<div className="text-muted-foreground">Countries</div>
</div>
</div>
</div>
</section>
{/* Features Section */}
<section className="py-16">
<div className="container mx-auto px-4 mb-12">
<div className="text-center max-w-3xl mx-auto mb-16">
<h2 className="text-3xl md:text-4xl font-bold mb-4">
Everything You Need for Your
<span className="bg-gradient-to-r from-primary to-accent bg-clip-text text-transparent"> Thrill Journey</span>
</h2>
<p className="text-xl text-muted-foreground">
From park discovery to ride tracking, ThrillWiki has all the tools enthusiasts need.
</p>
</div>
<div className="grid md:grid-cols-3 gap-8">
<div className="text-center space-y-4 p-6 rounded-2xl bg-gradient-to-br from-primary/5 to-primary/10 border border-primary/20">
<div className="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center mx-auto">
<MapPin className="w-6 h-6 text-primary" />
</div>
<h3 className="text-xl font-semibold">Discover Parks</h3>
<p className="text-muted-foreground">
Explore thousands of theme parks worldwide with detailed information, photos, and reviews.
</p>
</div>
<div className="text-center space-y-4 p-6 rounded-2xl bg-gradient-to-br from-secondary/5 to-secondary/10 border border-secondary/20">
<div className="w-12 h-12 bg-secondary/20 rounded-full flex items-center justify-center mx-auto">
<TrendingUp className="w-6 h-6 text-secondary" />
</div>
<h3 className="text-xl font-semibold">Track Credits</h3>
<p className="text-muted-foreground">
Keep track of every ride you've experienced and build your personal coaster portfolio.
</p>
</div>
<div className="text-center space-y-4 p-6 rounded-2xl bg-gradient-to-br from-accent/5 to-accent/10 border border-accent/20">
<div className="w-12 h-12 bg-accent/20 rounded-full flex items-center justify-center mx-auto">
<Users className="w-6 h-6 text-accent" />
</div>
<h3 className="text-xl font-semibold">Join Community</h3>
<p className="text-muted-foreground">
Share reviews, create top lists, and connect with fellow theme park enthusiasts.
</p>
</div>
</div>
</div>
</section>
{/* Parks Section */}
<section className="py-16 bg-muted/20">
<ParkGrid />
</section>
{/* CTA Section */}
<section className="py-16 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-3xl mx-auto space-y-6">
<h2 className="text-3xl md:text-4xl font-bold">
Ready to Start Your
<span className="bg-gradient-to-r from-primary to-accent bg-clip-text text-transparent"> Thrill Adventure?</span>
</h2>
<p className="text-xl text-muted-foreground">
Join thousands of theme park enthusiasts and start tracking your rides today!
</p>
<Button size="lg" className="bg-gradient-to-r from-primary to-accent hover:from-primary/90 hover:to-accent/90 text-lg px-8 py-3">
<Star className="w-5 h-5 mr-2" />
Join ThrillWiki Free
</Button>
</div>
</div>
</section>
</div>
);
};