Merge branch 'main' of http://113.45.67.59:3003/qiuchenfan/news

app/components/untils/Carousel.tsx

@@ -11,13 +11,21 @@ import {
   CarouselPrevious,
   type CarouselApi,
 } from "@/ui/carousel";
+  const imageUrls = [
 
+  "/images/carousel-1.jpg",
+  "/images/carousel-2.jpg",
+  "/images/carousel-3.jpg",
+  "/images/carousel-4.jpg",
+  "/images/carousel-5.jpg",
+  "/images/carousel-6.jpg",
+];
 export function CarouselDemo() {
   const [api, setApi] = React.useState<CarouselApi>();
   const [current, setCurrent] = React.useState(0);
   const [count, setCount] = React.useState(0);
 
-  const totalSlides = 6; 
+  const totalSlides = imageUrls.length; 
 
   React.useEffect(() => {
     if (!api) return;
@@ -46,12 +54,16 @@ export function CarouselDemo() {
         className="w-full"
       >
         <CarouselContent>
-          {Array.from({ length: totalSlides }).map((_, index) => (
+          {imageUrls.map((src, index) => (
             <CarouselItem key={index}>
               <div className="p-1">
                 <Card>
                   <CardContent className="flex aspect-square items-center justify-center p-6">
-                    <span className="text-4xl font-semibold">{index + 1}</span>
+                     <img
+                      src={src}
+                      alt={`Slide ${index + 1}`}
+                      className="w-full h-full object-cover"
+                    />
                   </CardContent>
                 </Card>
               </div>

app/routes/news.tsx

@@ -13,8 +13,6 @@ export function meta( ) {
 export default function Home() {
   return (
     <div>
-      <Header />
-      <TopNav />
       <CarouselDemo />
       <NewsList />
     </div>