"use client";

import Footer from "@/components/Footer";
import Header from "@/components/Header";
import HeroSection from "@/components/HeroSection";
import { PrivyProvider } from "@privy-io/react-auth";
import { toSolanaWalletConnectors } from "@privy-io/react-auth/solana";
import { Toaster } from "sonner";

export default function Home() {
  return (
    
    <div className="bg-[rgb(22,22,22)]">
      <PrivyProvider
    appId="cm8spd7l600lfe4am1phq9qq8"
    clientId="client-WY5i4HS6T7JP44iKMQUyZXwftzwKLFvEsGvMtFY1znXSj"
    config={{
      // Customize Privy's appearance in your app
      appearance: {
        theme: 'dark',
        accentColor: '#f89016',
        logo: 'https://your-logo-url'
      },
      // Create embedded wallets for users who don't have a wallet
      embeddedWallets: {
        createOnLogin: 'users-without-wallets'
      },
      externalWallets:{
        solana:{connectors:toSolanaWalletConnectors()}
      }
    
    }}
  >
      <Toaster position="top-right" richColors />
      <Header/>
      <HeroSection/>
      <Footer/>
      </PrivyProvider>
    </div>
    
  );

}
