pages/index.js

import Head from "next/head";
import { Inter } from "@next/font/google";
import { Box } from "@chakra-ui/react";
import Navbar from "../components/Navbar";
import Pricing from "../components/Pricing";
import Header from "../components/Header";
import Footer from "../components/Footer";
import Calltoaction from "../components/Home/Calltoaction";
import CourseSlider from "../components/Home/CourseSlider";
import AppShowcase from "../components/Home/AppShowcase";
import Features from "../components/Home/Features";

const inter = Inter({ subsets: ["latin"] });

export default function Home() {
  return (
    <>
      <Head>
        <title>Create Next App</title>
        <meta name="description" content="Generated by create next app" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <Box>
        <Navbar />
        <Header />
        <Calltoaction />
        <CourseSlider />
        <Features />
        <AppShowcase />
        <Pricing />
        <Footer />
      </Box>
    </>
  );
}