Chris Rodriguez
<body class="bg-gray-100 font-sans leading-normal tracking-normal h-screen flex flex-col"> <header class="bg-white shadow-lg p-4"> <div class="max-w-6xl mx-auto flex justify-between items-center"> <h1 class="text-2xl font-bold">Welcome to My Real Estate Page</h1> <nav class="flex space-x-4"> <a href="#services" class="text-gray-700 hover:text-gray-900">Services</a> <a href="#properties" class="text-gray-700 hover:text-gray-900">Properties</a> <a href="#testimonials" class="text-gray-700 hover:text-gray-900">Testimonials</a> <a href="#contact" class="text-gray-700 hover:text-gray-900">Contact</a> </nav> </div> </header> <main class="flex-1 max-w-6xl mx-auto p-4"> <section class="bg-white shadow-lg rounded-lg p-6 mb-6"> <h2 class="text-3xl font-bold mb-4 text-center">Your Trusted Real Estate Agent</h2> <p class="text-gray-600 text-center">With over 10 years of experience in the real estate market, I am dedicated to helping you find your dream home or sell your property at the best price. My commitment to exceptional service and client satisfaction sets me apart.</p> </section> <section id="services" class="bg-white shadow-lg rounded-lg p-6 mb-6"> <h3 class="text-2xl font-semibold mb-4">My Services</h3> <ul class="list-disc list-inside mb-4"> <li>Personalized Property Search</li> <li>Expert Market Analysis</li> <li>Professional Negotiation</li> <li>Comprehensive Marketing Strategies</li> </ul> </section> <section id="properties" class="bg-white shadow-lg rounded-lg p-6 mb-6"> <h3 class="text-2xl font-semibold mb-4">Featured Properties</h3> <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> <div class="bg-gray-200 p-4 rounded-lg"> <img src="https://placehold.co/300x200" alt="Property 1" class="rounded mb-2"> <h4 class="font-bold">Beautiful Family Home</h4> <p class="text-gray-600">$500,000 - 4 Beds, 3 Baths</p> </div> <div class="bg-gray-200 p-4 rounded-lg"> <img src="https://placehold.co/300x200" alt="Property 2" class="rounded mb-2"> <h4 class="font-bold">Modern Apartment</h4> <p class="text-gray-600">$350,000 - 2 Beds, 2 Baths</p> </div> <div class="bg-gray-200 p-4 rounded-lg"> <img src="https://placehold.co/300x200" alt="Property 3" class="rounded mb-2"> <h4 class="font-bold">Luxury Villa</h4> <p class="text-gray-600">$1,200,000 - 5 Beds, 4 Baths</p> </div> <div class="bg-gray-200 p-4 rounded-lg"> <img src="https://placehold.co/300x200" alt="Property 4" class="rounded mb-2"> <h4 class="font-bold">Cozy Cottage</h4> <p class="text-gray-600">$250,000 - 3 Beds, 2 Baths</p> </div> </div> </section> <section id="testimonials" class="bg-white shadow-lg rounded-lg p-6 mb-6"> <h3 class="text-2xl font-semibold mb-4">What My Clients Say</h3> <blockquote class="border-l-4 border-blue-500 pl-4 italic mb-4"> <p>"John was amazing! He helped us find our dream home and made the process so easy!" - Sarah L.</p> </blockquote> <blockquote class="border-l-4 border-blue-500 pl-4 italic mb-4"> <p>"I couldn't have asked for a better agent. John was professional and always available." - Mark T.</p> </blockquote> </section> <section id="contact" class="bg-white shadow-lg rounded-lg p-6 mb-6"> <h3 class="text-2xl font-semibold mb-4">Get in Touch</h3> <p class="text-gray-600">Ready to buy or sell? Contact me today!</p> <p class="text-gray-600">Email: johndoe@example.com</p> <p class="text-gray-600">Phone: (123) 456-7890</p> </section> </main> <footer class="bg-white shadow-lg p-4"> <div class="max-w-6xl mx-auto text-center"> <p class="text-gray-600">© 2023 John Doe. All rights reserved.</p> </div> </footer> </body>