<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Pricing & Price Calculator | Kavana Interio Bangalore</title>
<meta name="description" content="Transparent interior pricing in Bangalore. Get an instant estimate with our price calculator — Dry area ₹900/sqft, Wet area ₹1100/sqft. Essential, Premium and Luxury packages available.">
<meta name="keywords" content="interior design pricing Bangalore, modular kitchen cost, home interior cost, price calculator, sqft rate Bangalore">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://kavanainterio.com/pricing.html">

<meta property="og:title" content="Pricing & Price Calculator | Kavana Interio">
<meta property="og:description" content="Transparent interior pricing with instant estimate calculator.">
<meta property="og:url" content="https://kavanainterio.com/pricing.html">
<meta property="og:type" content="website">
<meta property="og:image" content="https://kavanainterio.com/images/og-cover.jpg">

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Service",
  "name": "Interior Design Packages",
  "provider": { "@type": "Organization", "name": "Kavana Interio" },
  "areaServed": "Bangalore",
  "offers": [
    { "@type": "Offer", "name": "Essential Package", "priceCurrency": "INR", "price": "350000" },
    { "@type": "Offer", "name": "Premium Package", "priceCurrency": "INR", "price": "650000" },
    { "@type": "Offer", "name": "Luxury Package", "priceCurrency": "INR", "price": "1200000" }
  ]
}
</script>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Lato:wght@300;400;600;700&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='6' fill='%23B8935A'/><text x='16' y='22' font-family='Georgia' font-size='18' fill='white' text-anchor='middle' font-style='italic'>K</text></svg>">
</head>
<body>

<nav class="navbar navbar-expand-lg kv-navbar">
  <div class="container">
    <a class="navbar-brand" href="index.html">Kavana <span>Interio</span></a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="mainNav">
      <ul class="navbar-nav ms-auto align-items-lg-center">
        <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
        <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
        <li class="nav-item"><a class="nav-link" href="services.html">Services</a></li>
        <li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a></li>
        <li class="nav-item"><a class="nav-link active" href="pricing.html">Pricing</a></li>
        <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
        <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
        <li class="nav-item ms-lg-3"><a class="btn btn-primary" href="contact.html">Get Quote</a></li>
      </ul>
    </div>
  </div>
</nav>

<header class="kv-page-header">
  <div class="container">
    <span class="eyebrow">Honest Pricing</span>
    <h1>What it really costs.</h1>
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
        <li class="breadcrumb-item active">Pricing</li>
      </ol>
    </nav>
  </div>
</header>

<!-- ============ PACKAGES ============ -->
<section class="bg-cream">
  <div class="container">
    <div class="section-title reveal">
      <span class="eyebrow">Curated Packages</span>
      <h2>Three starting points.</h2>
      <div class="divider"><span></span></div>
      <p>Indicative ranges for a 2BHK home. Final pricing depends on chosen materials, finishes and scope. Use the calculator below for a precise estimate.</p>
    </div>

    <div class="row g-4 align-items-stretch">
      <div class="col-lg-4 reveal">
        <div class="pricing-card">
          <span class="eyebrow">Essential</span>
          <h3>Move-In Ready</h3>
          <div class="price">₹3.5L<small>+</small></div>
          <p class="price-desc">For first-time homeowners and rental upgrades</p>
          <ul>
            <li>Modular kitchen (basic L-shape)</li>
            <li>2 wardrobes (sliding/openable)</li>
            <li>TV unit + foyer console</li>
            <li>Basic false ceiling (1 room)</li>
            <li>Laminate finishes</li>
            <li>Branded hardware (Hettich)</li>
            <li>10-year carcass warranty</li>
          </ul>
          <a href="contact.html" class="btn btn-outline w-100">Choose Essential</a>
        </div>
      </div>
      <div class="col-lg-4 reveal">
        <div class="pricing-card featured">
          <span class="eyebrow">Premium</span>
          <h3>Full Home</h3>
          <div class="price">₹6.5L<small>+</small></div>
          <p class="price-desc">Complete 2-3 BHK turnkey interiors</p>
          <ul>
            <li>Premium modular kitchen with tall units</li>
            <li>3 wardrobes + study/dressing</li>
            <li>TV unit, beds with storage, vanities</li>
            <li>False ceiling (full home)</li>
            <li>Acrylic, lacquered glass, veneer mix</li>
            <li>Designer lighting plan</li>
            <li>Wallpaper / accent walls</li>
            <li>Project manager + 3D walkthroughs</li>
          </ul>
          <a href="contact.html" class="btn btn-primary w-100">Choose Premium</a>
        </div>
      </div>
      <div class="col-lg-4 reveal">
        <div class="pricing-card">
          <span class="eyebrow">Luxury</span>
          <h3>Bespoke</h3>
          <div class="price">₹12L<small>+</small></div>
          <p class="price-desc">Villas and high-end 3-4 BHK projects</p>
          <ul>
            <li>Custom-designed modular elements</li>
            <li>PU finish, imported veneers, marble</li>
            <li>Smart home integration ready</li>
            <li>Imported hardware (Blum, Hafele)</li>
            <li>Designer ceilings, cove + magnetic track lighting</li>
            <li>Furniture sourcing + styling</li>
            <li>Dedicated project lead</li>
            <li>Lifetime service support</li>
          </ul>
          <a href="contact.html" class="btn btn-outline w-100">Choose Luxury</a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ============ PRICE CALCULATOR ============ -->
<section class="bg-ivory" id="calculator">
  <div class="container">
    <div class="section-title reveal">
      <span class="eyebrow">Instant Estimate</span>
      <h2>Price Calculator</h2>
      <div class="divider"><span></span></div>
      <p>Add rooms, list the units (wardrobes, kitchen, beds, TV unit etc.), enter dimensions in feet. We'll calculate by carcass area at the published rates. Final quote may vary based on shutter, finish and hardware choices.</p>
    </div>

    <div class="row g-4 reveal">
      <!-- LEFT: Calculator inputs -->
      <div class="col-lg-8">
        <div class="calc-wrapper">
          <!-- Rate panel -->
          <div class="row g-3 mb-4 pb-4" style="border-bottom: 1px solid var(--kv-line);">
            <div class="col-12 mb-2">
              <strong style="font-size: 0.78rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--kv-charcoal);">Rates (per sqft)</strong>
            </div>
            <div class="col-md-4">
              <label class="form-label small">Dry Area Rate (₹/sqft)</label>
              <input type="number" class="form-control form-control-sm" id="rate-dry" value="900"
                onchange="KavanaCalc.setRate('dry', this.value)">
            </div>
            <div class="col-md-4">
              <label class="form-label small">Wet Area Rate (₹/sqft)</label>
              <input type="number" class="form-control form-control-sm" id="rate-wet" value="1100"
                onchange="KavanaCalc.setRate('wet', this.value)">
            </div>
            <div class="col-md-4">
              <label class="form-label small">GST (%)</label>
              <input type="number" class="form-control form-control-sm" id="rate-gst" value="18"
                onchange="KavanaCalc.setRate('gst', this.value)">
            </div>
          </div>

          <!-- Rooms -->
          <div id="calc-rooms"></div>

          <button type="button" class="btn btn-outline mt-3" onclick="KavanaCalc.addRoom()">+ Add Room</button>
        </div>
      </div>

      <!-- RIGHT: Sticky summary -->
      <div class="col-lg-4">
        <div class="calc-summary">
          <h4>Your Estimate</h4>
          <div id="calc-summary-items"></div>
          <div class="calc-line" style="margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.15);">
            <span style="opacity:0.85;">Subtotal</span>
            <span id="calc-subtotal">₹0</span>
          </div>
          <div class="calc-line">
            <span style="opacity:0.85;">GST</span>
            <span id="calc-gst">₹0</span>
          </div>
          <div class="calc-line total">
            <span>Total</span>
            <span id="calc-total">₹0</span>
          </div>
          <a href="contact.html" class="btn btn-gold w-100 mt-3">Get Detailed Quote</a>
          <p style="font-size: 0.78rem; opacity: 0.7; margin-top: 1rem; line-height: 1.5;">
            * Estimate is indicative. A site visit and material selection are needed for the final quote.
          </p>
        </div>
      </div>
    </div>

    <div class="row mt-5 reveal">
      <div class="col-lg-10 mx-auto">
        <div style="background: var(--kv-beige-soft); border-left: 3px solid var(--kv-gold); padding: 1.5rem 2rem; border-radius: var(--kv-radius);">
          <h4 style="font-family: var(--kv-font-display); font-size: 1.2rem; margin-bottom: 0.75rem;">How the calculator works</h4>
          <p style="font-size: 0.92rem; margin-bottom: 0.5rem;"><strong>Dry area</strong> covers wardrobes, TV units, beds, study tables — anywhere away from water.</p>
          <p style="font-size: 0.92rem; margin-bottom: 0.5rem;"><strong>Wet area</strong> covers kitchen, vanity, bathroom storage — anything exposed to moisture (uses marine/HDHMR ply).</p>
          <p style="font-size: 0.92rem; margin-bottom: 0;"><strong>Formula:</strong> Rate × Height (ft) × Width (ft) per unit. GST applied to the subtotal.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ============ FAQ ============ -->
<section class="bg-cream">
  <div class="container">
    <div class="section-title reveal">
      <span class="eyebrow">FAQ</span>
      <h2>Common Pricing Questions</h2>
      <div class="divider"><span></span></div>
    </div>

    <div class="row reveal">
      <div class="col-lg-10 mx-auto">
        <div class="accordion" id="pricingFaq">
          <div class="accordion-item" style="background: var(--kv-ivory); border: 1px solid var(--kv-line); border-radius: var(--kv-radius); margin-bottom: 0.75rem;">
            <h3 class="accordion-header">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq1" style="background: var(--kv-ivory); font-weight: 600;">
                Are the calculator rates fixed?
              </button>
            </h3>
            <div id="faq1" class="accordion-collapse collapse" data-bs-parent="#pricingFaq">
              <div class="accordion-body" style="color: var(--kv-text-muted);">
                The calculator uses our standard rates: ₹900/sqft for dry areas and ₹1100/sqft for wet areas. These cover the carcass and a basic laminate shutter. Premium finishes (acrylic, lacquered glass, PU, veneer) and imported hardware are added on top.
              </div>
            </div>
          </div>
          <div class="accordion-item" style="background: var(--kv-ivory); border: 1px solid var(--kv-line); border-radius: var(--kv-radius); margin-bottom: 0.75rem;">
            <h3 class="accordion-header">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2" style="background: var(--kv-ivory); font-weight: 600;">
                What's the payment schedule?
              </button>
            </h3>
            <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#pricingFaq">
              <div class="accordion-body" style="color: var(--kv-text-muted);">
                Typical schedule: 10% on signing the design contract, 50% on production approval, 30% on installation start, 10% on handover. Custom phases available for larger construction projects.
              </div>
            </div>
          </div>
          <div class="accordion-item" style="background: var(--kv-ivory); border: 1px solid var(--kv-line); border-radius: var(--kv-radius); margin-bottom: 0.75rem;">
            <h3 class="accordion-header">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3" style="background: var(--kv-ivory); font-weight: 600;">
                Is GST included?
              </button>
            </h3>
            <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#pricingFaq">
              <div class="accordion-body" style="color: var(--kv-text-muted);">
                Our published per-sqft rates are exclusive of GST. The calculator adds 18% GST on top by default. The final invoice will reflect the prevailing GST rate at the time of billing.
              </div>
            </div>
          </div>
          <div class="accordion-item" style="background: var(--kv-ivory); border: 1px solid var(--kv-line); border-radius: var(--kv-radius); margin-bottom: 0.75rem;">
            <h3 class="accordion-header">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4" style="background: var(--kv-ivory); font-weight: 600;">
                Do you accept EMI / financing?
              </button>
            </h3>
            <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#pricingFaq">
              <div class="accordion-body" style="color: var(--kv-text-muted);">
                Yes — we partner with major banks for home renovation loans and EMI options. Speak to our team during the consultation to explore the right plan.
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<footer class="kv-footer">
  <div class="container">
    <div class="row g-4">
      <div class="col-lg-4">
        <div class="kv-footer-brand">Kavana <span>Interio</span></div>
        <p>Premium interior design and turnkey construction studio based in Bangalore.</p>
        <div class="kv-footer-social">
          <a href="#" aria-label="Facebook"><svg fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a>
          <a href="#" aria-label="Instagram"><svg fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg></a>
          <a href="#" aria-label="LinkedIn"><svg fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
        </div>
      </div>
      <div class="col-lg-2 col-md-4 col-6">
        <h5>Services</h5>
        <ul>
          <li><a href="services.html#kitchens">Modular Kitchens</a></li>
          <li><a href="services.html#wardrobes">Wardrobes</a></li>
          <li><a href="services.html#full-home">Full Home</a></li>
          <li><a href="services.html#construction">Construction</a></li>
          <li><a href="services.html#ceiling">False Ceiling</a></li>
        </ul>
      </div>
      <div class="col-lg-2 col-md-4 col-6">
        <h5>Company</h5>
        <ul>
          <li><a href="about.html">About Us</a></li>
          <li><a href="portfolio.html">Portfolio</a></li>
          <li><a href="pricing.html">Pricing</a></li>
          <li><a href="blog.html">Blog</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </div>
      <div class="col-lg-4 col-md-4">
        <h5>Get in Touch</h5>
        <ul>
          <li><strong>Studio:</strong> [Your address], Bangalore 560001</li>
          <li><strong>Phone:</strong> <a href="tel:+910000000000">+91 00000 00000</a></li>
          <li><strong>Email:</strong> <a href="mailto:hello@kavanainterio.com">hello@kavanainterio.com</a></li>
          <li><strong>Hours:</strong> Mon–Sat, 10am – 7pm</li>
        </ul>
      </div>
    </div>
    <div class="kv-footer-bottom">
      © <span id="footer-year">2026</span> Kavana Interio. All rights reserved.
    </div>
  </div>
</footer>

<script>document.getElementById('footer-year').textContent = new Date().getFullYear();</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/main.js"></script>
<script src="js/calculator.js"></script>
</body>
</html>
