import { Box, CssBaseline, ThemeProvider } from "@mui/material";
import Section1 from "./Section1";
import Section2 from "./Section2";
import Section3 from "./Section3";
import Section4 from "./Section4";
import Section5 from "./Section5";
import FloatingSupportChat from "@root/components/FloatingSupportChat/FloatingSupportChat";
import Footer from "@root/components/Footer";
import darkTheme from "@root/utils/themes/dark";
import Navbar from "@root/components/Navbar/Navbar";

interface Props {
    templaterOnly?: boolean;
}

export default function Landing({ templaterOnly = false }: Props) {

    return (
        <ThemeProvider theme={darkTheme}>
            <CssBaseline />
            <Box sx={{
                position: "relative",
            }}>
                <Navbar isLoggedIn={false} />
                <Section1 />
                <Section2 templaterOnly={templaterOnly} />
                <Section3 />
                <Section4 />
                <Section5 />
                <Footer />
                <FloatingSupportChat />
            </Box>
        </ThemeProvider>
    );
}