Welcome to Our

Beta Mode!

Our website is currently in beta mode, which means we’re still fine-tuning things to give you the best experience possible!

  • Payments Are in Test Mode.
    You can try placing an order, but you will not be charged as payments are currently in test mode with Stripe.
  • Newsletter is Live!
    Want to stay updated? Subscribe to our newsletter, and we’ll keep you informed about updates and launch announcements!
  • Identify Your Needs with Our Quiz!
    Not sure what kind of website suits you best? Take our interactive quiz to get personalized recommendations.
  • Support Ticket System is Live!
    Need assistance or want to report an issue? Create a support ticket, and we’ll take care of it.
  • Schedule a Meeting!
    Have a project in mind? Book a meeting with us to discuss your ideas and bring them to life.
  • Explore & Enjoy.
    The rest of the website is fully functional, so feel free to browse, test, and explore while we finalize everything.
NotificationSetting.jsx
App.jsx
import { useState } from "react";

export default function NotificationSetting() {
    const [enabled, setEnabled] = useState(false);

    return (
        <div className="p-4 bg-gray-700 text-white rounded-lg">
            <label className="flex items-center space-x-3 cursor-pointer">
                <input
                    type="checkbox"
                    checked={enabled}
                    onChange={() => setEnabled(!enabled)}
                    className="hidden"
                />
                <span className={`w-10 h-5 flex items-center bg-gray-600 rounded-full p-1 
                    transition duration-300 ease-in-out ${enabled ? "bg-green-500" : "bg-gray-600"}`}>
                    <span className={`bg-white w-4 h-4 rounded-full shadow-md transform 
                        transition duration-300 ease-in-out ${enabled ? "translate-x-5" : ""}`} />
                </span>
                <span>{enabled ? "Notifications Enabled" : "Notifications Disabled"}</span>
            </label>
        </div>
    );
}