add new database, fix errors

Author: ehsanghaffar

app/globals.css

@@ -379,12 +379,12 @@ html {
 .recipe-link:hover {
   background-color: #12232b;
 }
-
+/* 
 .recipe-link-img {
   transform: rotate(180deg);
   width: 1.3rem;
   padding-left: 0.4rem;
-}
+} */
 
 .all-recipe-link {
   font-size: 1.7rem;
@@ -409,13 +409,13 @@ html {
 
 /* about us section */
 
-#aboutus {
-  /* background-image: url(/images/aboutus.jpg); */
+/* #aboutus {
+  background-image: url(/images/aboutus.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   height: 100vh;
   padding: 1.5rem 0;
-}
+} */
 
 #aboutus .section-title {
   margin: 0;
@@ -550,13 +550,13 @@ html {
 }
 
 
-
+/* 
 .subscribe-img {
-  /* background-image: url(/images/subsc.jpg); */
+  background-image: url(/images/subsc.jpg);
   background-size: cover;
   height: 20rem;
   border-radius: 5rem;
-}
+} */
 
 .subscribe-input {
   border: none;
@@ -597,12 +597,12 @@ html {
   background-color: #f9f8f8;
 }
 
-.footer .svg-bg {
+/* .footer .svg-bg {
   position: absolute;
   z-index: -1;
   bottom: 23.8rem;
   width: 100%;
-}
+} */
 
 .footer {
   display: flex;
@@ -817,7 +817,7 @@ html {
   border-top-right-radius: 2.5rem;
   border-top-left-radius: 2.5rem;
   padding: 1.5rem 1rem;
-  top: 11.76rem;
+  top: 8rem;
   right: 15%;
   position: absolute;
 }

components/Footer.tsx

@@ -8,13 +8,6 @@ const Footer: React.FC = () => {
     <footer id="footer" className=" sticky bottom-0 border-t-2 border-gray-100">
       <div className="container">
         <div className="footer">
-          <svg className="svg-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
-            <path
-              fill="#f9f8f8"
-              fillOpacity="1"
-              d="M0,288L48,272C96,256,192,224,288,192C384,160,480,128,576,149.3C672,171,768,245,864,261.3C960,277,1056,235,1152,218.7C1248,203,1344,213,1392,218.7L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"
-            ></path>
-          </svg>
           <div className="footer-pages">
             <h4 className="footer-title">بخش های سایت</h4>
             <ul>

lib/mongodb.ts

@@ -1,7 +1,7 @@
 import mongoose, { connect, connection } from 'mongoose'
 
 // const { MONGODB = 'mongodb://root:root@localhost:27017/?authSource=admin&readPreference=primary&appname=MongoDB%20Compass&ssl=false' } = process.env;
-const DATABASE = process.env.DB_LOCAL_URL || 'mongodb://mongo:27017/denizpaz'
+const DATABASE = "mongodb+srv://ghafari5000:[email protected]/?retryWrites=true&w=majority"
 const options: any = {
   useUnifiedTopology: true,
   useNewUrlParser: true

package-lock.json

@@ -34,10 +34,12 @@
     "tailwindcss": "3.3.2",
     "tailwindcss-animate": "^1.0.6",
     "typescript": "5.1.3",
+    "uuid": "^9.0.0",
     "vazirmatn": "^33.0.3"
   },
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.3",
-    "@types/mime": "^3.0.1"
+    "@types/mime": "^3.0.1",
+    "@types/uuid": "^9.0.2"
   }
 }