Add Head to each page

codezeloss · codezeloss · commit d2c124da002e · 2022-10-30T02:45:25.000+01:00
diff --git a/pages/about/index.tsx b/pages/about/index.tsx
@@ -1,3 +1,4 @@
+import Head from "next/head";
 import Image from "next/image";
 import UserCTA from "../../components/UserCTA";
 import Stats from "../../components/Stats";
@@ -6,6 +7,12 @@ import team from "/assets/about/desktop/image-team-members.jpg";
 const About = () => {
   return (
     <div>
+      <Head>
+        <title>About</title>
+        <meta name="description" content="About page" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
       <section className="customSpace">
         <div>
           <h2 className="max-w-[644px] h-[189px] mb-[51px] 2bp:text-center 2bp:mx-auto 2bp:max-w-[537px] 3bp:h-[100%]">
diff --git a/pages/contact/index.tsx b/pages/contact/index.tsx
@@ -1,3 +1,4 @@
+import Head from "next/head";
 import Image from "next/image";
 import UserCTA from "../../components/UserCTA";
 import Form from "../../components/Form";
@@ -11,25 +12,25 @@ import nvidia from "/assets/shared/desktop/nvidia.svg";
 const Contact = () => {
   return (
     <section>
+      <Head>
+        <title>Contact</title>
+        <meta name="description" content="Contact page" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
       <div className="customSpace">
-        <div
-          className="h-[100%] 1bp:h-[178px] inline"
-        >
+        <div className="h-[100%] 1bp:h-[178px] inline">
           <h2 className="max-w-[730px] h-fit mb-[43px] 1bp:mx-auto 1bp:text-center 2bp:max-w-[458px]">
             Submit a help request and we’ll get in touch shortly.
           </h2>
         </div>
 
         <div className="flex mb-[93px] gap-[124px] items-center 1bp:flex-col 1bp:gap-[70px]">
-          <div
-            className="h-[100%]"
-          >
+          <div className="h-[100%]">
             <Form />
           </div>
 
-          <div
-            className="max-w-[541px]"
-          >
+          <div className="max-w-[541px]">
             <h5 className="mb-[40px] max-w-[445px] 1bp:text-center 1bp:max-w-[100%]">
               Join the thousands of innovators already building with us
             </h5>
@@ -97,9 +98,7 @@ const Contact = () => {
         </div>
       </div>
 
-      <div
-        className="h-[100%]"
-      >
+      <div className="h-[100%]">
         <UserCTA />
       </div>
     </section>
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -5,8 +5,8 @@ const Home = () => {
   return (
     <div>
       <Head>
-        <title>Home</title>
-        <meta name="description" content="Generated by create next app" />
+        <title>payapi | Home</title>
+        <meta name="description" content="Home page" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
 
diff --git a/pages/pricing/index.tsx b/pages/pricing/index.tsx
@@ -1,3 +1,4 @@
+import Head from "next/head";
 import UserCTA from "../../components/UserCTA";
 import FreePlan from "../../components/FreePlan";
 import BasicPlan from "../../components/BasicPlan";
@@ -6,9 +7,13 @@ import PremiumPlan from "../../components/PremiumPlan";
 const Pricing = () => {
   return (
     <div>
-      <section
-        className="customSpace"
-      >
+      <Head>
+        <title>Pricing</title>
+        <meta name="description" content="Pricing page" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <section className="customSpace">
         <h2 className="mb-[72px] 2bp:text-center">Pricing</h2>
 
         <div className="flex gap-[30px] mb-[96px] 2bp:gap-[10px] 2bp:justify-between 3bp:flex-col 3bp:mx-auto 3bp:text-center 3bp:gap-[48px] 3bp:items-center">
@@ -18,8 +23,7 @@ const Pricing = () => {
         </div>
       </section>
 
-      <div
-      >
+      <div>
         <UserCTA />
       </div>
     </div>
