The Bene Landing Page is a modern, animated, responsive interface that introduces the Bene fundraising protocol.

---

Bene Landing Page

A polished, animated landing page for the Bene Fundraising Protocol built using Next.js, SCSS modules, Framer Motion, and custom UI components.

This landing page is designed to provide a clean introduction to Bene, featuring smooth transitions, interactive components, and a responsive layout.

---

🛠 Tech Stack

• Next.js – Production-grade React framework
• SCSS Modules – Scoped, modular styling
• Framer Motion – Advanced animations and transitions
• React – UI component architecture

---

📁 Project Structure

bene-landing-page/
├── public/              # Static assets
│   └── images/         # Image assets
├── src/
│   ├── app/            # Next.js App Router
│   ├── common/         # Reusable UI elements
│   │   ├── Magnetic/   # Magnetic hover effect
│   │   └── RoundedButton/
│   └── components/     # Page components
│       ├── Contact/    # Contact section
│       ├── Description/# About section
│       ├── Landing/    # Hero section
│       └── Preloader/  # Loading animation

---

🚀 Getting Started

1. Clone the Repository

git clone <repository-url>
cd bene-main

2. Install Dependencies

npm install
# or
yarn install

3. Run the Development Server

npm run dev
# or
yarn dev

4. Open in Browser

👉 http://localhost:3000

---

🎨 Key Features

• Fully responsive design
• Smooth page transitions using Framer Motion
• Interactive magnetic buttons
• Clean, modern UI
• Custom preloader animation
• Modular SCSS styling

---

📦 Main Dependencies

• next: ^13.x
• react: ^18.x
• sass – SCSS styling support
• framer-motion – Animation engine

---

🔧 Configuration

The project uses Next.js App Router with SCSS module support.
For custom configuration, check:

next.config.js

---

📄 License

This project is licensed under the MIT License.
See the LICENSE file for details.

---

© 2025 The Stable Order