officialrajdeepsingh · November 28, 2021 11:24
diff --git a/index.js b/index.js
 // import head component
 import Head from 'next/head';
 //  import css
 import styles from '../styles/Home.module.css';
 //  import custom component
 import Layout from '../Components/Layout';

 export default function Home() {
  return (
    <>
    {/* use head and add meta tag in head component  */}
      <Head>
        <title>Home App</title>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link
          href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400&display=swap"
          rel="stylesheet"
        />
      </Head>
       {/* use layout and add other ui component  */}
      <Layout>
        <div className={styles.grid}>
          <h1 className={styles.title}> Home page </h1>
          <p className={styles.paragraf}>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
            aliquip ex ea commodo consequat. Duis aute irure dolor in
            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
            culpa qui officia deserunt mollit anim id est laborum.
          </p>
        </div>
      </Layout>
    </>
  );
 }
	// import head component
	import Head from 'next/head';
	// import css
	import styles from '../styles/Home.module.css';
	// import custom component
	import Layout from '../Components/Layout';

	export default function Home() {
	return (
	<>
	{/* use head and add meta tag in head component */}
	<Head>
	<title>Home App</title>
	<link rel="preconnect" href="https://fonts.googleapis.com" />
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
	<link
	href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400&display=swap"
	rel="stylesheet"
	/>
	</Head>
	{/* use layout and add other ui component */}
	<Layout>
	<div className={styles.grid}>
	<h1 className={styles.title}> Home page </h1>
	<p className={styles.paragraf}>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
	eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
	ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
	aliquip ex ea commodo consequat. Duis aute irure dolor in
	reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
	pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
	culpa qui officia deserunt mollit anim id est laborum.
	</p>
	</div>
	</Layout>
	</>
	);
	}