import { Link } from "react-router";
import { Button } from '@/components/ui/button';
import { CheckCircle2, ArrowRight, Info } from 'lucide-react';
import SEO from '@/components/SEO';
import { Helmet } from '@dr.pogodin/react-helmet';
import { ProtectedRoute } from '@/components/ProtectedRoute';
const baseUrl = 'https://swimmingpoolpro.in';
const pricingSchema = {
  '@context': 'https://schema.org',
  '@type': 'ItemList',
  name: 'Swimming Pool Construction Packages — Aqua Technic Hyderabad',
  description: 'Transparent pricing for swimming pool construction in Hyderabad. Essential, Premium, and Luxury packages with full inclusions.',
  url: `${baseUrl}/pricing`,
  numberOfItems: 3,
  itemListElement: [{
    '@type': 'ListItem',
    position: 1,
    item: {
      '@type': 'Product',
      name: 'Essential Pool Package',
      description: 'Standard rectangular or kidney-shaped pool, 12×24 to 16×32 ft, plaster or pebble finish, standard filtration, LED pool lighting, basic coping and decking. Ideal for families seeking quality and value.',
      brand: {
        '@id': `${baseUrl}/#organization`
      },
      offers: {
        '@type': 'AggregateOffer',
        priceCurrency: 'INR',
        lowPrice: 3800000,
        highPrice: 5500000,
        offerCount: 1,
        seller: {
          '@id': `${baseUrl}/#organization`
        },
        priceValidUntil: '2026-12-31',
        availability: 'https://schema.org/InStock',
        url: `${baseUrl}/pricing`
      }
    }
  }, {
    '@type': 'ListItem',
    position: 2,
    item: {
      '@type': 'Product',
      name: 'Premium Pool Package',
      description: 'Custom freeform or geometric design up to 20×40 ft, premium tile or aggregate finish, variable speed pump, heater, colour-changing LED system, upgraded coping and decking, one water feature, tanning ledge.',
      brand: {
        '@id': `${baseUrl}/#organization`
      },
      offers: {
        '@type': 'AggregateOffer',
        priceCurrency: 'INR',
        lowPrice: 5500000,
        highPrice: 8000000,
        offerCount: 1,
        seller: {
          '@id': `${baseUrl}/#organization`
        },
        priceValidUntil: '2026-12-31',
        availability: 'https://schema.org/InStock',
        url: `${baseUrl}/pricing`
      }
    }
  }, {
    '@type': 'ListItem',
    position: 3,
    item: {
      '@type': 'Product',
      name: 'Luxury Pool Package',
      description: 'Fully custom architectural design, infinity or vanishing edge option, premium glass tile or custom finishes, full smart automation, multiple water features, spa or hot tub integration, premium outdoor kitchen and cabana.',
      brand: {
        '@id': `${baseUrl}/#organization`
      },
      offers: {
        '@type': 'AggregateOffer',
        priceCurrency: 'INR',
        lowPrice: 8000000,
        highPrice: 12500000,
        offerCount: 1,
        seller: {
          '@id': `${baseUrl}/#organization`
        },
        priceValidUntil: '2026-12-31',
        availability: 'https://schema.org/InStock',
        url: `${baseUrl}/pricing`
      }
    }
  }]
};
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`} />
      <Helmet>
        <title>Swimming Pool Prices in Hyderabad — ₹38L to ₹1.25Cr+ | Aqua Technic</title>
        <meta name="description" content="Transparent pool construction pricing in Hyderabad. Essential pools from ₹38L, Premium ₹55L–₹80L, Luxury ₹80L–₹1.25Cr+. 0% financing available." />
        <link rel="canonical" href={`${baseUrl}/pricing`} />
        <meta property="og:title" content="Swimming Pool Prices in Hyderabad | Aqua Technic Pricing Guide" />
        <meta property="og:description" content="Transparent pool construction pricing in Hyderabad. Essential from ₹38L, Premium ₹55L–₹80L, Luxury ₹80L–₹1.25Cr+." />
        <meta property="og:url" content={`${baseUrl}/pricing`} />
        <meta property="og:type" content="website" />
        <meta property="og:image" content="https://swimmingpoolpro.in/og-image.svg" />
        <meta property="og:locale" content="en_IN" />
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:site" content="@aquatechnicin" />
        <meta name="twitter:title" content="Swimming Pool Prices in Hyderabad | Aqua Technic" />
        <meta name="twitter:description" content="Transparent pool construction pricing in Hyderabad. Essential from ₹38L, Premium ₹55L–₹80L, Luxury ₹80L–₹1.25Cr+." />
        <meta name="twitter:image" content="https://swimmingpoolpro.in/og-image.svg" />
        <script type="application/ld+json">{JSON.stringify(pricingSchema)}</script>
      </Helmet>
    <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="/airo-assets/images/pages/pricing/essential-pool" 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="/airo-assets/images/pages/pricing/premium-pool" 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="/airo-assets/images/pages/pricing/luxury-pool" 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>;
}