Refactor code to address issues

src/pages/Index.tsx

@@ -2,10 +2,17 @@ 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 />