Embed

<div style="padding: 50px; text-align: center; font-family: 'Poppins', sans-serif; background-color: rgba(0, 0, 0, 0.8);">
    <h2 style="font-size: 36px; margin-bottom: 10px; font-weight: bold; color: white; position: relative; display: inline-block;">
        Are You Willing to Pay Someone to Do an Assignment?
        <span style="
            display: block;
            height: 5px;
            width: 100%;
            background: linear-gradient(90deg, #ff6a00, #ff3a3a);
            animation: highlight 3s infinite alternate;
            position: absolute;
            bottom: -10px;
            left: 0;"></span>
    </h2>
    <p style="font-size: 20px; margin-bottom: 30px; color: white;">At <strong>WeDoIt4You</strong>, we specialize in providing top-quality assistance for all your coursework and project needs, ensuring stress-free success and timely delivery.</p>

    <div style="display: flex; justify-content: center;">
        <form id="assignmentForm" style="width: 100%; max-width: 600px; background: rgba(255, 255, 255, 0.1); padding: 30px; border-radius: 15px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); backdrop-filter: blur(10px);">
            <label for="name" style="display: block; font-weight: bold; margin-bottom: 8px; color: white;">Your Name*</label>
            <input type="text" id="name" name="name" placeholder="Enter your name" required style="width: 100%; padding: 12px; margin-bottom: 20px; border-radius: 10px; border: 1px solid #ddd; color: black;">

            <label for="email" style="display: block; font-weight: bold; margin-bottom: 8px; color: white;">Your Email*</label>
            <input type="email" id="email" name="email" placeholder="Enter your email" required style="width: 100%; padding: 12px; margin-bottom: 20px; border-radius: 10px; border: 1px solid #ddd; color: black;">

            <label for="assignment-type" style="display: block; font-weight: bold; margin-bottom: 8px; color: white;">Assignment Type</label>
            <select id="assignment-type" name="assignment-type" required style="width: 100%; padding: 12px; margin-bottom: 20px; border-radius: 10px; border: 1px solid #ddd; color: black;">
                <option value="Dissertation">Dissertation</option>
                <option value="Dissertation Topics">Dissertation Topics</option>
                <option value="Dissertation Proposal">Dissertation Proposal</option>
                <option value="Editing and Proofreading">Editing and Proofreading</option>
                <option value="Essay">Essay</option>
                <option value="Admission Essay">Admission Essay</option>
                <option value="Scholarship Essay">Scholarship Essay</option>
                <option value="Case Study">Case Study</option>
                <option value="Annotated Bibliography">Annotated Bibliography</option>
                <option value="Book Report/Review">Book Report/Review</option>
                <option value="Case Analysis">Case Analysis</option>
                <option value="Course Work">Course Work</option>
                <option value="Reaction Paper">Reaction Paper</option>
                <option value="Research Paper">Research Paper</option>
                <option value="Research Proposal">Research Proposal</option>
                <option value="Statistics Project">Statistics Project</option>
                <option value="Term Paper">Term Paper</option>
                <option value="Thesis">Thesis</option>
                <option value="Thesis Proposal">Thesis Proposal</option>
                <option value="Laboratory Report">Laboratory Report</option>
                <option value="Movie Review">Movie Review</option>
                <option value="Article">Article</option>
                <option value="Speech">Speech</option>
                <option value="Other">Other</option>
            </select>

            <label for="pages" style="display: block; font-weight: bold; margin-bottom: 8px; color: white;">No. of Pages/Words</label>
            <input type="number" id="pages" name="pages" placeholder="Enter number of pages/words" required style="width: 100%; padding: 12px; margin-bottom: 20px; border-radius: 10px; border: 1px solid #ddd; color: black;">

            <label for="deadline" style="display: block; font-weight: bold; margin-bottom: 8px; color: white;">Deadline</label>
            <select id="deadline" name="deadline" required style="width: 100%; padding: 12px; margin-bottom: 20px; border-radius: 10px; border: 1px solid #ddd; color: black;">
                <option value="24 Hours">24 Hours</option>
                <option value="48 Hours">48 Hours</option>
                <option value="3 Days">3 Days</option>
                <option value="1 Week">1 Week</option>
            </select>

            <label for="message" style="display: block; font-weight: bold; margin-bottom: 8px; color: white;">Write a Message</label>
            <textarea id="message" name="message" placeholder="Describe your assignment in detail" style="width: 100%; padding: 12px; height: 120px; border-radius: 10px; border: 1px solid #ddd; color: black;"></textarea>

            <div style="margin-top: 30px; text-align: center;">
                <button type="button" onclick="sendToWhatsApp()" style="background: linear-gradient(90deg, #ff6a00, #ff3a3a); color: white; padding: 15px 40px; font-size: 20px; font-weight: bold; border: none; border-radius: 10px; cursor: pointer; transition: all 0.3s ease; width: 100%;">Submit</button>
            </div>
        </form>
    </div>
</div>

<script>
    function sendToWhatsApp() {
        // Get form values
        const name = document.getElementById('name').value;
        const email = document.getElementById('email').value;
        const assignmentType = document.getElementById('assignment-type').value;
        const pages = document.getElementById('pages').value;
        const deadline = document.getElementById('deadline').value;
        const message = document.getElementById('message').value;

        // Construct the WhatsApp message
        const whatsappMessage = `Hello!%0A%0AHere are my assignment details:%0A%0A*Name:* ${name}%0A*Email:* ${email}%0A*Assignment Type:* ${assignmentType}%0A*No. of Pages/Words:* ${pages}%0A*Deadline:* ${deadline}%0A*Details:* ${message}%0A%0AThank you!`;

        // Redirect to WhatsApp with the message
        const phoneNumber = "447427263126";  // Replace with your WhatsApp number
        const whatsappUrl = `https://wa.me/${phoneNumber}?text=${whatsappMessage}`;
        window.open(whatsappUrl, '_blank');
    }

    // Keyframe animations for the title highlight
    const style = document.createElement('style');
    style.innerHTML = `
        @keyframes highlight {
            0% { transform: scaleX(0); transform-origin: left; }
            100% { transform: scaleX(1); transform-origin: right; }
        }
    `;
    document.head.appendChild(style);
</script>
