import AuthUser from '@/modules/auth/auth-user';
import Editor from '@/modules/editor/editor.jsx';
import FlashMessages from '@/modules/flash/flash-messages';
import FAQ from './partials/FAQ.jsx';
import Features from './partials/Features.jsx';
import Footer from './partials/Footer.jsx';
import Hero from './partials/Hero.jsx';
import JoinDiscordGroup from './partials/JoinDiscordGroup.jsx';

const Home = () => {
    return (
        <div className="min-h-[100vh] bg-neutral-50 pb-10 dark:bg-black">
            <div className="to-muted/10 w-full bg-gradient-to-b from-transparent dark:from-transparent dark:to-neutral-900">
                <Editor />
            </div>
            <div className="space-y-16">
                <Hero />
                <Features />
                <FAQ />
                <JoinDiscordGroup />
            </div>
            <Footer />
            <FlashMessages />
            <AuthUser />
        </div>
    );
};

export default Home;
