feat: payment page

lib/pages/cart.dart

@@ -1,6 +1,7 @@
 import 'package:blend_bristo/components/button.dart';
 import 'package:blend_bristo/components/carttile.dart';
 import 'package:blend_bristo/models/restaurant.dart';
+import 'package:blend_bristo/pages/payment.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
@@ -87,7 +88,14 @@ class CartPage extends StatelessWidget {
             ),
 
             //button to pay
-            MyButton(text: "Go To Checkout", onTap: (){})
+            MyButton(
+              text: "Go To Checkout",
+              onTap: () => Navigator.push(
+                context,
+                MaterialPageRoute(builder: (context) => PaymentPage()),
+              ),
+            ),
+            SizedBox(height: 25,)
           ],
         ),
       );

lib/pages/payment.dart

@@ -0,0 +1,21 @@
+import 'package:flutter/material.dart';
+
+class PaymentPage extends StatefulWidget {
+  const PaymentPage({super.key});
+
+  @override
+  State<PaymentPage> createState() => _PaymentPageState();
+}
+
+class _PaymentPageState extends State<PaymentPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Theme.of(context).colorScheme.background,
+      appBar: AppBar(
+        backgroundColor: Colors.transparent,
+        title: Text("Checkout"),
+      ),
+    );
+  }
+}