✨ Femboy Profile Page

A beautiful, customizable profile page with a view counter, background music, and smooth animations. Perfect for personal websites and landing pages.

🌟 Features

• 💫 Smooth animations and transitions.
• 🎵 Background music with volume control.
• 👁️ View counter using Supabase.
• 🎨 Customizable profile card.
• 🎬 Video background.
• 🖼️ Custom effects for the profile picture.

🚀 Getting Started

Requirements

• Node.js 16+
• npm or yarn
• Supabase account (for the view counter)

Installation

1. Clone the repository:

   git clone https://github.com/kx0x/femboy-bio
   cd femboy-bio

2. Install dependencies:

   npm install

3. Set up Supabase:

   • Create a new project on Supabase
   • Create a new table called page_views with the following SQL:

     create table page_views (
       id bigint primary key,
       count bigint default 0
     );
     
     -- Insert initial row
     insert into page_views (id, count) values (1, 0);

4. Create a .env.local file in the root directory and add the following:

   NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key

5. Add your custom content:

   • Replace /public/profilePic.png with your profile picture.
   • Replace /public/angel_webp.webp with your custom effect.
   • Replace /public/music.mp3 with your background music.
   • Replace /public/video.mp4 with your background video.

6. Run the development server:

   npm run dev

📝 License

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

🙏 Acknowledgments

• Built with Next.js
• Database by Supabase
• Fonts by Google Fonts

💖 Support

If you like this project, please give it a ⭐️!

🤝 Contributing

Contributions, issues, and feature requests are welcome!