Modify README and increase pagetitle margin

.gitignore

@@ -18,10 +18,7 @@ node_modules
 .env.development.local
 .env.test.local
 .env.production.local
-# next.config.js
 
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-
-design.html

README.md

@@ -36,7 +36,9 @@ The current release has been tested and is confirmed working with the following
 
    Import the products at `WP Dashboard > Tools > Import > WooCommerce products(CSV)`
 
-4. Clone or fork the repo and modify `nextConfig.js`
+4. Clone or fork the repo and modify `nextConfig.js`. 
+   Then set the environment variables ALGOLIA_APP_ID and ALGOLIA_PUBLIC_API_KEY in Vercel.
+   See https://vercel.com/docs/environment-variables
 5. Modify the values according to your setup
 6. Start the server with `npm run dev`
 7. Enable COD (Cash On Demand) payment method in WooCommerce

components/Category/Categories.component.jsx

@@ -17,8 +17,7 @@ const Categories = ({ categories }) => {
               as={`/kategori/${slug}?id=${id}`}
               href="/kategori/[id]"
             >
-              <div
-                //className="flex flex-col justify-around p-6 cursor-pointer xs:w-1/2 md:w-1/3 xl:w-1/4"
+              <div                
                 className="p-6 cursor-pointer"
               >
                 <div className="flex items-center justify-center w-full h-16 text-center border border-gray-300 rounded-lg shadow hover:shadow-outline">

components/Title/PageTitle.component.jsx

@@ -2,13 +2,13 @@ const PageTitle = ({ title, marginleft }) => {
   return (
     <>
       {marginleft ? (
-        <section className="container pl-8 mx-auto mt-24 text-center bg-white">
+        <section className="container pl-8 mx-auto mt-32 text-center bg-white">
           <span className="py-2 text-xl font-bold tracking-wide text-center text-gray-800 no-underline uppercase hover:no-underline">
             {title}
           </span>
         </section>
       ) : (
-        <section className="container pl-4 mx-auto mt-24 text-center bg-white">
+        <section className="container pl-4 mx-auto mt-32 text-center bg-white">
           <span className="py-2 text-xl font-bold tracking-wide text-center text-gray-800 no-underline uppercase hover:no-underline">
             {title}
           </span>

utils/config/nextConfig.js

@@ -4,20 +4,18 @@
 
 export const WOO_CONFIG = {
   GRAPHQL_URL: 'https://woo.dfweb.no/graphql',
-  ALGOLIA_APP_ID: '7L9M5Y0B1K',
-  ALGOLIA_PUBLIC_API_KEY: '6f03421b21d2320c3d544777235debf1',
   ALGOLIA_INDEX_NAME: 'dfweb',
-  PLACEHOLDER_SMALL_IMAGE_URL: 'https://res.cloudinary.com/duelisue0/image/upload/v1600187495/Nextjs-Woocommerce/337_utsb7h.jpg',
-  PLACEHOLDER_LARGE_IMAGE_URL: 'https://res.cloudinary.com/duelisue0/image/upload/v1595541416/Nextjs-Woocommerce/placeholder-616-616_beecp5.jpg',
+  PLACEHOLDER_SMALL_IMAGE_URL:
+    'https://res.cloudinary.com/duelisue0/image/upload/v1600187495/Nextjs-Woocommerce/337_utsb7h.jpg',
+  PLACEHOLDER_LARGE_IMAGE_URL:
+    'https://res.cloudinary.com/duelisue0/image/upload/v1595541416/Nextjs-Woocommerce/placeholder-616-616_beecp5.jpg',
 };
 
 // Development details
 
 /*
 export const WOO_CONFIG = {
   GRAPHQL_URL: 'http://localhost/wp/graphql',
-  ALGOLIA_APP_ID: '7L9M5Y0B1K',
-  ALGOLIA_PUBLIC_API_KEY: '925cc92373120f1bf477bb8ce0e71649',
   ALGOLIA_INDEX_NAME: 'dfweb',
   PLACEHOLDER_SMALL_IMAGE_URL: 'https://res.cloudinary.com/duelisue0/image/upload/v1595540954/Nextjs-Woocommerce/placeholder-272-272_pg8t0z.jpg',
   PLACEHOLDER_LARGE_IMAGE_URL: 'https://res.cloudinary.com/duelisue0/image/upload/v1595541416/Nextjs-Woocommerce/placeholder-616-616_beecp5.jpg',