@extends('layouts.app')
@section('content')
<!-- About Company Start -->
<div class="container-fluid py-5 fadeInUp wow" id="about-prepend" data-wow-delay="0.2s">
    <div class="container py-5">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
                <img class="img-fluid rounded zoomIn" data-wow-delay="0.2s" src="{{asset('user/images/about_us.jpg')}}"
                    alt="About Image">
            </div>
            <div class="col-lg-6">
                <div class="section-title position-relative pb-3 mb-4">
                    <h5 class="fw-bold text-primary text-uppercase">About Prepend</h5>
                    <p class="mb-0 h1">Building Futures Through Thoughtful Tech.</p>
                </div>
                <div class="mb-4">
                                    </div>
                <div class="row g-3 mb-4">
                    <div class="col-sm-6">
                        <h6><i class="fa fa-check text-primary me-2"></i>Client-Centered Collaboration</h6>
                        <h6><i class="fa fa-check text-primary me-2"></i>Long-Term Partnership Focus</h6>
                    </div>
                    <div class="col-sm-6">
                        <h6><i class="fa fa-check text-primary me-2"></i>Excel-Driven Strategic Planning</h6>
                        <h6><i class="fa fa-check text-primary me-2"></i>Cost-Effective Innovation</h6>
                    </div>
                </div>
                <a href="{{url('home#services')}}" class="btn btn-primary py-3 px-5 mt-2">Our Services</a>
            </div>
        </div>
    </div>
</div>
<!-- About Company End -->

<!-- Core Values Start -->
<div class="container-fluid py-5 bg-light fadeInUp wow" id="vision-mission">
    <div class="container py-5">
        <div class="row g-5">
            <div class="col-md-4">
                <div class="p-4 h-100 bg-white">
                    <img src="{{asset('user/images/icons/our_purpose.png')}}" alt="Our Purpose" class="img-fluid mb-3 icon-img" width="100" height="100" loading="lazy" data-wow-delay="0.2s">
                    <h4 class="mb-3">Our Purpose</h4>
                    <p>Delivering innovative software solutions that empower businesses to optimize operations, enhance productivity, and drive sustainable growth in a rapidly evolving digital landscape.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="p-4 h-100 bg-white">
                    <img src="{{asset('user/images/icons/our_mission.png')}}" alt="Our Mission" class="img-fluid mb-3 icon-img" width="100" height="100" loading="lazy" data-wow-delay="0.2s">
                    <h4 class="mb-3">Our Mission</h4>
                    <p>Our mission is to deliver innovative, reliable software solutions that empower businesses to grow, improve efficiency, and succeed in an ever-evolving digital landscape globally.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="p-4 h-100 bg-white">
                    <img src="{{asset('user/images/icons/our_vision.png')}}" alt="Our Vision" class="img-fluid mb-3 icon-img" width="100" height="100" loading="lazy" data-wow-delay="0.2s">
                    <h4 class="mb-3">Our Vision</h4>
                    <p>To empower the world through innovative, human-centered software that transforms industries, elevates experiences, and shapes a smarter, more connected future.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Core Values End -->

<!-- Why Choose Us Start -->
<div class="container-fluid py-5 fadeInUp wow" id="why-choose-us">
    <div class="container">
        <div class="section-title text-center position-relative pb-3 mb-5 mx-auto max-w-600px">
            <p class="mb-0 h1">Mastering Every Detail, Exceeding Every Expectation</p>
        </div>
        <div class="row g-5">
            <div class="col-lg-3 col-md-6 text-center">
                <div class="bg-light rounded p-4 h-100">
                    <img src="{{asset('user/images/icons/precision_engineering.png')}}" alt="Precision Engineering" class="img-fluid mb-3 icon-img">
                    <h5>Precision Engineering</h5>
                    <p>Building accurate, efficient, and reliable software solutions that address complex business needs with technical excellence.</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="bg-light rounded p-4 h-100">
                    <img src="{{asset('user/images/icons/client-centric_approach.png')}}" alt="Client-Centric Approach" class="img-fluid mb-3 icon-img">
                    <h5>Client-Centric Approach</h5>
                    <p>We prioritize your needs, delivering tailored software solutions that ensure growth, efficiency, innovation, and lasting success.</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="bg-light rounded p-4 h-100">
                    <img src="{{asset('user/images/icons/end_to_end_excellence.png')}}" alt="End-to-End Excellence" class="img-fluid mb-3 icon-img">
                    <h5>End-to-End Excellence</h5>
                    <p>Delivering innovative, scalable, and reliable software solutions tailored to drive growth, efficiency, and business success.</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="bg-light rounded p-4 h-100">
                    <img src="{{asset('user/images/icons/continuous_improvement.png')}}" alt="Continuous Improvement" class="img-fluid mb-3 icon-img">
                    <h5>Continuous Improvement</h5>
                    <p>Driving innovation through feedback, refining processes, and delivering smarter, faster, and more reliable software solutions.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Why Choose Us End -->

<!-- Company Story Start -->
<div class="container-fluid py-5 bg-light fadeInUp wow" id="our-story">
    <div class="container py-5">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
                <div class="section-title position-relative pb-3 mb-4">
                    <h5 class="fw-bold text-primary text-uppercase">Our Story</h5>
                    <p class="mb-0 h1">Reimagining Business Through Technology</p>
                </div>
                <p class="mb-4">
                    <b>Prepend Technologies </b> was founded in 2021 with a simple but powerful idea: to
                    create intelligent software that drives real-world impact. As a modern software company,
                    we set out to help businesses adapt, innovate, and grow through technology.
                </p>
                <p class="mb-4">
                    From our early days, we've focused on building solutions that are not only functional
                    but future-ready. Whether it's crafting custom applications, optimizing business processes,
                    or developing scalable digital systems, our goal has always been to deliver value through code.
                </p>
                <p class="mb-4">
                    Today, Prepend Technologies stands as a trusted partner to clients across industries — combining
                    technical expertise with a passion for problem-solving. Our journey is rooted in innovation,
                    shaped by collaboration, and driven by the belief that the right software can transform the
                    way the world works.
                </p>
                <ul class="list-unstyled mb-4">
                    <li class="mb-2"><i class="fa fa-check text-primary me-2"></i>Business-centric solutions
                    </li>
                    <li class="mb-2"><i class="fa fa-check text-primary me-2"></i>Custom application development
                    </li>
                    <li class="mb-2"><i class="fa fa-check text-primary me-2"></i>Scalable digital systems</li>
                    <li class="mb-2"><i class="fa fa-check text-primary me-2"></i>Technical expertise and problem-solving
                    </li>
                    <li class="mb-2"><i class="fa fa-check text-primary me-2"></i>Process optimization
                    </li>
                </ul>
                <a href="{{url('contact-us')}}" class="btn btn-primary py-3 px-5 mt-2">Contact Us</a>
            </div>
            <div class="col-lg-6">
                <img class="img-fluid rounded wow zoomIn" data-wow-delay="0.2s" src="{{asset('user/images/our_story.jpg')}}"
                    alt="Our Story">
            </div>
        </div>
    </div>
</div>
<!-- Company Story End -->

<!-- Our Approach Start -->
<div class="container-fluid py-5 fadeInUp wow" id="our-approach">
    <div class="container">
        <div class="section-title text-center position-relative pb-3 mb-5 mx-auto max-w-700px">
            <h5 class="fw-bold text-primary text-uppercase">Our Approach</h5>
            <p class="mb-0 h1">Agile Minds. Adaptive Methods.</p>
        </div>
        <div class="row g-5">
            <div class="col-md-4 text-center">
                <div class="bg-light rounded p-4 h-100">
                    <img src="{{asset('user/images/icons/rapid_prototyping_iteration.png')}}" alt="Rapid Prototyping & Iteration" class="img-fluid mb-3 icon-img">
                    <h5>Rapid Prototyping & Iteration</h5>
                    <p>Building quickly, testing at early stages, gathering feedback continuously, and evolving the product through multiple iterations to ensure improvement.</p>
                </div>
            </div>
            <div class="col-md-4 text-center">
                <div class="bg-light rounded p-4 h-100">
                    <img src="{{asset('user/images/icons/cross-functional_collaboration.png')}}" alt="Cross-functional Collaboration" class="img-fluid mb-3 icon-img">
                    <h5>Cross-functional Collaboration</h5>
                    <p>Our diverse teams – from developers to UX designers – work closely to ensure seamless integration of design, code, and business logic, fostering rapid problem-solving.</p>
                </div>
            </div>
            <div class="col-md-4 text-center">
                <div class="bg-light rounded p-4 h-100">
                    <img src="{{asset('user/images/icons/lean_experimentation.png')}}" alt="Lean Experimentation" class="img-fluid mb-3 icon-img">
                    <h5>Lean Experimentation</h5>
                    <p>Testing small-scale, low-cost ideas to quickly validate assumptions, reduce risk, gather insights, and guide smarter decisions before scaling solutions effectively.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Our Approach End -->
@endsection