You are an AI assistant specializing in generating structured data for SEO optimization.
            Your task is to create a JSON-LD schema representation for a repair guide post based on the provided content.
            The schema will use the "HowTo" type from Schema.org to provide structured instructions for search engines.
    
            **Input Information**:
            - Title: "Pixel 3a XL &#8211; Replacing the display"
            - Description: "This Step-by-Step Google Pixel 3a XL Display Replacement Guide will provide you with clear instructions and images. It covers testing the new display, heating the device, removing two cover screws, lifting off the cover plate, disconnecting the display connector, attaching the new display, securing it, and performing a final functionality test."
            - Featured Image URL: "https://salvationrepair.com/wp-content/uploads/2024/11/cn-11134207-7r98o-lnsk2m79i8wrb7.jpeg"
    
            **Instructions for Generating the Schema**:
            - Use the "HowTo" schema type.
            - Extract relevant data from the HTML content below, such as the total time, tools used, materials required, and steps.
            - Each step should include the step title (e.g., "Step 1"), a brief description, and an image or video URL if available.
            - Identify and include any tools or materials mentioned in the content as "HowToTool" and "HowToSupply".
            - If there are carousels with images, use the most prominent image as the step illustration.
            - Assume fallback logic for missing fields, e.g., defaulting time to "PT15M" if no duration is found.
    
            **Expected Output Format**:
            ```json
            {
                "@context": "https://schema.org",
                "@type": "HowTo",
                "name": "Pixel 3a XL &#8211; Replacing the display",
                "description": "This Step-by-Step Google Pixel 3a XL Display Replacement Guide will provide you with clear instructions and images. It covers testing the new display, heating the device, removing two cover screws, lifting off the cover plate, disconnecting the display connector, attaching the new display, securing it, and performing a final functionality test.",
                "image": "https://salvationrepair.com/wp-content/uploads/2024/11/cn-11134207-7r98o-lnsk2m79i8wrb7.jpeg",
                "totalTime": "PT15M",
                "step": [
                    {
                        "@type": "HowToStep",
                        "name": "Step 1",
                        "text": "Description of step 1",
                        "image": "URL of step 1 image"
                    },
                    {
                        "@type": "HowToStep",
                        "name": "Step 2",
                        "text": "Description of step 2",
                        "image": "URL of step 2 image"
                    }
                ],
                "tool": [
                    {
                        "@type": "HowToTool",
                        "name": "Tool 1"
                    }
                ],
                "supply": [
                    {
                        "@type": "HowToSupply",
                        "name": "Material 1"
                    }
                ]
            }
            ```
    
            Below is the HTML content of the repair guide post. Use it to extract all relevant data for the schema:
    
            <div class="container mt-3">
<div class="top-section mb-3">
<div class="repair-duration border-left border-duration p-3">
<h6 class="text-left"><strong>Duration:</strong> 60 min. </h6>
<h6 class="text-left"><strong>Steps:</strong> 9 Steps</h6>
</p></div>
</p></div>
<div class="my-4">
<p class="lead">Oops! Did your Pixel 3a XL take a tumble and end up with a cracked screen? Is your touchscreen playing hard to get or is the display just not cooperating? No worries, we&#8217;ve got your back! If you need help, you can always schedule a repair.</p>
</p></div>
</p></div>
<p><!-- end top-section --></p>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 1</h4>
<div id="carouselstep-1" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7745_file24851_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7745_file24853_1250.jpg" class="d-block w-100">
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7745_file24851_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7745_file24853_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4"></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Give that power button a good press and hold until you see a menu pop up on your screen.</p>
<p>&#8211; Next, tap &#8216;Switch off&#8217; in the menu and hang tight while your phone takes a little nap.</p>
</div></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 2</h4>
<div id="carouselstep-2" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7746_file24841_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7746_file24845_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7746_file24847_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7746_file24848_1250.jpg" class="d-block w-100">
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7746_file24841_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7746_file24845_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7746_file24847_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7746_file24848_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-danger" role="alert">
<p><i class="bi bi-exclamation-triangle text-red"></i> Hey there! Just a friendly reminder: be gentle with your tool around the front camera area. We want to keep it safe and sound!</p>
</p></div>
<div class="alert alert-info" role="alert">
<p><i class="bi bi-info-circle text-blue"></i> As a rule of thumb, always heat the unit only enough so that you can still touch it without it getting uncomfortably hot.</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Let&#8217;s warm things up! Gently heat the device&#8217;s edges with a hairdryer (hot air dryer works great too!).  Pay extra attention to the top and bottom – that&#8217;s where the sticky stuff is hiding.</p>
</div>
<div class="tools-container mt-3">
<h6 class="tools-title">Tools Used</h6>
<ol class="tools-list">
<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Flat+Picks+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" title="You need a very flat tool such as a flat pick to pry out parts that are glued in place." rel="noopener">Flat Picks <i class="bi bi-amazon"></i></a></li>
<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=iFlex+Opening+Tool+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" title="Opening your smartphone can be a very delicate operation, especially if the glue is very persistent. The blade of the flexible but sturdy iFlex measures just 0.15 mm, so it fits in even the smallest gaps, such as between the screen and the frame. The practical iFlex is made of stainless steel and sits comfortably in the hand. This makes it the perfect assistant for every smartphone repair." rel="noopener">iFlex Opening Tool <i class="bi bi-amazon"></i></a></li>
<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=iPlastix+Opening+Tool+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" title="Do you want to open your smartphone or lever out large parts like the battery? Then the iPlastix with its large blade will help you. The practical assistant is made of flexible, especially sturdy plastic and lies comfortably in the hand. Thanks to its design, you can even get into smaller gaps, for example to lift the screen or to prevent it from sticking together again." rel="noopener">iPlastix Opening Tool <i class="bi bi-amazon"></i></a></li>
<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=VAKUPLASTIC+Suction+Cup+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" rel="noopener">VAKUPLASTIC Suction Cup <i class="bi bi-amazon"></i></a></li>
</ol></div>
</p></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 3</h4>
<div id="carouselstep-3" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file24859_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file25108_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file24865_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file25201_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file24855_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file24857_1250.jpg" class="d-block w-100">
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file24859_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file25108_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file24865_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file25201_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file24855_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7747_file24857_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-light repair-screws" role="alert">
<p><i class="bi bi-x-circle" style="color:floralwhite"></i> 2 ×  4,3 mm Torx T3</p>
</p></div>
<div class="alert alert-danger" role="alert">
<p><i class="bi bi-exclamation-triangle text-red"></i> Hey there, tech wizard! The display connector is snugly attached to the mainboard, which is hiding right under the black cover. When you&#8217;re unplugging it, just be extra gentle with that spudger—let&#8217;s keep the board safe and sound!</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; First, gently peel back the foil covering the display connector. You&#8217;ve got this!</p>
<p>&#8211; Next, grab your trusty Torx screwdriver and unscrew those two cover plate screws. Easy peasy!</p>
<p>&#8211; Now, go ahead and lift off the cover plate. You&#8217;re making great progress!</p>
<p>&#8211; Finally, take a plastic spudger and carefully slide it under the display connector to disconnect it. You&#8217;re almost there!</p>
</div>
<div class="tools-container mt-3">
<h6 class="tools-title">Tools Used</h6>
<ol class="tools-list">
<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Pry+Tool+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" rel="noopener">Pry Tool <i class="bi bi-amazon"></i></a></li>
</ol></div>
</p></div>
<p> <!-- close col-12 -->
            </div>
</p></div>
<div class="container repair-step-section">
<div class="row">
<div class="col-sm-12 col-md-8">
<h4 class="step-header">Step 4</h4>
<div id="carouselstep-4" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7749_file24872_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7749_file25202_1250.jpg" class="d-block w-100">
                            </div>
<div class="carousel-item">
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7749_file24880_1250.jpg" class="d-block w-100">
                            </div>
</p></div>
<p><!-- close carousel-inner --></p>
<div class="carousel-indicators">
                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7749_file24872_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7749_file25202_120.jpg" class="d-block w-100"><br />
                            </button><br />
                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />
                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7749_file24880_120.jpg" class="d-block w-100"><br />
                            </button>
                        </div>
<p> <!-- close indicators -->
                    </div>
</p></div>
<div class="col-sm-12 col-md-4">
<div class="alert alert-info" role="alert">
<p><i class="bi bi-info-circle text-blue"></i> Getting that display connector to snap into place might take a few tries, but don’t throw in the towel just yet! Keep at it—you got this!</p>
</p></div>
</p></div>
<div class="col-12">
<div class="instructions">
<p>&#8211; Grab your shiny new display and gently peel off that protective film keeping the display cable cozy. It&#8217;s time for some action!</p>
<p>&#8211; Now, line up the display connector with the opening and give it a gentle push until you hear