Okay, I will create the inventory page and link it to the home page. import 'package:flutter/material.dart'; class InventoryPage extends StatelessWidget { const InventoryPage({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Inventory Management'), backgroundColor: Colors.orangeAccent, ), body: const Center( child: Text( 'Inventory Operations and Status will be displayed here.', style: TextStyle(fontSize: 18), ), ), ); } } import 'package:flutter/material.dart'; import 'home_page.dart'; import 'inventory_page.dart'; // Import the new inventory page void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter POS', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), initialRoute: '/', routes: { '/': (context) => const HomePage(), '/inventory': (context) => const InventoryPage(), // Add the inventory route // Add other routes here if needed }, ); } } import 'package:flutter/material.dart'; class HomePage extends StatelessWidget { const HomePage({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('POS Dashboard'), backgroundColor: Colors.orangeAccent, ), body: Padding( padding: const EdgeInsets.all(16.0), child: GridView.count( crossAxisCount: 2, // Number of columns crossAxisSpacing: 16.0, // Spacing between columns mainAxisSpacing: 16.0, // Spacing between rows children: [ _buildFeatureCard( context, Icons.point_of_sale, "Point of Sale", "Process transactions", '/pos', // Placeholder route, adjust if needed ), _buildFeatureCard( context, Icons.inventory_2_outlined, // Changed Icon "Inventory", "Manage your stock", '/inventory', // Route to the new inventory page ), _buildFeatureCard( context, Icons.bar_chart, "Reports", "View sales data", '/reports', // Placeholder route, adjust if needed ), _buildFeatureCard( context, Icons.settings, "Settings", "Configure application", '/settings', // Placeholder route, adjust if needed ), ], ), ), ); } Widget _buildFeatureCard(BuildContext context, IconData icon, String title, String subtitle, String route) { return Card( elevation: 4.0, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10.0), ), child: InkWell( onTap: () { // Navigate to the specified route if it's not empty if (route.isNotEmpty) { Navigator.pushNamed(context, route); } else { // Optionally handle the case where the route is not defined ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text('$title feature coming soon!')), ); } }, child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon(icon, size: 50.0, color: Colors.orangeAccent), const SizedBox(height: 10.0), Text( title, style: const TextStyle( fontSize: 18.0, fontWeight: FontWeight.bold, ), textAlign: TextAlign.center, ), const SizedBox(height: 5.0), Text( subtitle, style: const TextStyle( fontSize: 14.0, color: Colors.grey, ), textAlign: TextAlign.center, ), ], ), ), ); } } I have created the `inventory_page.dart`, added the corresponding route in `main.dart`, and included a feature card on the `home_page.dart` that navigates to the new inventory page.