···11+# Welcome to your Lovable project
22+33+## Project info
44+55+**URL**: https://lovable.dev/projects/754ecdde-4a1b-4e7b-b552-172d72b7e79e
66+77+## How can I edit this code?
88+99+There are several ways of editing your application.
1010+1111+**Use Lovable**
1212+1313+Simply visit the [Lovable Project](https://lovable.dev/projects/754ecdde-4a1b-4e7b-b552-172d72b7e79e) and start prompting.
1414+1515+Changes made via Lovable will be committed automatically to this repo.
1616+1717+**Use your preferred IDE**
1818+1919+If you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable.
2020+2121+The only requirement is having Node.js & npm installed - [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating)
2222+2323+Follow these steps:
2424+2525+```sh
2626+# Step 1: Clone the repository using the project's Git URL.
2727+git clone <YOUR_GIT_URL>
2828+2929+# Step 2: Navigate to the project directory.
3030+cd <YOUR_PROJECT_NAME>
3131+3232+# Step 3: Install the necessary dependencies.
3333+npm i
3434+3535+# Step 4: Start the development server with auto-reloading and an instant preview.
3636+npm run dev
3737+```
3838+3939+**Edit a file directly in GitHub**
4040+4141+- Navigate to the desired file(s).
4242+- Click the "Edit" button (pencil icon) at the top right of the file view.
4343+- Make your changes and commit the changes.
4444+4545+**Use GitHub Codespaces**
4646+4747+- Navigate to the main page of your repository.
4848+- Click on the "Code" button (green button) near the top right.
4949+- Select the "Codespaces" tab.
5050+- Click on "New codespace" to launch a new Codespace environment.
5151+- Edit files directly within the Codespace and commit and push your changes once you're done.
5252+5353+## What technologies are used for this project?
5454+5555+This project is built with:
5656+5757+- Vite
5858+- TypeScript
5959+- React
6060+- shadcn-ui
6161+- Tailwind CSS
6262+6363+## How can I deploy this project?
6464+6565+Simply open [Lovable](https://lovable.dev/projects/754ecdde-4a1b-4e7b-b552-172d72b7e79e) and click on Share -> Publish.
6666+6767+## Can I connect a custom domain to my Lovable project?
6868+6969+Yes, you can!
7070+7171+To connect a domain, navigate to Project > Settings > Domains and click Connect Domain.
7272+7373+Read more here: [Setting up a custom domain](https://docs.lovable.dev/features/custom-domain#custom-domain)
···11+import { clsx, type ClassValue } from "clsx";
22+import { twMerge } from "tailwind-merge";
33+44+export function cn(...inputs: ClassValue[]) {
55+ return twMerge(clsx(inputs));
66+}
+5
src/main.tsx
···11+import { createRoot } from "react-dom/client";
22+import App from "./App.tsx";
33+import "./index.css";
44+55+createRoot(document.getElementById("root")!).render(<App />);
+14
src/pages/Index.tsx
···11+// Update this page (the content is just a fallback if you fail to update the page)
22+33+const Index = () => {
44+ return (
55+ <div className="flex min-h-screen items-center justify-center bg-background">
66+ <div className="text-center">
77+ <h1 className="mb-4 text-4xl font-bold">Welcome to Your Blank App</h1>
88+ <p className="text-xl text-muted-foreground">Start building your amazing project here!</p>
99+ </div>
1010+ </div>
1111+ );
1212+};
1313+1414+export default Index;