<table class="min-w-full mx-auto my-8 bg-white border border-gray-300 rounded-lg">
        <tr>
            <td class="p-6 text-center bg-indigo-600 rounded-t-lg">
                <h1 class="text-3xl font-bold text-white">Welcome to Our Community</h1>
            </td>
        </tr>
        <tr>
            <td class="p-8">
                <p class="text-lg text-gray-700">Hi [Name],</p>
                <p class="mt-4 text-gray-600">
                    We are thrilled to have you on board! Our community is dedicated to sharing knowledge and inspiring innovation. Here's a quick overview of what you can expect:
                </p>
                <ul class="mt-6 space-y-3 text-gray-600">
                    <li>🌟 Access to exclusive content and webinars.</li>
                    <li>📢 Weekly newsletters with the latest updates.</li>
                    <li>🤝 Opportunities to connect with like-minded individuals.</li>
                </ul>
                <p class="mt-4 text-gray-600">
                    We hope you enjoy being part of our community. If you have any questions or need assistance, feel free to reach out to us.
                </p>
                <a href="#" class="inline-block px-8 py-4 mt-6 text-sm font-medium text-white bg-indigo-600 rounded hover:bg-indigo-700">
                    Join the Community
                </a>
            </td>
        </tr>
        <tr>
            <td class="p-6 bg-gray-100 rounded-b-lg">
                <p class="text-sm text-gray-600">
                    © 2024 Our Community. All rights reserved.
                </p>
                <p class="mt-2 text-sm text-gray-600">
                    You are receiving this email because you signed up for our newsletter.
                </p>
                <a href="#" class="mt-2 text-sm text-indigo-600 hover:underline">
                    Unsubscribe
                </a>
            </td>
        </tr>
    </table>

  <table class="min-w-full bg-white border border-gray-200">
        <tr>
            <td class="p-6 text-center bg-blue-600">
                <h1 class="text-2xl font-bold text-white">Your Company</h1>
            </td>
        </tr>
        <tr>
            <td class="p-6">
                <h2 class="text-xl font-semibold text-gray-800">Hello, [Name]!</h2>
                <p class="mt-4 text-gray-600">
                    We're excited to bring you the latest updates and offers from our company. Don't miss out on our exclusive deals and promotions.
                </p>
                <a href="#" class="inline-block px-6 py-3 mt-6 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700">
                    Shop Now
                </a>
            </td>
        </tr>
        <tr>
            <td class="p-6 bg-gray-100">
                <h3 class="text-lg font-medium text-gray-800">Latest News</h3>
                <ul class="mt-4 space-y-3">
                    <li class="text-gray-600">
                        <strong>Product Launch:</strong> Check out our new product line!
                    </li>
                    <li class="text-gray-600">
                        <strong>Blog Post:</strong> Tips and tricks to improve your productivity.
                    </li>
                    <li class="text-gray-600">
                        <strong>Upcoming Events:</strong> Join us for our annual conference.
                    </li>
                </ul>
            </td>
        </tr>
        <tr>
            <td class="p-6 text-center bg-gray-200">
                <p class="text-sm text-gray-600">
                    © 2024 Your Company. All rights reserved.
                </p>
                <p class="mt-2 text-sm text-gray-600">
                    You are receiving this email because you opted in at our website.
                </p>
                <a href="#" class="mt-2 text-sm text-blue-600 hover:underline">
                    Unsubscribe
                </a>
            </td>
        </tr>
    </table>