import type { Route } from "./+types/news";
import Integrated from "@/components/news/body/Integrated";
import CultureBgPage from "@/components/news/body/Culturebg";
import {Header} from "@/components/news/header/Header";
import {TopNav} from "@/components/news/header/TopNav";
import NewsList from "@/components/news/list/NewsList";
import ImageGridSection from "@/components/news/body/ImageGridSection";
import GrassrootsDynamics from "@/components/news/body/GrassrootsDynamics";
import { ImportantNews } from "@/components/news/body/FireNews/ImportantNews";
import { LectureHall } from "@/components/news/body/FireNews/LectureHall";
import { MicroVision } from "@/components/news/body/FireNews/MicroVision";
import { Hotline } from "@/components/news/body/FireNews/Hotline";
import { AutoCarouselDemo } from "@/components/AutoCarousel";
import  Footer  from "@/components/news/footer/footer";
import { CarouselDemo } from "@/components/Carousel";

export function meta( ) {
  return [
    { title: "New React Router App" },
    { name: "description", content: "Welcome to React Router!" },
  ];
}

export default function Home() {
  
  return (
    <div>
      <Header />
      <TopNav />
      <ImportantNews />
      <NewsList />
      <ImageGridSection />
      <div
        style={{backgroundImage: "url('/public/images/jcdt.png')"}}
      >
        <GrassrootsDynamics />
        <LectureHall />
        <MicroVision />
        <Hotline />  
        <AutoCarouselDemo />
        <CultureBgPage />
        <Integrated />
      </div>
      <Footer />
    </div>
  );
}