JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Magnus Dentistry - Indianapolis, IN</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 20px;
            background-color: #f9f9f9;
        }
        h1, h2 {
            color: #0055A4;
        }
        p {
            color: #333;
        }
        .contact-info {
            margin-top: 20px;
            padding: 15px;
            background-color: #f0f0f0;
            border-radius: 5px;
        }
        .services-list ul {
            list-style-type: disc;
            padding-left: 20px;
        }
        .services-list ul li {
            margin-bottom: 5px;
        }
    </style>
</head>
<body>

    <h1>Welcome to Magnus Dentistry</h1>
    <p>
        Magnus Dentistry is a top-rated, general practice dental office conveniently located on the northeast side of Indianapolis, IN. 
        We proudly serve patients in the surrounding Castleton, Lawrence, Carmel, Fishers, Geist, Broad Ripple, and Meridian Kessler neighborhoods.
    </p>

    <p>
        Dr. Julie Magnus and her staff are honest, caring, and a trusted provider, giving patients confidence in their care and the strategy they develop together to create great smiles.
    </p>

    <h2>Great for Smiles!</h2>
    <p>
        We love the expression, "Great for Smiles!" as it reflects how we hope you feel when you walk into our office and after you leave. Going to the dentist should feel great. 
        Our experienced team prides themselves on creating a positive dental experience and helping you create a smile you are proud of!
    </p>

    <div class="services-list">
        <h2>Our Dental Services</h2>
        <p>We offer a broad spectrum of dental services to meet your smile needs, including:</p>
        <ul>
            <li><strong>General and Restorative...