@model clivelancaster.Models.SubscribeFormModel
@{
    ViewData["Title"] = "Home Page";
}

<div id="myCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5500">
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
        <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
    </div>
	<div class="carousel-inner">
        <div class="carousel-item active">
            <div class="container">
                <div class="carousel-caption text-end">
                    <h1>Unlock Growth Potential.</h1>
                    <p>Our consulting services empower your business to achieve its full potential by aligning product strategies with your overarching goals. We help you create a clear product vision that resonates in the marketplace, ensuring your offerings are not just competitive but truly exceptional.</p>
                    <p><a class="btn btn-lg btn-primary" href="/Contact">Get started today!</a></p>
                </div>
            </div>
        </div>
        <div class="carousel-item">
            <div class="container">
                <div class="carousel-caption text-end">
                    <h1>Reduce Risk and Increase Efficiency.</h1>
                    <p>By validating new product ideas and features before heavy investments, we help minimize financial risk. Our structured ideation process ensures that your resources are focused on initiatives with the highest potential for success.</p>
                    <p><a class="btn btn-lg btn-primary" href="/Contact">Get started today!</a></p>
                </div>
            </div>
        </div>
        <div class="carousel-item">
            <div class="container">
                <div class="carousel-caption text-end">
                    <h1>Streamline Product Lifecycle Management.</h1>
                    <p>Our expertise in product lifecycle management enables you to take control of your product’s journey—from inception to market launch. We prioritize features that matter most to your customers and tackle technical challenges head-on, driving efficiency and effectiveness in your development processes.</p>
                    <p><a class="btn btn-lg btn-primary" href="/Contact">Get started today!</a></p>
                </div>
            </div>
        </div>
        <div class="carousel-item">
            <div class="container">
                <div class="carousel-caption text-end">
                    <h1>Achieve Sustainable Success.</h1>
                    <p>With our comprehensive approach to product management, we not only help you meet immediate goals but also lay the groundwork for long-term growth and adaptability in a constantly evolving market.</p>
                    <p><a class="btn btn-lg btn-primary" href="/Contact">Get started today!</a></p>
                </div>
            </div>
        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>

<div class="container marketing">

    <!-- Three columns of text below the carousel -->
    <div class="row">
        <div class="col-lg-4">
            <svg class="bd-about-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="About" preserveAspectRatio="xMidYMid slice" focusable="false"><title>About</title><rect width="100%" height="100%" fill="none" /></svg>
            
            <h2 class="fw-normal">About</h2>
            <p>Learn more about Clive Lancaster.</p>
            <p><a class="btn btn-secondary" href="/Home/About">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
            <svg class="bd-clients-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Clients" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Clients</title><rect width="100%" height="100%" fill="none" /></svg>
            <h2 class="fw-normal">Clients</h2>
            <p>Explore customer success stories.</p>
            <p><a class="btn btn-secondary" href="/Home/Clients">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
            <svg class="bd-services-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Services" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Services</title><rect width="100%" height="100%" fill="none" /></svg>
            <h2 class="fw-normal">Services</h2>
            <p>Discover capabilities and services.</p>
            <p><a class="btn btn-secondary" href="/Home/Services">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->
    </div><!-- /.row -->


    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7">
            <h2 class="featurette-heading fw-normal lh-1">Domain Expertise <span class="text-body-secondary">Across Key Industries.</span></h2>
            <p class="lead">With deep domain experience in medical, real estate, retail, hospitality, and human resources, services rendered bring tailored solutions that address the unique challenges of each sector. With a proven track record of delivering technology and product solutions that streamline operations, enhance customer experiences, and drive growth. Whether you need innovative healthcare platforms, cutting-edge retail solutions, or dynamic HR tools, expertises spanning a diverse range of industries.</p>
        </div>
        <div class="col-md-5">
            <img src="./img/banner-1.jpg" class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Domain" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="var(--bs-secondary-bg)" /><text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em"></text>
        </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7 order-md-2">
            <h2 class="featurette-heading fw-normal lh-1">Over 18 Years <span class="text-body-secondary"> of Product and Software Excellence.</span></h2>
            <p class="lead">Backed by over 18 years of experience in Product Management and Software Development, knowing how to take ideas from concept to market success. With a long-standing history of leading high-performing teams, launching world-class products, and driving digital transformation. From SaaS platforms to custom enterprise solutions, ensuring every product is built to meet business needs and exceed user expectations.</p>
        </div>
        <div class="col-md-5 order-md-1">
            <img src="./img/banner-2.jpg" class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Experience" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="var(--bs-secondary-bg)" /><text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em"></text>
        </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
        <div class="col-md-7">
            <h2 class="featurette-heading fw-normal lh-1">International Experience <span class="text-body-secondary">Across Europe and Asia Pacific.</span></h2>
            <p class="lead">With extensive international experience across Europe and the Asia Pacific, and an understanding of the complexities of global markets and diverse user needs. Our ability to navigate different cultures, regulatory environments, and market dynamics enables us to deliver products that scale internationally. Whether launching a new product in a local market or expanding globally, we leverage a global perspective to drive success across borders.</p>
        </div>
        <div class="col-md-5">
            <img src="./img/banner-3.jpg" class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="International" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="var(--bs-secondary-bg)" /><text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em"></text>
        </div>
    </div>

    <hr class="featurette-divider">

    <section class="py-2 text-center container">
        <div class="row py-lg-2">
            <div class="col-lg-10 col-md-8 mx-auto">
                <h1 class="fw-light">Digital Product Management</h1>
                <p class="lead text-muted text-start">Partner with us to harness the full potential of your products and drive your business towards sustained success!</p>
                <p>
                    <a href="/Contact" class="btn btn-primary my-2">Get started today!</a>
                    <a href="/Home/About" class="btn btn-secondary my-2">Learn More</a>
                </p>
            </div>
        </div>
    </section>

    <hr class="featurette-divider">

    <div class="container">
        <footer class="py-1">
            <div class="row">
                <div class="col-6 col-md-3 mb-3">
                    <h5>Overview</h5>
                    <ul class="nav flex-column">
                        
                        <li class="nav-item mb-2"><a href="/Home/About" class="nav-link p-0 text-body-secondary">About</a></li>
                        <li class="nav-item mb-2"><a href="/Home/Services" class="nav-link p-0 text-body-secondary">Services</a></li>
                        <li class="nav-item mb-2"><a href="/Home/Clients" class="nav-link p-0 text-body-secondary">Clients</a></li>
                    </ul>
                </div>
                <div class="col-6 col-md-3 mb-3">
                    <h5>News</h5>
					<ul class="nav flex-column">
                        <li class="nav-item mb-2"><a href="https://blog.clivelancaster.com" class="nav-link p-0 text-body-secondary">Blog</a></li>
                        <li class="nav-item mb-2"><a href="/Contact" class="nav-link p-0 text-body-secondary">Contact</a></li>
                    </ul>
                </div>

                <div class="col-md-5 offset-md-1 mb-2">
                    <form asp-action="Index" method="post">
                        <h5>Subscribe to our newsletter</h5>
                        <p>Monthly digest of what's new and exciting from us.</p>
                        <div class="d-flex flex-column flex-sm-row w-100 gap-2">
                            <label asp-for="email" for="email" class="visually-hidden">Email address</label>
                            <input asp-for="email" id="email" type="text" class="form-control" placeholder="Email address">
                            <span asp-validation-for="email" class="text-danger"></span>
                            <button class="btn btn-primary" type="submit">Subscribe</button>
                        </div>
                    </form>
                </div>
            </div>
        </footer>
</div>
</div>