text: // pages/index.js
  
  import Head from "next/head";
  import { Card } from "react-bootstrap";
  import styles from "../styles/Home.module.css";
  import Header from "../components/Header";
  import Footer from "../components/Footer";
  import Experience from "../components/Experience";
  import Education from "../components/Education";
  import Works from "../components/Works";
  import Contact from "../components/Contact";
  import About from "../components/About";
  
  export default function Home() {
    return (
      <div className={styles.container}>
        <Head>
          <title>
            RAVINDER SOLLET - Software Engineer & Internet Entrepreneur, • Next.js • React.js • Postgres • MySQL • Django
          </title>
          <meta
            name="description"
            content="
            RAVINDER SOLLET is a Software Engineer & Internet Entrepreneur."
          />
          <meta name="theme-color" content="#ffffff" />
  
          <meta name="og:type" content="website" />
          <meta
            name="og:title"
            content="
            RAVINDER SOLLET - Software Engineer & Internet Entrepreneur, • Next.js • React.js • Postgres • MySQL • Django"
          />
          <meta
            name="keywords"
            content="ravi,sollet,ravinder,ravinder sollet,software engineer, internet entrepreneur"
          />
          <meta name="og:url" content="#" />
          <meta
            name="og:description"
            content="
            RAVINDER SOLLET - Software Engineer & Internet Entrepreneur."
          />
          <meta name="og:image" content="/assets/images/profile.jpg" />
  
          <link rel="icon" href="/favicon.ico" />
  
          <link
            href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap"
            rel="stylesheet"
          />
        </Head>
  
        <Card className={styles.card}>
          <Card.Body>
            <Header />
            <About />
            <Experience />
            <Education />
            {/* <Works /> */}
            <Contact />
            <Footer />
          </Card.Body>
        </Card>
      </div>
    );
  }