/home/awneajlw/form.codestechvista.com/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Medicare Hero Section</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
@keyframes slideIn {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.slide-in {
animation: slideIn 0.3s ease-out;
}
</style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q13SQFQ0W1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-Q13SQFQ0W1');
</script>
</head>
<body>
<nav class="bg-indigo-800 fixed top-0 w-full z-50 hidden md:flex">
<div
class="w-[90%] mx-auto text-white px-6 py-3 flex flex-col md:flex-row justify-between items-center text-center md:text-left transition-all duration-300 hover:bg-indigo-900"
>
<p class="text-sm md:text-base font-light">
A non-government entity powered by Medicarean, a health insurance
agency.
</p>
<p
class="text-sm md:text-base mt-2 md:mt-0 font-medium hover:text-indigo-200 transition-colors"
>
Call us: +10000000
</p>
</div>
</nav>
<nav class="bg-white border-b shadow-lg fixed top-0 md:top-14 w-full z-50">
<div
class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center"
>
<a
href="./index.html"
class="flex items-center hover:scale-105 transition-transform duration-300"
>
<img
src="{{ url_for('static', filename='images/logo.jpg') }}"
alt="Medicarean Logo"
class="h-12 w-auto"
/>
</a>
<div class="md:hidden">
<button
id="menu-toggle"
class="text-indigo-800 focus:outline-none hover:text-indigo-600 transition-colors"
>
<svg
class="w-8 h-8"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6h16M4 12h16M4 18h16"
></path>
</svg>
</button>
</div>
<div
id="menu"
class="hidden md:flex md:items-center md:space-x-6 font-semibold text-indigo-800"
>
<a
href="{{ url_for('index') }}"
class="hover:text-indigo-600 transition-colors hover:underline underline-offset-4"
>Home</a
>
<a
href="{{ url_for('contact') }}"
class="hover:text-indigo-600 transition-colors hover:underline underline-offset-4"
>Contact Us</a
>
<a
href="{{ url_for('privacy') }}"
class="hover:text-indigo-600 transition-colors hover:underline underline-offset-4"
>Privacy Policy</a
>
<a
href="{{ url_for('sample') }}"
class="hover:text-indigo-600 transition-colors hover:underline underline-offset-4"
>Sample Page</a
>
<a
href="{{ url_for('terms') }}"
class="hover:text-indigo-600 transition-colors hover:underline underline-offset-4"
>Terms & Conditions</a
>
</div>
<div
class="hidden md:block text-sm text-indigo-800 font-medium bg-indigo-50 px-3 py-1 rounded-full shadow-inner"
>
MONDAY-FRIDAY, 9 AM–5 PM EST
</div>
</div>
<div
id="mobile-menu"
class="md:hidden hidden px-4 pb-4 space-y-3 font-medium text-indigo-800 bg-white border-t slide-in"
>
<a
href="{{ url_for('index') }}"
class="block hover:text-indigo-600 transition-colors hover:bg-indigo-50 px-3 py-2 rounded"
>Home</a
>
<a
href="{{ url_for('contact') }}"
class="block hover:text-indigo-600 transition-colors hover:bg-indigo-50 px-3 py-2 rounded"
>Contact Us</a
>
<a
href="{{ url_for('privacy') }}"
class="block hover:text-indigo-600 transition-colors hover:bg-indigo-50 px-3 py-2 rounded"
>Privacy Policy</a
>
<a
href="{{ url_for('sample') }}"
class="block hover:text-indigo-600 transition-colors hover:bg-indigo-50 px-3 py-2 rounded"
>Sample Page</a
>
<a
href="{{ url_for('terms') }}"
class="block hover:text-indigo-600 transition-colors hover:bg-indigo-50 px-3 py-2 rounded"
>Terms & Conditions</a
>
<p class="pt-2 text-sm text-indigo-600 bg-indigo-50 px-3 py-2 rounded">
MONDAY-FRIDAY, 9 AM–5 PM EST
</p>
</div>
</nav>
<section
class="text-white text-center py-16 px-4 font-sans bg-cover bg-center mt-20 md:mt-40"
style="
background-image: url('https://medicarean.com/wp-content/uploads/2025/01/Business-Continuity-Recovery-Services-3.png');
"
>
<h1 class="text-3xl md:text-4xl font-bold mb-2">
Secure your health with the right Medicare coverage
</h1>
<p class="text-lg md:text-xl">Get Quotes & Compare Plans</p>
</section>
<div
class="font-sans bg-gradient-to-b from-gray-100 to-white min-h-screen pt-24"
>
<div class="mt-9">
<div class="font-semibold md:w-[88%] mx-auto">
<div
class="flex flex-col md:flex-row p-6 bg-white rounded-xl shadow-xl transform transition duration-300 hover:shadow-2xl hover:-translate-y-2"
>
<div class="w-full md:w-1/2 p-4">
<img
src="{{ url_for('static', filename='images/main.jpg') }}"
alt="Consultation Image"
class="w-full h-auto object-cover rounded-xl transition duration-300 hover:scale-105 hover:shadow-lg"
/>
</div>
<div
class="w-full md:w-1/2 p-6 mt-3 bg-gradient-to-br from-indigo-50 to-blue-50 rounded-xl border border-indigo-100"
>
<h2
class="text-2xl md:text-3xl font-bold text-indigo-900 mb-4 leading-tight drop-shadow-sm"
>
Relocating or losing health coverage? Let us assist you in
finding the best Medicare plan for your needs.
</h2>
<p
class="text-gray-700 mb-4 text-base md:text-lg leading-relaxed bg-white/80 p-3 rounded-lg shadow-inner"
>
Whether you're new to Medicare, reviewing your current plan, or
exploring your options for the upcoming year, we're here to
assist you throughout the entire process. Our services include:
</p>
<ul
class="list-disc list-inside text-gray-800 mb-4 space-y-3 bg-white/80 p-3 rounded-lg shadow-inner"
>
<li
class="text-base md:text-lg hover:text-indigo-700 transition-colors"
>
Reviewing your current coverage to ensure you're receiving the
benefits and protection you need.
</li>
<li
class="text-base md:text-lg hover:text-indigo-700 transition-colors"
>
Exploring additional plans that offer extra coverage, such as
dental, vision, hearing, and prescription drugs.
</li>
<li
class="text-base md:text-lg hover:text-indigo-700 transition-colors"
>
Explaining your Medicare options in simple, easy-to-understand
language, so you can confidently make informed choices about
your healthcare.
</li>
</ul>
<p
class="text-gray-700 mb-4 text-base md:text-lg leading-relaxed bg-white/80 p-3 rounded-lg shadow-inner"
>
As an independent broker, we collaborate with top-rated
insurance providers like:
</p>
<p
class="text-gray-700 mb-4 text-base md:text-lg leading-relaxed bg-white/80 p-3 rounded-lg shadow-inner"
>
Our goal is to simplify the Medicare process and take the stress
out of decision-making. Whether you're enrolling for the first
time, reviewing your current plan, or looking to make changes,
our licensed agents are here to listen to your needs and guide
you toward the best solution.
</p>
<p
class="text-indigo-800 text-base md:text-lg font-medium bg-white/80 p-3 rounded-lg shadow-inner hover:text-indigo-600 transition-colors"
>
Aetna, Cigna, Humana, UnitedHealthcare, and WellCare Health
Plans — providing a wide variety of choices to ensure you get
the coverage that's right for you.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="max-w-[90%] mx-auto p-6 mt-16 flex flex-col md:flex-row gap-8">
<!-- Left Section: Text -->
<div
class="w-full md:w-1/2 bg-white p-8 rounded-2xl shadow-xl border border-gray-200"
>
<h2
class="text-3xl font-extrabold text-indigo-700 mb-4 mt-4 tracking-tight"
>
GET IN TOUCH
</h2>
<h3 class="text-2xl font-bold text-gray-800 mb-4 leading-relaxed">
Your Reliable Guide to Medicare Coverage
</h3>
<p class="text-gray-600 mb-6 text-lg text-base leading-relaxed">
Choosing the right Medicare plan can feel like a challenge, but you
don't have to face it alone. Here's why so many people trust us:
</p>
<ul class="list-disc list-inside text-gray-700 space-y-4">
<li class="text-lg mt-3">
<strong>Expert Assistance:</strong> Our licensed agents are
experienced and dedicated to helping you find a plan that fits your
health and your budget.
</li>
<li class="text-lg mt-3">
<strong>Broad Selection:</strong> We partner with top providers like
Aetna, Cigna, Humana, and more, offering a wide range of Medicare
options.
</li>
<li class="text-lg mt-3">
<strong>Free Consultations:</strong> Completely free, no-pressure
consultations. Your comfort and confidence are our top priorities.
</li>
<li class="text-lg my-10">
<strong>Tailored Support:</strong> Whether you're new to Medicare or
reviewing a current plan, we provide personalized advice.
</li>
</ul>
</div>
<!-- Right Section: Form -->
<div
class="w-full md:w-1/2 bg-gradient-to-br from-indigo-50 to-white p-8 rounded-2xl shadow-xl border border-indigo-100"
>
<form action="/submit-form" method="POST" class="space-y-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<label class="block text-sm font-medium text-gray-700"
>First Name</label
>
<input
type="text" name="fname"
placeholder="First Name"
class="mt-1 p-3 w-full border rounded-md focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"
/>
</div>
<div>
<label class="block text-sm font-medium text-gray-700"
>Last Name</label
>
<input
type="text" name="lname"
placeholder="Last Name"
class="mt-1 p-3 w-full border rounded-md focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"
/>
</div>
<div>
<label class="block text-sm font-medium text-gray-700"
>Phone Number</label
>
<input
type="tel" name="phno"
placeholder="Phone Number"
class="mt-1 p-3 w-full border rounded-md focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"
/>
</div>
<div>
<label class="block text-sm font-medium text-gray-700">DOB</label>
<input
type="date" name="dob"
class="mt-1 p-3 w-full border rounded-md focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"
/>
</div>
<div>
<label class="block text-sm font-medium text-gray-700"
>State</label
>
<input
type="text" name="state"
placeholder="State"
class="mt-1 p-3 w-full border rounded-md focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"
/>
</div>
<div>
<label class="block text-sm font-medium text-gray-700"
>Zip Code</label
>
<input
type="text" name="zip_code"
placeholder="Zip Code"
class="mt-1 p-3 w-full border rounded-md focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"
/>
</div>
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Trusted Form URL</label>
<!-- This one is visible but readonly -->
<input type="text" name="trusted_form_link_display" id="trusted_form_link" class="w-full px-4 py-2 border border-gray-300 rounded-md bg-white-100 text-gray-700 cursor-not-allowed" readonly class="..." value="" />
<input id="leadid_token" name="universal_leadid" type= "hidden" value=""/>
<!-- This one actually gets submitted -->
<input type="hidden" name="trusted_form_link" id="trusted_form_link_hidden" value="" />
</div>
<div class="flex items-center">
<input
type="checkbox"
class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded"
/>
<label class="ml-2 text-sm text-gray-700">I agree.</label>
</div>
<div class="text-xs text-gray-500 space-y-2">
<p>
This is a solicitation for insurance. Your contact information
will be provided to a licensed sales agent.
</p>
<p>
They may enroll you into a Medicare Advantage, Part D, or Medicare
Supplement Insurance plan.
</p>
<p>
You agree to receive automated marketing messages via email, text,
or calls. Carrier charges may apply.
</p>
<p>
Your consent does not impact eligibility or services. You may
change preferences by contacting us at +1(754)250-0386.
</p>
</div>
<button class="bg-indigo-800 py-2 rounded-2xl text-white px-7">
Submit
</button>
</form>
</div>
</div>
<div class="font-sans bg-indigo-900 text-white">
<div class="max-w-[90%] mx-auto px-8 py-5">
<div class="p-">
<p class="text-sm md:text-base leading-relaxed text-gray-200">
We do not offer every available plan in your area. Currently we
represent 7 organizations which offers 964 products in your area.
Please contact Medicare.gov, 1-800-MEDICARE, or your local State
Health Insurance Program (SHIP) to get information on all of your
options. First Choice Quotes represents Medicare Advantage (HMO,
PPO, and PFFS) organizations that have a Medicare contract.
Enrollment depends on the plan’s contract renewal. Extra benefits
require enrollment in an MA plan and depend on whether you are
eligible to enroll in an MA plan in your area. Benefits are
available only in select areas. Medicare Supplement insurance is
available to those age 65 and older enrolled in Medicare Parts A and
B, and, in some states, those under age 65 eligible for Medicare due
to disability or End-Stage Renal disease. The purpose of this
communication is the solicitation of Medicare Supplement insurance
plans are not connected with or endorsed by the U.S. government or
the federal Medicare program.
</p>
</div>
<div
class="flex flex-col md:flex-row justify-between items-center mt-8 fade-in-up"
>
<div class="mb-6 md:mb-0">
<h2 class="text-2xl font-bold mb-4 text-indigo-100 tracking-tight">
Contact Us Via Email
</h2>
<p class="text-lg text-gray-200 hover:text-white transition-colors">
Phone No: <span class="font-medium">+1000000000</span>
</p>
<p class="text-lg text-gray-200 hover:text-white transition-colors">
Phone No: <span class="font-medium">+1000000000</span>
</p>
<p class="text-lg text-gray-200 hover:text-white transition-colors">
Email:
<a
href="mailto:info@medicarean.com"
class="underline hover:text-indigo-300"
>info@medicarean.com</a
>
</p>
</div>
<div class="text-center md:text-right">
<p
class="text-lg text-gray-200 font-medium bg-indigo-800/30 px-4 py-2 rounded-lg shadow-inner"
>
Monday to Friday 9:00 AM to 05:00 PM EST
</p>
<p
class="text-lg text-gray-200 mt-2 hover:text-white transition-colors"
>
Address: 4131 N Central Expy #900, Dallas, 75204 Texas
</p>
</div>
</div>
<footer
class="mt-12 pt-6 border-t border-indigo-600/30 text-center text-sm text-gray-400 fade-in-up"
>
<p>
© 2025 - Design & Developed by Medicarean.com. All Rights Reserved.
</p>
<div class="mt-3 space-x-4">
<a
href="#"
class="hover:text-indigo-200 transition-colors underline underline-offset-4"
>Privacy Policy</a
>
<a
href="#"
class="hover:text-indigo-200 transition-colors underline underline-offset-4"
>Terms and Conditions</a
>
</div>
</footer>
</div>
</div>
<script id="LeadiDscript" type="text/javascript">
(function() {
var s = document.createElement('script');
s.id = 'LeadiDscript_campaign';
s.type = 'text/javascript';
s.async = true;
s.src = '//create.lidstatic.com/campaign/26427db2-97f7-809f-3eb9-92676f0c08be.js?snippet_version=2';
var LeadiDscript = document.getElementById('LeadiDscript');
LeadiDscript.parentNode.insertBefore(s, LeadiDscript);
})();
</script>
<noscript><img src='//create.leadid.com/noscript.gif?lac=19A6ABA9-7A3D-ADE7-A12B-74294CEEF423&lck=26427db2-97f7-809f-3eb9-92676f0c08be&snippet_version=2' /></noscript>
<script type="text/javascript">
// Load TrustedForm script
(function() {
var tf = document.createElement('script');
tf.type = 'text/javascript';
tf.async = true;
tf.src = ("https:" == document.location.protocol ? 'https' : 'http') +
'://api.trustedform.com/trustedform.js?field=xxTrustedFormCertUrl&use_tagged_consent=true&l=' +
new Date().getTime() + Math.random();
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(tf, s);
})();
// Poll for the hidden input and copy value when available
function waitForTrustedFormValue() {
const visibleInput = document.getElementById('trusted_form_link');
const interval = setInterval(() => {
const trustedFormInput = document.querySelector('input[name="xxTrustedFormCertUrl"]');
if (trustedFormInput && trustedFormInput.value) {
visibleInput.value = trustedFormInput.value;
clearInterval(interval);
}
}, 500); // check every 500ms
}
window.addEventListener('load', waitForTrustedFormValue);
// On form submission, copy to hidden field
document.addEventListener('DOMContentLoaded', () => {
const form = document.querySelector('form');
form.addEventListener('submit', () => {
const tfInput = document.querySelector('input[name="xxTrustedFormCertUrl"]');
const hiddenInput = document.getElementById('trusted_form_link_hidden');
if (tfInput && hiddenInput) {
hiddenInput.value = tfInput.value || '';
}
});
});
</script>
</body>
</html>