diff --git a/src/App.js b/src/App.js
index f0c9f42..aee9d72 100644
--- a/src/App.js
+++ b/src/App.js
@@ -8,6 +8,7 @@ import MainSection3 from './components/MainSection3';
import MainSection4 from './components/MainSection4';
import MainSection5 from './components/MainSection5';
import BestPlacesSection from './components/BestPlacesSection';
+import BestGroceries from './components/BestGroceries';
import BottomNavbar from './components/BottomNavbar';
import MobileNavbar from './components/MobileNavbar';
import ContactUs from './components/ContactUs';
@@ -26,8 +27,9 @@ function App() {
-
-
+
+
+
);
}
diff --git a/src/components/BestGroceries.js b/src/components/BestGroceries.js
new file mode 100644
index 0000000..a661cba
--- /dev/null
+++ b/src/components/BestGroceries.js
@@ -0,0 +1,52 @@
+import React,{useState} from 'react';
+import './BestPlacesSection.css';
+
+const BestGroceries=()=>{
+const cities = [
+
+"Order grocery in Bangalore",
+"Order grocery in Gurgaon",
+"Order grocery in Hyderabad",
+"Order grocery in Delhi",
+" Order grocery in Mumbai",
+"Order grocery in Pune",
+" Order grocery in Kolkata",
+" Order grocery in Chennai",
+" Order grocery in Ahmedabad",
+"Order groceryin Chandigarh",
+" Order grocery in Jaipur",
+" Order grocery in Kochi",
+" Order grocery in Coimbatore",
+"Order grocery in Lucknow",
+" Order grocery in Nagpur",
+"Order groceryin Vadodara",
+ "Order grocery in Indore",
+"Order grocery in Vizag",
+" Order grocery in Surat",
+" Order grocery in Dehradun",
+ "Order grocery in Noida",
+"Order grocery in Vijayawada"
+
+
+];
+const [visibleCount,setVisibleCount]=useState(9);
+
+const handleShow_more=()=>{
+ setVisibleCount((prevCount)=>prevCount+4);
+}
+
+return(
+