diff --git a/backend/api/views.py b/backend/api/views.py
index d8df648..54a0eb9 100644
--- a/backend/api/views.py
+++ b/backend/api/views.py
@@ -41,6 +41,13 @@ class FlavorViewSet(viewsets.ModelViewSet):
         serializer = self.get_serializer(top_flavors, many=True)
         return Response(serializer.data)
 
+    @action(detail=False, methods=['get'], permission_classes=[permissions.AllowAny])
+    def newest(self, request):
+        # Get the 10 newest flavors
+        newest_flavors = Flavor.objects.select_related('category').order_by('-created_at')[:10]
+        serializer = self.get_serializer(newest_flavors, many=True)
+        return Response(serializer.data)
+
 class CategoryViewSet(viewsets.ReadOnlyModelViewSet):
     queryset = Category.objects.all()
     serializer_class = CategorySerializer
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index b4264c8..e24da42 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -33,7 +33,7 @@ import { getTheme, type CatppuccinTheme } from './theme';
 import api from './api';
 
 // Code splitting
-const CategoryList = lazy(() => import('./pages/CategoryList'));
+const MainPage = lazy(() => import('./pages/MainPage'));
 const CategoryFlavors = lazy(() => import('./pages/categories/CategoryFlavors'));
 const FlavorDetail = lazy(() => import('./pages/flavors/FlavorDetail'));
 const Dashboard = lazy(() => import('./pages/Dashboard'));
@@ -394,7 +394,7 @@ const App: React.FC = () => {
           <Box sx={{ flexGrow: 1, width: '100%' }}>
             <Suspense fallback={<Box sx={{ display: 'flex', justifyContent: 'center', mt: 8 }}><CircularProgress /></Box>}>
                 <Routes>
-                    <Route path="/" element={<CategoryList />} />
+                    <Route path="/" element={<MainPage />} />
                     <Route path="/category/:slug" element={<CategoryFlavors />} />
                     <Route path="/flavor/:id" element={<FlavorDetail />} />
                     <Route path="/profile/:username" element={<PublicProfile />} />
diff --git a/frontend/src/pages/CategoryList.tsx b/frontend/src/pages/MainPage.tsx
similarity index 90%
rename from frontend/src/pages/CategoryList.tsx
rename to frontend/src/pages/MainPage.tsx
index 8ce0b26..855b2d5 100644
--- a/frontend/src/pages/CategoryList.tsx
+++ b/frontend/src/pages/MainPage.tsx
@@ -51,10 +51,11 @@ interface Review {
     flavor: number;
 }
 
-const CategoryList: React.FC = () => {
+const MainPage: React.FC = () => {
   const isMobileSize = useMediaQuery('(max-width:600px)');
   const [categories, setCategories] = useState<Category[]>([]);
   const [topFlavors, setTopFlavors] = useState<Flavor[]>([]);
+  const [newestFlavors, setNewestFlavors] = useState<Flavor[]>([]);
   const [recentReviews, setRecentReviews] = useState<Review[]>([]);
   const [allFlavors, setAllFlavors] = useState<Flavor[]>([]);
   const [feedRatings, setFeedRatings] = useState<any[]>([]);
@@ -77,7 +78,8 @@ const CategoryList: React.FC = () => {
             const requests: any[] = [
                 api.get('categories/'),
                 api.get('flavors/top/'),
-                api.get('ratings/recent/')
+                api.get('ratings/recent/'),
+                api.get('flavors/newest/')
             ];
             
             if (isLoggedIn) {
@@ -89,9 +91,10 @@ const CategoryList: React.FC = () => {
             setCategories(Array.isArray(results[0].data) ? results[0].data : (results[0].data.results || []));
             setTopFlavors(Array.isArray(results[1].data) ? results[1].data : (results[1].data.results || []));
             setRecentReviews(Array.isArray(results[2].data) ? results[2].data : (results[2].data.results || []));
+            setNewestFlavors(Array.isArray(results[3].data) ? results[3].data : (results[3].data.results || []));
             
-            if (isLoggedIn && results[3]) {
-                const feedData = Array.isArray(results[3].data) ? results[3].data : (results[3].data.results || []);
+            if (isLoggedIn && results[4]) {
+                const feedData = Array.isArray(results[4].data) ? results[4].data : (results[4].data.results || []);
                 setFeedRatings(feedData.slice(0, 6)); // Show top 6 on home
             }
         }
@@ -433,6 +436,45 @@ const CategoryList: React.FC = () => {
             </Box>
         </Box>
 
+        {/* Newest Arrivals */}
+        {newestFlavors.length > 0 && (
+            <Box sx={{ mb: 10 }}>
+                <Typography variant="h4" sx={{ mb: 4, fontWeight: 'bold' }}>New Arrivals</Typography>
+                <Box sx={{ 
+                    display: 'grid', 
+                    gridTemplateColumns: {
+                        xs: 'repeat(2, 1fr)',
+                        sm: 'repeat(3, 1fr)',
+                        md: 'repeat(4, 1fr)',
+                        lg: 'repeat(5, 1fr)',
+                        xl: 'repeat(6, 1fr)'
+                    }, 
+                    gap: 2 
+                }}>
+                    {newestFlavors.map(flavor => (
+                        <Card key={flavor.id} sx={{ transition: 'transform 0.2s', '&:hover': { transform: 'translateY(-4px)' } }}>
+                            <Link to={`/flavor/${flavor.id}`} style={{ textDecoration: 'none', color: 'inherit' }}>
+                                <Box sx={{ aspectRatio: '1/1', overflow: 'hidden', bgcolor: 'action.hover' }}>
+                                    <Box 
+                                        component="img" 
+                                        src={flavor.image_url || undefined} 
+                                        sx={{ width: '100%', height: '100%', objectFit: 'cover' }} 
+                                        loading="lazy"
+                                    />
+                                </Box>
+                                <CardContent sx={{ p: 1.5, '&:last-child': { pb: 1.5 } }}>
+                                    <Typography variant="body2" sx={{ fontWeight: 'bold', fontSize: '0.85rem', display: '-webkit-box', WebkitLineClamp: 1, WebkitBoxOrient: 'vertical', overflow: 'hidden' }}>
+                                        {flavor.name}
+                                    </Typography>
+                                    <Typography variant="caption" color="text.secondary">{flavor.category_name}</Typography>
+                                </CardContent>
+                            </Link>
+                        </Card>
+                    ))}
+                </Box>
+            </Box>
+        )}
+
         {/* Recent Reviews */}
         {recentReviews.length > 0 && (
             <Box sx={{ mb: 4 }}>