Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

Project Structure

This project is a Next.js application with a focus on modular design. The main parts of the application are:

• app/: Contains global styles, layout, and main page component.
• components/: Contains reusable components like cards, dropdowns, inputs, and text elements.
• config/: Contains configuration data for the application.
• fonts/: Contains custom fonts used in the application.
• hooks/: Contains custom React hooks, like useMobile.
• public/: Contains public assets like images.
• sections/: Contains components for different sections of the application, like the footer, navbar, and various content sections.

Customization

You can customize the application by editing the components and configuration data. For example, you can add new sections by creating new components in the sections/ directory, or change the global styles by editing app/globals.scss.

For more details, refer to the README.md file in your workspace.