import { Link } from 'react-router-dom';
import { Button } from '@/components/ui/button';
import { CheckCircle2, ArrowRight, Info } from 'lucide-react';
import SEO from '@/components/SEO';
import { ProtectedRoute } from '@/components/ProtectedRoute';

export default function Pricing() {
  const baseUrl = 'https://swimmingpoolpro.in';
  
  return (
    <ProtectedRoute requireAuth={true} redirectTo="/register">
      <SEO
        title="Swimming Pool Prices in Hyderabad - Aqua Technic Pricing Guide | ₹38L to ₹1.25Cr+"
        description="Transparent pool construction pricing in Hyderabad. Essential pools from ₹38L, Premium ₹55L-₹80L, Luxury ₹80L-₹1.25Cr+. 0% financing available. Get custom quote from Aqua Technic."
        keywords="pool construction cost Hyderabad, swimming pool prices India, pool financing Hyderabad, luxury pool cost, infinity pool price, panel pool cost"
        canonical={`${baseUrl}/pricing`}
      />
    <div className="min-h-screen">
      {/* Hero Section */}
      <section className="relative py-24 bg-muted">
        <div className="container mx-auto px-4">
          <div className="max-w-4xl mx-auto text-center">
            <h1 className="text-5xl md:text-6xl font-bold mb-6">
              Pool Pricing Guide
            </h1>
            <p className="text-xl text-muted-foreground mb-8">
              Transparent pricing for your dream pool. Every project is unique, but here's what you can expect for different pool types and features.
            </p>
            <Button asChild size="lg">
              <Link to="/book-consultation">
                Get Your Custom Pool Quote
                <ArrowRight className="ml-2 h-5 w-5" />
              </Link>
            </Button>
          </div>
        </div>
      </section>

      {/* Pricing Tiers */}
      <section className="py-24 bg-background">
        <div className="container mx-auto px-4">
          <div className="text-center mb-16">
            <h2 className="text-4xl font-bold mb-4">Pool Packages</h2>
            <p className="text-xl text-muted-foreground max-w-3xl mx-auto">
              Choose the package that fits your vision and budget. All prices include design, permits, excavation, construction, and equipment.
            </p>
          </div>

          <div className="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
            {/* Essential Package */}
            <div className="bg-card rounded-lg border border-border p-8">
              <div className="mb-6">
                <h3 className="text-2xl font-bold mb-2">Essential</h3>
                <p className="text-muted-foreground mb-4">Perfect for families seeking quality and value</p>
                <div className="flex items-baseline gap-2">
                  <span className="text-4xl font-bold">₹38L</span>
                  <span className="text-muted-foreground">- ₹55L</span>
                </div>
              </div>
              <img
                src="https://images.unsplash.com/photo-1523217582562-09d0def993a6?w=800&h=600&fit=crop&q=80"
                alt="Essential pool package"
                className="w-full h-48 object-cover rounded-lg mb-6"
              />
              <ul className="space-y-3 mb-8">
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Standard rectangular or kidney shape</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>12' x 24' to 16' x 32' size range</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Plaster or pebble finish</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Standard filtration system</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>LED pool lighting</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Basic coping and decking</span>
                </li>
              </ul>
              <Button asChild className="w-full">
                <Link to="/book-consultation">Get Started</Link>
              </Button>
            </div>

            {/* Premium Package */}
            <div className="bg-primary text-primary-foreground rounded-lg p-8 relative">
              <div className="absolute -top-4 left-1/2 -translate-x-1/2 bg-accent text-accent-foreground px-4 py-1 rounded-full text-sm font-semibold">
                Most Popular
              </div>
              <div className="mb-6">
                <h3 className="text-2xl font-bold mb-2">Premium</h3>
                <p className="text-primary-foreground/90 mb-4">Enhanced features and custom design options</p>
                <div className="flex items-baseline gap-2">
                  <span className="text-4xl font-bold">₹55L</span>
                  <span className="text-primary-foreground/80">- ₹80L</span>
                </div>
              </div>
              <img
                src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=800&h=600&fit=crop&q=80"
                alt="Premium pool package"
                className="w-full h-48 object-cover rounded-lg mb-6"
              />
              <ul className="space-y-3 mb-8">
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-accent flex-shrink-0 mt-0.5" />
                  <span>Custom freeform or geometric design</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-accent flex-shrink-0 mt-0.5" />
                  <span>Up to 20' x 40' size</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-accent flex-shrink-0 mt-0.5" />
                  <span>Premium tile or aggregate finish</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-accent flex-shrink-0 mt-0.5" />
                  <span>Variable speed pump & heater</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-accent flex-shrink-0 mt-0.5" />
                  <span>Color-changing LED system</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-accent flex-shrink-0 mt-0.5" />
                  <span>Upgraded coping & decking materials</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-accent flex-shrink-0 mt-0.5" />
                  <span>One water feature (fountain or jets)</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-accent flex-shrink-0 mt-0.5" />
                  <span>Tanning ledge or bench seating</span>
                </li>
              </ul>
              <Button asChild className="w-full bg-accent text-accent-foreground hover:bg-accent/90">
                <Link to="/book-consultation">Get Started</Link>
              </Button>
            </div>

            {/* Luxury Package */}
            <div className="bg-card rounded-lg border border-border p-8">
              <div className="mb-6">
                <h3 className="text-2xl font-bold mb-2">Luxury</h3>
                <p className="text-muted-foreground mb-4">Ultimate resort-style experience at home</p>
                <div className="flex items-baseline gap-2">
                  <span className="text-4xl font-bold">₹80L</span>
                  <span className="text-muted-foreground">- ₹1.25Cr+</span>
                </div>
              </div>
              <img
                src="https://images.unsplash.com/photo-1575429198097-0414ec08e8cd?w=800&h=600&fit=crop&q=80"
                alt="Luxury pool package"
                className="w-full h-48 object-cover rounded-lg mb-6"
              />
              <ul className="space-y-3 mb-8">
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Fully custom architectural design</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Infinity edge or vanishing edge option</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Premium glass tile or custom finishes</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Smart automation system</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Multiple water features (waterfalls, sheer descents)</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Integrated spa with spillover</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Fire features & custom lighting design</span>
                </li>
                <li className="flex items-start gap-2">
                  <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                  <span>Premium natural stone decking</span>
                </li>
              </ul>
              <Button asChild className="w-full">
                <Link to="/book-consultation">Get Started</Link>
              </Button>
            </div>
          </div>
        </div>
      </section>

      {/* Add-Ons Section */}
      <section className="py-24 bg-muted">
        <div className="container mx-auto px-4">
          <div className="text-center mb-16">
            <h2 className="text-4xl font-bold mb-4">Popular Add-Ons</h2>
            <p className="text-xl text-muted-foreground max-w-3xl mx-auto">
              Enhance your pool with these popular features and upgrades
            </p>
          </div>

          <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto">
            <div className="bg-background rounded-lg p-6 border border-border">
              <h3 className="text-xl font-bold mb-2">Attached Spa</h3>
              <p className="text-3xl font-bold text-primary mb-3">₹12L - ₹21L</p>
              <p className="text-muted-foreground text-sm">
                6-8 person spa with jets, heater, and spillover into pool
              </p>
            </div>

            <div className="bg-background rounded-lg p-6 border border-border">
              <h3 className="text-xl font-bold mb-2">Custom Waterfall</h3>
              <p className="text-3xl font-bold text-primary mb-3">₹7L - ₹17L</p>
              <p className="text-muted-foreground text-sm">
                Natural rock or modern design with LED lighting
              </p>
            </div>

            <div className="bg-background rounded-lg p-6 border border-border">
              <h3 className="text-xl font-bold mb-2">Deck Jets</h3>
              <p className="text-3xl font-bold text-primary mb-3">₹1.7L - ₹4.2L</p>
              <p className="text-muted-foreground text-sm">
                Set of 4-6 programmable arcing water streams
              </p>
            </div>

            <div className="bg-background rounded-lg p-6 border border-border">
              <h3 className="text-xl font-bold mb-2">Fire Features</h3>
              <p className="text-3xl font-bold text-primary mb-3">₹2.5L - ₹7L</p>
              <p className="text-muted-foreground text-sm">
                Fire bowls, pits, or integrated fire and water features
              </p>
            </div>

            <div className="bg-background rounded-lg p-6 border border-border">
              <h3 className="text-xl font-bold mb-2">Automation System</h3>
              <p className="text-3xl font-bold text-primary mb-3">₹2.5L - ₹5L</p>
              <p className="text-muted-foreground text-sm">
                Smart controls for lights, temperature, and features via app
              </p>
            </div>

            <div className="bg-background rounded-lg p-6 border border-border">
              <h3 className="text-xl font-bold mb-2">Tanning Ledge</h3>
              <p className="text-3xl font-bold text-primary mb-3">₹3.5L - ₹7L</p>
              <p className="text-muted-foreground text-sm">
                Shallow sun shelf perfect for lounging and kids
              </p>
            </div>

            <div className="bg-background rounded-lg p-6 border border-border">
              <h3 className="text-xl font-bold mb-2">Beach Entry</h3>
              <p className="text-3xl font-bold text-primary mb-3">₹7L - ₹12.5L</p>
              <p className="text-muted-foreground text-sm">
                Gradual slope entry mimicking a natural beach
              </p>
            </div>

            <div className="bg-background rounded-lg p-6 border border-border">
              <h3 className="text-xl font-bold mb-2">Slide</h3>
              <p className="text-3xl font-bold text-primary mb-3">₹4.2L - ₹12.5L</p>
              <p className="text-muted-foreground text-sm">
                Custom slide integrated into landscaping or rock features
              </p>
            </div>

            <div className="bg-background rounded-lg p-6 border border-border">
              <h3 className="text-xl font-bold mb-2">Outdoor Kitchen</h3>
              <p className="text-3xl font-bold text-primary mb-3">₹12.5L - ₹34L</p>
              <p className="text-muted-foreground text-sm">
                Built-in grill, counters, sink, and storage near pool area
              </p>
            </div>
          </div>
        </div>
      </section>

      {/* Factors Affecting Cost */}
      <section className="py-24 bg-background">
        <div className="container mx-auto px-4">
          <div className="max-w-4xl mx-auto">
            <div className="text-center mb-16">
              <h2 className="text-4xl font-bold mb-4">What Affects Pool Cost?</h2>
              <p className="text-xl text-muted-foreground">
                Understanding the factors that influence your pool investment
              </p>
            </div>

            <div className="space-y-6">
              <div className="bg-muted rounded-lg p-6">
                <div className="flex gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
                      <Info className="h-6 w-6 text-primary" />
                    </div>
                  </div>
                  <div>
                    <h3 className="text-xl font-bold mb-2">Size & Shape</h3>
                    <p className="text-muted-foreground">
                      Larger pools and complex custom shapes require more materials, labor, and excavation. Standard rectangular pools are typically the most cost-effective.
                    </p>
                  </div>
                </div>
              </div>

              <div className="bg-muted rounded-lg p-6">
                <div className="flex gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
                      <Info className="h-6 w-6 text-primary" />
                    </div>
                  </div>
                  <div>
                    <h3 className="text-xl font-bold mb-2">Materials & Finishes</h3>
                    <p className="text-muted-foreground">
                      Premium finishes like glass tile, natural stone coping, and custom aggregate surfaces add to the overall cost but provide superior aesthetics and durability.
                    </p>
                  </div>
                </div>
              </div>

              <div className="bg-muted rounded-lg p-6">
                <div className="flex gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
                      <Info className="h-6 w-6 text-primary" />
                    </div>
                  </div>
                  <div>
                    <h3 className="text-xl font-bold mb-2">Site Conditions</h3>
                    <p className="text-muted-foreground">
                      Sloped terrain, rocky soil, limited access, and distance from utilities can increase excavation and construction costs. We'll assess your site during consultation.
                    </p>
                  </div>
                </div>
              </div>

              <div className="bg-muted rounded-lg p-6">
                <div className="flex gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
                      <Info className="h-6 w-6 text-primary" />
                    </div>
                  </div>
                  <div>
                    <h3 className="text-xl font-bold mb-2">Features & Equipment</h3>
                    <p className="text-muted-foreground">
                      Water features, spas, automation systems, and premium equipment increase initial investment but enhance enjoyment and can improve energy efficiency.
                    </p>
                  </div>
                </div>
              </div>

              <div className="bg-muted rounded-lg p-6">
                <div className="flex gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center">
                      <Info className="h-6 w-6 text-primary" />
                    </div>
                  </div>
                  <div>
                    <h3 className="text-xl font-bold mb-2">Landscaping & Hardscaping</h3>
                    <p className="text-muted-foreground">
                      Decking, patios, outdoor kitchens, lighting, and landscaping around the pool area are typically separate from the pool construction cost but essential for a complete backyard transformation.
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* Financing Section */}
      <section className="py-24 bg-muted">
        <div className="container mx-auto px-4">
          <div className="max-w-4xl mx-auto">
            <div className="bg-background rounded-lg p-8 md:p-12">
              <div className="text-center mb-8">
                <h2 className="text-3xl font-bold mb-4">Flexible Financing & Payment Options</h2>
                <p className="text-xl text-muted-foreground">
                  Make your dream pool affordable with our flexible payment plans
                </p>
              </div>

              <div className="grid md:grid-cols-3 gap-8 mb-8">
                <div className="text-center">
                  <div className="text-4xl font-bold text-primary mb-2">0%</div>
                  <p className="text-sm text-muted-foreground">Interest for 12 months<br />with approved credit</p>
                </div>
                <div className="text-center">
                  <div className="text-4xl font-bold text-primary mb-2">₹0</div>
                  <p className="text-sm text-muted-foreground">Down payment<br />options available</p>
                </div>
                <div className="text-center">
                  <div className="text-4xl font-bold text-primary mb-2">24hr</div>
                  <p className="text-sm text-muted-foreground">Approval process<br />for qualified buyers</p>
                </div>
              </div>

              {/* Payment Plans */}
              <div className="mb-8">
                <h3 className="text-2xl font-bold mb-6 text-center">Popular Payment Plans</h3>
                <div className="grid md:grid-cols-2 gap-6">
                  <div className="bg-muted rounded-lg p-6">
                    <h4 className="text-lg font-bold mb-3">Standard Financing</h4>
                    <ul className="space-y-2 text-sm text-muted-foreground">
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                        <span>3-7 year terms available</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                        <span>Competitive interest rates from 8.5%</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                        <span>Fixed monthly payments</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                        <span>No prepayment penalties</span>
                      </li>
                    </ul>
                  </div>

                  <div className="bg-muted rounded-lg p-6">
                    <h4 className="text-lg font-bold mb-3">Home Equity Loan</h4>
                    <ul className="space-y-2 text-sm text-muted-foreground">
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                        <span>Lower interest rates (7-9%)</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                        <span>Tax-deductible interest (consult advisor)</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                        <span>Longer repayment terms (up to 15 years)</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-5 w-5 text-primary flex-shrink-0 mt-0.5" />
                        <span>Adds value to your property</span>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>

              {/* Payment Methods */}
              <div className="mb-8">
                <h3 className="text-xl font-bold mb-4 text-center">Accepted Payment Methods</h3>
                <div className="flex flex-wrap justify-center gap-4 text-sm text-muted-foreground">
                  <div className="flex items-center gap-2 bg-muted px-4 py-2 rounded-lg">
                    <CheckCircle2 className="h-4 w-4 text-primary" />
                    <span>Bank Transfer (NEFT/RTGS/IMPS)</span>
                  </div>
                  <div className="flex items-center gap-2 bg-muted px-4 py-2 rounded-lg">
                    <CheckCircle2 className="h-4 w-4 text-primary" />
                    <span>Cheque Payments</span>
                  </div>
                  <div className="flex items-center gap-2 bg-muted px-4 py-2 rounded-lg">
                    <CheckCircle2 className="h-4 w-4 text-primary" />
                    <span>Credit/Debit Cards</span>
                  </div>
                  <div className="flex items-center gap-2 bg-muted px-4 py-2 rounded-lg">
                    <CheckCircle2 className="h-4 w-4 text-primary" />
                    <span>UPI Payments</span>
                  </div>
                </div>
              </div>

              {/* Payment Schedule */}
              <div className="bg-muted rounded-lg p-6 mb-8">
                <h3 className="text-xl font-bold mb-4">Typical Payment Schedule</h3>
                <div className="space-y-3 text-sm">
                  <div className="flex justify-between items-center">
                    <span className="text-muted-foreground">Contract Signing</span>
                    <span className="font-semibold">20% deposit</span>
                  </div>
                  <div className="flex justify-between items-center">
                    <span className="text-muted-foreground">Excavation Complete</span>
                    <span className="font-semibold">25% payment</span>
                  </div>
                  <div className="flex justify-between items-center">
                    <span className="text-muted-foreground">Structure & Plumbing</span>
                    <span className="font-semibold">25% payment</span>
                  </div>
                  <div className="flex justify-between items-center">
                    <span className="text-muted-foreground">Equipment Installation</span>
                    <span className="font-semibold">20% payment</span>
                  </div>
                  <div className="flex justify-between items-center">
                    <span className="text-muted-foreground">Final Completion</span>
                    <span className="font-semibold">10% final payment</span>
                  </div>
                </div>
                <p className="text-xs text-muted-foreground mt-4 italic">
                  *Payment schedule may vary based on project scope and financing arrangement
                </p>
              </div>

              {/* Financing Example Calculator */}
              <div className="bg-primary/5 border border-primary/20 rounded-lg p-6 mb-8">
                <h3 className="text-xl font-bold mb-4 text-center">Example Monthly Payments</h3>
                <p className="text-sm text-muted-foreground text-center mb-6">
                  See what your monthly investment could look like with financing
                </p>
                <div className="grid md:grid-cols-3 gap-6">
                  <div className="bg-background rounded-lg p-5 text-center">
                    <div className="text-sm text-muted-foreground mb-2">₹40 Lakh Pool</div>
                    <div className="text-3xl font-bold text-primary mb-1">₹55,500</div>
                    <div className="text-xs text-muted-foreground">per month for 7 years</div>
                    <div className="text-xs text-muted-foreground mt-2">@ 8.5% interest</div>
                  </div>
                  <div className="bg-background rounded-lg p-5 text-center border-2 border-primary">
                    <div className="text-xs font-semibold text-primary mb-2">MOST POPULAR</div>
                    <div className="text-sm text-muted-foreground mb-2">₹65 Lakh Pool</div>
                    <div className="text-3xl font-bold text-primary mb-1">₹90,200</div>
                    <div className="text-xs text-muted-foreground">per month for 7 years</div>
                    <div className="text-xs text-muted-foreground mt-2">@ 8.5% interest</div>
                  </div>
                  <div className="bg-background rounded-lg p-5 text-center">
                    <div className="text-sm text-muted-foreground mb-2">₹1 Crore Pool</div>
                    <div className="text-3xl font-bold text-primary mb-1">₹1,38,800</div>
                    <div className="text-xs text-muted-foreground">per month for 7 years</div>
                    <div className="text-xs text-muted-foreground mt-2">@ 8.5% interest</div>
                  </div>
                </div>
                <p className="text-xs text-muted-foreground text-center mt-4 italic">
                  *Examples are estimates only. Actual rates and terms depend on credit approval and lender.
                </p>
              </div>

              {/* Financing Requirements */}
              <div className="mb-8">
                <h3 className="text-xl font-bold mb-4 text-center">Financing Requirements</h3>
                <div className="grid md:grid-cols-2 gap-6">
                  <div className="bg-muted rounded-lg p-6">
                    <h4 className="font-bold mb-3">Minimum Qualifications</h4>
                    <ul className="space-y-2 text-sm text-muted-foreground">
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-4 w-4 text-primary flex-shrink-0 mt-0.5" />
                        <span>Credit score of 650+ (700+ for best rates)</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-4 w-4 text-primary flex-shrink-0 mt-0.5" />
                        <span>Stable income verification (salary slips/ITR)</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-4 w-4 text-primary flex-shrink-0 mt-0.5" />
                        <span>Property ownership or home equity</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-4 w-4 text-primary flex-shrink-0 mt-0.5" />
                        <span>Debt-to-income ratio below 43%</span>
                      </li>
                    </ul>
                  </div>

                  <div className="bg-muted rounded-lg p-6">
                    <h4 className="font-bold mb-3">Required Documents</h4>
                    <ul className="space-y-2 text-sm text-muted-foreground">
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-4 w-4 text-primary flex-shrink-0 mt-0.5" />
                        <span>Government-issued photo ID (Aadhaar/PAN)</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-4 w-4 text-primary flex-shrink-0 mt-0.5" />
                        <span>Last 3 months salary slips or ITR</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-4 w-4 text-primary flex-shrink-0 mt-0.5" />
                        <span>6 months bank statements</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="h-4 w-4 text-primary flex-shrink-0 mt-0.5" />
                        <span>Property documents (if using home equity)</span>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>

              {/* Special Offers */}
              <div className="bg-gradient-to-r from-primary/10 to-primary/5 border border-primary/20 rounded-lg p-6 mb-8">
                <h3 className="text-xl font-bold mb-4 text-center">Limited Time Offers</h3>
                <div className="grid md:grid-cols-2 gap-6">
                  <div className="flex items-start gap-3">
                    <CheckCircle2 className="h-6 w-6 text-primary flex-shrink-0 mt-1" />
                    <div>
                      <h4 className="font-bold mb-1">Early Bird Discount</h4>
                      <p className="text-sm text-muted-foreground">
                        Book before March 31st and get ₹50,000 off on projects above ₹50 lakhs
                      </p>
                    </div>
                  </div>
                  <div className="flex items-start gap-3">
                    <CheckCircle2 className="h-6 w-6 text-primary flex-shrink-0 mt-1" />
                    <div>
                      <h4 className="font-bold mb-1">Referral Bonus</h4>
                      <p className="text-sm text-muted-foreground">
                        Refer a friend and both receive ₹25,000 credit towards upgrades
                      </p>
                    </div>
                  </div>
                  <div className="flex items-start gap-3">
                    <CheckCircle2 className="h-6 w-6 text-primary flex-shrink-0 mt-1" />
                    <div>
                      <h4 className="font-bold mb-1">Bundle & Save</h4>
                      <p className="text-sm text-muted-foreground">
                        Add automation system + LED lighting for 15% off combined price
                      </p>
                    </div>
                  </div>
                  <div className="flex items-start gap-3">
                    <CheckCircle2 className="h-6 w-6 text-primary flex-shrink-0 mt-1" />
                    <div>
                      <h4 className="font-bold mb-1">Off-Season Pricing</h4>
                      <p className="text-sm text-muted-foreground">
                        Schedule construction for monsoon season and save up to 10%
                      </p>
                    </div>
                  </div>
                </div>
              </div>

              {/* Terms & Conditions */}
              <div className="bg-muted/50 rounded-lg p-6 mb-8">
                <h3 className="text-lg font-bold mb-3">Important Terms & Conditions</h3>
                <div className="space-y-2 text-xs text-muted-foreground">
                  <p>• All financing subject to credit approval by lending partners</p>
                  <p>• Interest rates and terms vary based on creditworthiness and loan amount</p>
                  <p>• 0% financing available for 12 months on approved credit (minimum ₹30 lakh project)</p>
                  <p>• Payment schedule milestones must be met before next phase begins</p>
                  <p>• Prices subject to change based on material costs and site conditions</p>
                  <p>• Permits, inspections, and utility connections may incur additional fees</p>
                  <p>• Warranty coverage begins upon final completion and payment</p>
                  <p>• Cancellation policy: 50% refund if cancelled before excavation, no refund after construction begins</p>
                </div>
              </div>

              <div className="text-center">
                <p className="text-muted-foreground mb-6">
                  Our financing specialists will work with you to find the best payment solution for your budget. Get pre-qualified in minutes!
                </p>
                <Button asChild size="lg">
                  <Link to="/book-consultation">
                    Schedule Free Consultation
                    <ArrowRight className="ml-2 h-5 w-5" />
                  </Link>
                </Button>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* CTA Section */}
      <section className="py-24 bg-background">
        <div className="container mx-auto px-4">
          <div className="max-w-3xl mx-auto text-center">
            <h2 className="text-4xl font-bold mb-4">
              Ready to Get Your Custom Quote?
            </h2>
            <p className="text-xl text-muted-foreground mb-8">
              Every pool is unique. Schedule a free consultation to discuss your vision, site conditions, and get an accurate estimate for your project.
            </p>
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <Button asChild size="lg">
                <Link to="/book-consultation">
                  Request Free Consultation
                  <ArrowRight className="ml-2 h-5 w-5" />
                </Link>
              </Button>
              <Button asChild variant="outline" size="lg">
                <Link to="/contact">Contact Us</Link>
              </Button>
            </div>
          </div>
        </div>
      </section>

      {/* Internal Links Section */}
      <section className="py-16 bg-muted border-t border-border">
        <div className="container mx-auto px-4">
          <h3 className="text-xl font-semibold text-center mb-8 text-muted-foreground">Explore More</h3>
          <div className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto">
            <Link to="/financing" className="group bg-background rounded-lg p-6 shadow-sm hover:shadow-md transition-shadow border border-border">
              <h4 className="font-semibold text-foreground group-hover:text-primary transition-colors mb-2">Pool Financing Options</h4>
              <p className="text-sm text-muted-foreground">0% interest plans available. Make your dream pool affordable today.</p>
              <span className="text-primary text-sm font-medium mt-3 inline-flex items-center gap-1">Learn more <ArrowRight className="h-3 w-3" /></span>
            </Link>
            <Link to="/contact" className="group bg-background rounded-lg p-6 shadow-sm hover:shadow-md transition-shadow border border-border">
              <h4 className="font-semibold text-foreground group-hover:text-primary transition-colors mb-2">Talk to Our Experts</h4>
              <p className="text-sm text-muted-foreground">Have questions about pricing? Our team is ready to help you plan.</p>
              <span className="text-primary text-sm font-medium mt-3 inline-flex items-center gap-1">Contact us <ArrowRight className="h-3 w-3" /></span>
            </Link>
            <Link to="/blog" className="group bg-background rounded-lg p-6 shadow-sm hover:shadow-md transition-shadow border border-border">
              <h4 className="font-semibold text-foreground group-hover:text-primary transition-colors mb-2">Pool Construction Guides</h4>
              <p className="text-sm text-muted-foreground">Read expert tips on pool types, costs, and what to expect during construction.</p>
              <span className="text-primary text-sm font-medium mt-3 inline-flex items-center gap-1">Read articles <ArrowRight className="h-3 w-3" /></span>
            </Link>
          </div>
        </div>
      </section>
    </div>
    </ProtectedRoute>
  );
}