Bene Landing Page

A modern Landing Page built with Next.js and SCSS modules, featuring smooth animations and interactive components.

🛠 Tech Stack

• Next.js - React framework for production
• SCSS Modules - For component-level styling
• Framer Motion - For animations and transitions
• React - UI library

📁 Project Structure

bene-main/
├── public/              # Static assets
│   └── images/         # Image assets
├── src/
│   ├── app/            # Next.js app router files
│   ├── common/         # Reusable UI components
│   │   ├── Magnetic/   # Magnetic effect component
│   │   └── RoundedButton/
│   └── components/     # Main 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 http://localhost:3000 in your browser

🎨 Key Features

• Responsive design
• Smooth page transitions
• Interactive UI elements
• Magnetic button effects
• Custom preloader animation

📦 Main Dependencies

• next: ^13.x.x
• react: ^18.x.x
• sass: For SCSS support
• framer-motion: For animations

🔧 Configuration

The project uses Next.js configuration with SCSS modules support. Check next.config.js for specific settings.

📄 License

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