import React from "react";
import Image from "next/image";

export default function Engineering() {
    return (
        <section className="news-standard fix section-padding">
            <div className="container">
                <div className="row g-4">
                    <div className="col-12">
                        <div className="blog-post-details">
                            <div className="single-blog-post">
                                <div
                                    className="post-featured-thumb bg-cover"
                                    style={{
                                        backgroundImage: `url("/assets/img/about-page/about/big-img-4.webp")`,
                                        height: "400px",
                                        backgroundSize: "cover",
                                        backgroundPosition: "center",
                                        borderRadius: "10px"
                                    }}
                                />

                                <div className="post-content">

                                    <h3>Engineering & Innovation</h3>
                                    <p>
                                        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus non alias rem debitis sunt! Eius voluptates molestias accusamus illum laudantium, ab obcaecati temporibus qui natus. Architecto nam voluptatibus, pariatur, quod cupiditate mollitia adipisci velit quia iste ab temporibus. Optio architecto vel ipsa consequatur blanditiis aspernatur rerum in, quos expedita saepe ab eos vero ipsam repellendus velit tempora, nihil mollitia tenetur. Libero, nisi sapiente accusantium delectus nesciunt voluptatum. Nisi iure praesentium commodi voluptas. Deleniti perferendis labore debitis ullam voluptas, ex harum vitae consectetur voluptates sapiente similique, maxime impedit aut dolores beatae nobis sed! Delectus repellat blanditiis mollitia labore rem temporibus praesentium natus non modi similique recusandae quo voluptate doloremque corporis officia fugit voluptas consectetur aliquam ipsam, omnis molestiae facilis voluptates maxime? Exercitationem saepe ea mollitia quasi architecto doloribus temporibus autem quia debitis quos, nulla, amet sapiente cumque unde officia officiis possimus deserunt! Harum ex placeat necessitatibus possimus praesentium inventore recusandae accusantium neque fugiat, labore magni consequatur hic tempore, quibusdam tenetur aliquid mollitia. Explicabo, porro accusantium? Aspernatur nisi consequuntur quos distinctio unde, dicta fuga saepe vitae fugit eaque? Praesentium, facilis dolores ipsa explicabo fugit repellendus? Maiores, consequatur, esse mollitia assumenda nobis vel fugiat vero accusamus suscipit aspernatur sunt, temporibus atque minus ipsam.
                                    </p>

                                    <div className="hilight-text mt-4 mb-4">
                                        <p>
                                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sunt dolor quis, odio facere enim incidunt magnam fugit id sequi dolore aliquid expedita. Distinctio, fuga consectetur exercitationem commodi, perferendis est expedita aspernatur iusto suscipit dolores quasi beatae molestiae tenetur aperiam.
                                        </p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
                                            <path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F" />
                                            <path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F55B1F" />
                                        </svg>
                                    </div>


                                    <p className="mt-3">
                                        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae quam ipsam autem ex error ipsa ea repudiandae facere enim mollitia fuga tempora amet recusandae voluptate, fugiat exercitationem sint cum dolor? Temporibus reprehenderit quae atque veniam? Mollitia expedita ad repellendus, quaerat dolorem, facere voluptatibus atque fugit consequatur quo, reiciendis quas optio aspernatur nisi maxime obcaecati nobis tenetur cumque nemo maiores possimus facilis eius. Consequatur, ad enim facilis aspernatur ex dolores architecto, dolorem, deleniti fuga provident id. Optio, voluptatem earum odio ipsa modi voluptates? Aut possimus, natus voluptates assumenda minima molestias? Sit sequi et rem doloremque ex facere hic, fugiat aspernatur, mollitia delectus suscipit quisquam obcaecati reprehenderit, eligendi explicabo dignissimos voluptates dolore! Aliquid omnis sed ab cupiditate repellat quo dolores totam dolorem, hic distinctio dolore error perferendis libero optio, quaerat ratione, neque nostrum porro qui quam quis consequuntur nesciunt fuga! Iste tenetur molestias veniam saepe suscipit porro, consequatur vel culpa, provident laudantium rerum placeat, totam odit nobis officia esse. Quia tempora voluptate laudantium ipsa, mollitia ullam beatae perferendis exercitationem odio quis similique facere harum nulla rerum, cumque quas, expedita cupiditate iste numquam incidunt consequatur doloremque quaerat. Quis facilis quae hic temporibus, quo impedit harum repellendus corporis. Sit repellat fugiat id perferendis quibusdam.
                                    </p>
                                </div>
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
        </section>
    );
}
