import CaraouselHome from "@/components/home/carouselHome";
import ChartDokumenHome from "@/components/home/chartDokumenHome";
import ChartProgresHome from "@/components/home/chartProgresHome";
import DisccussionHome from "@/components/home/discussionHome";
import DivisionHome from "@/components/home/divisionHome";
import EventHome from "@/components/home/eventHome";
import FiturHome from "@/components/home/fiturHome";
import { HeaderRightHome } from "@/components/home/headerRightHome";
import ProjectHome from "@/components/home/projectHome";
import Styles from "@/constants/Styles";
import { Stack } from "expo-router";
import { SafeAreaView, ScrollView, View } from "react-native";

export default function Home() {
   return (
      <SafeAreaView>
         <Stack.Screen
            options={{
               title: 'Home',
               headerLeft: () => <></>,
               headerTitle: 'Darmasaba',
               headerRight: () => <HeaderRightHome />,
               headerTitleAlign: 'left',
            }}
         />
         <ScrollView>
            <CaraouselHome />
            <View style={[Styles.ph15]}>
               <FiturHome />
               <ProjectHome />
               <DivisionHome />
               <ChartProgresHome />
               <ChartDokumenHome />
               <EventHome />
               <DisccussionHome />
            </View>
         </ScrollView>
      </SafeAreaView>
   )
}