<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Pricing | Lease Packet</title>

<meta name="keywords" content="Pricing, Logo Design Cost, Website Design Pricing, Branding Services, Lease Packet">
<meta name="description" content="Affordable branding, logo design, website development and creative service pricing from Lease Packet.">

<style>

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, Helvetica, sans-serif;
    background:#f5f5f5;
    color:#333;
    line-height:1.7;
}

a{
    text-decoration:none;
}

/* TOP BAR */

.topbar{
    background:#222;
    color:#fff;
    padding:10px 40px;
    text-align:right;
}

.topbar a{
    color:#fff;
    margin-left:20px;
    font-size:14px;
}

.topbar a:hover{
    color:#f2a100;
}

/* HEADER */

header{
    background:#fff;
    padding:20px 40px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid #ddd;
}

.logo{
    font-size:34px;
    font-weight:bold;
    color:#f2a100;
}

.logo span{
    color:#333;
}

/* NAVIGATION */

nav{
    background:#f2a100;
}

nav ul{
    list-style:none;
    display:flex;
    flex-wrap:wrap;
}

nav ul li a{
    display:block;
    padding:16px 24px;
    color:#000;
    font-weight:bold;
    transition:0.3s;
}

nav ul li a:hover{
    background:#d98c00;
    color:#fff;
}

/* HERO */

.hero{
    background:linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)),
    url('images/banner13.jpg') center/cover no-repeat;
    color:#fff;
    text-align:center;
    padding:100px 20px;
}

.hero h1{
    font-size:52px;
    margin-bottom:20px;
}

.hero p{
    max-width:850px;
    margin:auto;
    font-size:19px;
}

/* MAIN CONTENT */

.container{
    width:90%;
    max-width:1200px;
    margin:70px auto;
}

/* SECTION TITLE */

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-size:40px;
    color:#f2a100;
    margin-bottom:10px;
}

.section-title p{
    color:#666;
    font-size:17px;
}

/* PRICING GRID */

.pricing-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

/* PRICING CARD */

.pricing-card{
    background:#fff;
    border-radius:12px;
    padding:40px 30px;
    box-shadow:0 3px 15px rgba(0,0,0,0.08);
    transition:0.3s;
    position:relative;
    overflow:hidden;
}

.pricing-card:hover{
    transform:translateY(-8px);
}

.popular{
    border:3px solid #f2a100;
}

.popular-badge{
    position:absolute;
    top:18px;
    right:-45px;
    background:#f2a100;
    color:#000;
    padding:8px 50px;
    transform:rotate(45deg);
    font-size:12px;
    font-weight:bold;
}

.pricing-card h3{
    font-size:28px;
    margin-bottom:15px;
    color:#222;
}

.price{
    font-size:40px;
    color:#f2a100;
    font-weight:bold;
    margin-bottom:15px;
}

.price span{
    font-size:16px;
    color:#666;
}

.pricing-card p{
    margin-bottom:25px;
    color:#555;
}

.features{
    list-style:none;
    margin-bottom:30px;
}

.features li{
    margin-bottom:14px;
    padding-left:25px;
    position:relative;
}

.features li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:green;
    font-weight:bold;
}

.pricing-btn{
    display:block;
    text-align:center;
    background:#222;
    color:#fff;
    padding:14px;
    border-radius:5px;
    font-weight:bold;
    transition:0.3s;
}

.pricing-btn:hover{
    background:#f2a100;
    color:#000;
}

/* TABLE */

.table-section{
    margin-top:80px;
}

.table-wrapper{
    overflow-x:auto;
    background:#fff;
    border-radius:10px;
    box-shadow:0 2px 12px rgba(0,0,0,0.08);
}

.pricing-table{
    width:100%;
    border-collapse:collapse;
}

.pricing-table th{
    background:#f2a100;
    color:#000;
    padding:18px;
    font-size:18px;
}

.pricing-table td{
    padding:18px;
    border-bottom:1px solid #ddd;
    text-align:center;
}

.pricing-table tr:hover{
    background:#fafafa;
}

/* NOTE */

.note{
    margin-top:35px;
    background:#fff8e7;
    padding:25px;
    border-left:5px solid #f2a100;
    border-radius:8px;
}

.note h3{
    margin-bottom:12px;
    color:#222;
}

/* CTA */

.cta{
    margin-top:80px;
    background:#222;
    color:#fff;
    text-align:center;
    padding:60px 30px;
    border-radius:10px;
}

.cta h2{
    font-size:38px;
    margin-bottom:15px;
}

.cta p{
    margin-bottom:25px;
    font-size:18px;
}

.cta a{
    display:inline-block;
    background:#f2a100;
    color:#000;
    padding:14px 30px;
    border-radius:5px;
    font-weight:bold;
}

.cta a:hover{
    background:#d98c00;
    color:#fff;
}

/* FOOTER */

footer{
    background:#111;
    color:#ccc;
    text-align:center;
    padding:30px 20px;
    margin-top:70px;
}

footer a{
    color:#f2a100;
    margin:0 10px;
}

footer a:hover{
    color:#fff;
}

/* RESPONSIVE */

@media(max-width:768px){

    header{
        flex-direction:column;
        text-align:center;
    }

    nav ul{
        flex-direction:column;
    }

    .hero h1{
        font-size:36px;
    }

    .hero p{
        font-size:16px;
    }

    .section-title h2,
    .cta h2{
        font-size:30px;
    }

    .price{
        font-size:34px;
    }

}

</style>

</head>

<body>

<!-- TOP BAR -->

<div class="topbar">

    <a href="index.html">Home</a>
    <a href="contactus.html">Contact</a>

</div>

<!-- HEADER -->

<header>

    <div class="logo">
        Lease <span>Packet</span>
    </div>

</header>

<!-- NAVIGATION -->

<nav>

<ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="profile.html">Profile</a></li>
    <li><a href="services.html">Services</a></li>
    <li><a href="pricing.html">Pricing</a></li>
    <li><a href="contactus.html">Contact</a></li>
</ul>

</nav>

<!-- HERO -->

<section class="hero">

    <h1>Affordable Pricing Plans</h1>

    <p>
        Professional branding, website development and creative design services
        at transparent and competitive pricing.
    </p>

</section>

<!-- MAIN CONTENT -->

<div class="container">

    <!-- SECTION TITLE -->

    <div class="section-title">

        <h2>Our Pricing</h2>

        <p>
            Flexible pricing options designed for startups, businesses and growing brands.
        </p>

    </div>

    <!-- PRICING CARDS -->

    <div class="pricing-grid">

        <!-- WEBSITE -->

        <div class="pricing-card">

            <h3>Website Design</h3>

            <div class="price">
                ₹1500 <span>/ page</span>
            </div>

            <p>
                Professional and responsive website pages designed for modern businesses.
            </p>

            <ul class="features">

                <li>Responsive Design</li>
                <li>SEO Friendly Layout</li>
                <li>Mobile Compatible</li>
                <li>Modern UI Design</li>

            </ul>

            <a href="contactus.html" class="pricing-btn">
                Get Quote
            </a>

        </div>

        <!-- LOGO -->

        <div class="pricing-card popular">

            <div class="popular-badge">
                POPULAR
            </div>

            <h3>Logo Design</h3>

            <div class="price">
                ₹4500 <span>/ logo</span>
            </div>

            <p>
                Creative logo concepts designed to establish strong brand identity.
            </p>

            <ul class="features">

                <li>2 Creative Samples</li>
                <li>Professional Branding</li>
                <li>High Resolution Files</li>
                <li>Business Identity Design</li>

            </ul>

            <a href="contactus.html" class="pricing-btn">
                Get Quote
            </a>

        </div>

        <!-- BRANDING -->

        <div class="pricing-card">

            <h3>Brand Collaterals</h3>

            <div class="price">
                ₹4500 <span>/ man day</span>
            </div>

            <p>
                Business cards, brochures, flyers and branding materials for your company.
            </p>

            <ul class="features">

                <li>Brochure Design</li>
                <li>Business Cards</li>
                <li>Corporate Branding</li>
                <li>Creative Marketing Materials</li>

            </ul>

            <a href="contactus.html" class="pricing-btn">
                Get Quote
            </a>

        </div>

        <!-- VIDEO -->

        <div class="pricing-card">

            <h3>Video Presentation</h3>

            <div class="price">
                ₹4500 <span>/ man day</span>
            </div>

            <p>
                Professional multimedia presentations and business promotional videos.
            </p>

            <ul class="features">

                <li>Corporate Presentations</li>
                <li>Marketing Videos</li>
                <li>Professional Editing</li>
                <li>Creative Visual Effects</li>

            </ul>

            <a href="contactus.html" class="pricing-btn">
                Get Quote
            </a>

        </div>

        <!-- MAILER -->

        <div class="pricing-card">

            <h3>Mailer Design</h3>

            <div class="price">
                ₹2000 <span>/ design</span>
            </div>

            <p>
                Attractive and professional emailers for promotions and campaigns.
            </p>

            <ul class="features">

                <li>Custom Creative Design</li>
                <li>Marketing Emailers</li>
                <li>Responsive Layout</li>
                <li>Brand Focused Designs</li>

            </ul>

            <a href="contactus.html" class="pricing-btn">
                Get Quote
            </a>

        </div>

    </div>

    <!-- PRICING TABLE -->

    <div class="table-section">

        <div class="section-title">

            <h2>Detailed Pricing Table</h2>

            <p>
                Transparent pricing structure for all our services.
            </p>

        </div>

        <div class="table-wrapper">

            <table class="pricing-table">

                <tr>
                    <th>S.No</th>
                    <th>Services</th>
                    <th>Pricing</th>
                </tr>

                <tr>
                    <td>1</td>
                    <td>Website Design & Development</td>
                    <td>₹1500 / page</td>
                </tr>

                <tr>
                    <td>2</td>
                    <td>Logo Design</td>
                    <td>₹4500 / logo</td>
                </tr>

                <tr>
                    <td>3</td>
                    <td>Brochure Design</td>
                    <td>₹4500 / man day</td>
                </tr>

                <tr>
                    <td>4</td>
                    <td>Video Presentation</td>
                    <td>₹4500 / man day</td>
                </tr>

                <tr>
                    <td>5</td>
                    <td>Mailer Design</td>
                    <td>₹2000 / design</td>
                </tr>

            </table>

        </div>

    </div>

    <!-- NOTE -->

    <div class="note">

        <h3>Important Note</h3>

        <p>
            Pricing may vary depending on project scope, customization,
            content requirements and delivery timelines.
            Please contact us for a customized quotation based on your exact requirement.
        </p>

    </div>

    <!-- CTA -->

    <div class="cta">

        <h2>Need a Custom Package?</h2>

        <p>
            Contact us today for customized branding and web solutions
            tailored specifically for your business needs.
        </p>

        <a href="contactus.html">
            Request Custom Quote
        </a>

    </div>

</div>

<!-- FOOTER -->

<footer>

    <p>
        © 2026 Lease Packet. All Rights Reserved.
    </p>

    <br>

    <a href="privacy.html">Privacy Policy</a> |
    <a href="Terms.html">Terms & Conditions</a> |
    <a href="refund.html">Refund Policy</a>

</footer>

</body>
</html>