Dark Forest Landing Page

A modern, responsive landing page for the Dark Forest decentralized game, built with Next.js, Tailwind CSS, and Framer Motion.

Features

• Modern Tech Stack: Next.js App Router, Tailwind CSS, and Framer Motion
• Responsive Design: Fully responsive layout that works well on desktop and mobile devices
• Interactive UI: Smooth animations and transitions
• SEO Optimized: Proper metadata for search engines and social media sharing
• Performance Focused: Fast loading times and smooth user experience

Sections

1. Hero: Engaging introduction with cosmic background
2. Game Overview: Highlighting key features of the game
3. Roadmap: Timeline of game development
4. Getting Started: Step-by-step guide for new players
5. Community: Partner logos and social media links
6. FAQ: Common questions and answers
7. Footer: Links and contact information

Getting Started

First, install the dependencies:

npm install
# or
yarn install
# or
pnpm install

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

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

Build for Production

npm run build
# or
yarn build
# or
pnpm build

Technologies Used

• Next.js
• Tailwind CSS
• Framer Motion
• TypeScript

Project Structure

• src/app: Main app routing and layout
• src/components/layout: Layout components (Navbar, Footer)
• src/components/sections: Section components (Hero, GameOverview, etc.)
• src/components/ui: Reusable UI components
• public: Static assets

Customization

The Dark Forest landing page can be customized by:

1. Modifying the color scheme in src/app/globals.css
2. Updating component content in the respective component files
3. Adding or removing sections in src/app/page.tsx

License

MIT