# Meme Coin Website A modern, responsive website for a meme cryptocurrency, built with Next.js, TypeScript, Tailwind CSS, and Framer Motion. ![Meme Coin Website](https://placekitten.com/800/400) ## Features - Responsive design that works on all devices - Modern UI with smooth animations using Framer Motion - Built with Next.js App Router and TypeScript - Styled with Tailwind CSS and shadcn/ui components - SEO optimized ## Sections - **Hero section**: Eye-catching introduction with call-to-action buttons - **About section**: Highlighting key features and benefits - **Tokenomics**: Detailed token distribution and transaction fees - **Interactive roadmap**: Timeline showing project milestones - **Community section**: Social links and newsletter signup - **Footer**: Links to important pages and legal information ## Getting Started ### Prerequisites - Node.js 18.17 or later ### Installation 1. Clone the repository: ```bash git clone cd meme-coin ``` 2. Install dependencies: ```bash npm install ``` 3. Run the development server: ```bash npm run dev ``` 4. Open [http://localhost:3000](http://localhost:3000) in your browser to see the result. ## Building for Production ```bash npm run build ``` Then, you can start the production server: ```bash npm start ``` ## Pushing to Gitea Server To push this repository to your Gitea server: 1. Create a new repository on your Gitea server (e.g., https://git.boilerhaus.org) 2. Add the remote repository: ```bash git remote add origin git@git.boilerhaus.org:boilerrat/meme.git ``` 3. Push the code: ```bash git push -u origin main ``` ## Technologies Used - [Next.js](https://nextjs.org/) - React framework for production - [TypeScript](https://www.typescriptlang.org/) - Typed JavaScript - [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework - [Framer Motion](https://www.framer.com/motion/) - Animation library - [shadcn/ui](https://ui.shadcn.com/) - UI component library ## License This project is licensed under the MIT License - see the LICENSE file for details. ## Acknowledgments - Design inspired by modern cryptocurrency websites - Icons and emojis used for simplicity - Placeholder images from [PlaceKitten](https://placekitten.com/)