import { Header } from '@/components/layout/Header';
import { SimpleHeroSearch } from '@/components/homepage/SimpleHeroSearch';
import { ContentTabs } from '@/components/homepage/ContentTabs';
import { useDocumentTitle } from '@/hooks/useDocumentTitle';
import { useOpenGraph } from '@/hooks/useOpenGraph';

const Index = () => {
  useDocumentTitle('Home');
  
  useOpenGraph({
    title: 'ThrillWiki - Theme Park & Roller Coaster Database',
    description: 'Explore theme parks and roller coasters worldwide with ThrillWiki - the comprehensive database for enthusiasts',
    type: 'website'
  });
  
  return (
    <div className="min-h-screen bg-background">
      <Header />
      <SimpleHeroSearch />
      <ContentTabs />
    </div>
  );
};

export default Index;