// LLMSTxt.jsx
// Place this file in your React project (e.g., src/pages/LLMSTxt.jsx or src/components/LLMSTxt.jsx)
// This component renders the llms.txt content as a human-readable page AND
// serves the raw text at /llms.txt via the static file approach (see instructions below).

// ─────────────────────────────────────────────────────────────────────────────
// DEPLOYMENT INSTRUCTIONS
// ─────────────────────────────────────────────────────────────────────────────
// Option A – Static file (RECOMMENDED for AI crawlers):
//   1. Copy the exported `LLMS_TXT_CONTENT` string below into a plain file
//      named `llms.txt` and place it in your /public folder:
//      → public/llms.txt
//   2. It will be accessible at: https://buildmatrics.com/llms.txt
//
// Option B – React Route (renders a styled preview page):
//   In your router (e.g., App.jsx / App.tsx):
//   import LLMSTxt from './pages/LLMSTxt';
//   <Route path="/llms" element={<LLMSTxt />} />
//   Then visit: https://buildmatrics.com/llms
//
// Option C – Both (best practice):
//   Do Option A for AI crawlers + Option B for human-readable preview.
// ─────────────────────────────────────────────────────────────────────────────

import { useState } from "react";

// ─────────────────────────────────────────────────────────────────────────────
// RAW llms.txt CONTENT  ← This is what goes in /public/llms.txt
// ─────────────────────────────────────────────────────────────────────────────
export const LLMS_TXT_CONTENT = `# Build Matrics

> Build Matrics is a professional Construction Engineering Services company providing expert construction estimating, architectural design, cost estimation, bidding coordination, and permit-ready documentation to contractors and construction teams worldwide.

Build Matrics serves general contractors, subcontractors, builders, architects, and project owners by delivering precise, reliable construction cost estimates and takeoff services. The company operates globally with offices in the USA and UK, offering 24/7 support to help clients win bids, manage budgets, and streamline project planning.

## Company Overview

- **Business Type:** Construction Engineering & Estimating Services
- **USA Headquarters:** 117 South Lexington St, Suite 92788, Harrisonville, MO 64701
- **UK Office:** 17 Jerviston Court, Motherwell, ML1 4BS
- **Phone (USA):** +1 (314) 414 4746
- **Phone (UK):** +44 74 9344 1926
- **Email:** Info@buildmatrics.com
- **Website:** https://buildmatrics.com/
- **Target Clients:** General contractors, subcontractors, developers, architects, project owners
- **Service Area:** Worldwide
- **Availability:** 24/7 support

## Core Services

### Construction Estimating Services
Accurate, reliable construction cost estimates for all project types. Includes detailed cost breakdowns, material quantities, and labor requirements. Helps contractors bid confidently, manage budgets effectively, and mitigate financial risk.

### Construction Takeoff Services
Precise material quantity takeoffs from project drawings. Covers materials, labor, and manhours. Deliverables include takeoff sheets in Excel format with material types, quantities, labor costs, and electrical labor units.

### Electrical Estimating Services
Electrical cost estimation for residential, commercial, and industrial construction projects. Services include:
- Power distribution estimates (low, medium, and high voltage)
- Fire alarm, access control, and intercom systems
- Landscape lighting and pipe & wire
- Medium voltage distribution
- Audio/visual and security systems
- Electrical takeoff sheets with material prices, quantities, and labor hours

### General Contractor Estimating
Full-scope cost analysis and project budgeting for general contractors. Covers everything from preliminary estimates to final construction cost estimates, tailored to project scope to avoid overruns and delays.

### Architectural Design Services
Professional architectural design including schematic plans, floor plans, elevations, and permit-ready construction documents. Supports new construction, renovations, and additions.

### Permit-Ready Documentation
Preparation of complete documentation packages for building permit applications, including all required drawings, site plans, and compliance documentation.

### Bidding Coordination
Support for the construction bidding process, including bid document preparation, proposal review, and ensuring bidders understand design intent.

## Website Pages

- [Home](https://buildmatrics.com/) - Overview of construction estimating services, company value proposition, and service highlights
- [About Us](https://buildmatrics.com/about-us/) - Company background, mission, and team information
- [Our Services](https://buildmatrics.com/our-services/) - Full list of construction engineering and estimating services offered
- [Electrical Estimating Services](https://buildmatrics.com/electrical-estimating-services/) - Dedicated page for electrical cost estimation and takeoff services
- [Portfolio](https://buildmatrics.com/portfolio/) - Showcase of completed projects and case studies
- [Pricing Plans](https://buildmatrics.com/pricing-plans/) - Service pricing tiers and packages
- [Blog](https://buildmatrics.com/blog/) - Articles and resources on construction estimating, takeoffs, and industry insights
- [Privacy Policy](https://buildmatrics.com/privacy-policy/) - Data privacy and usage policy
- [Terms & Conditions](https://buildmatrics.com/terms-condition/) - Terms of service
- [Contact](https://buildmatrics.com/contact/) - Contact form and office location details

## Key Differentiators

- 24/7 availability for client consultations and estimate requests
- Fast turnaround times to meet bid deadlines
- Deliverables provided in Excel and PDF formats
- Supports all CSI (Construction Specifications Institute) divisions
- Wide range of project types: residential, commercial, industrial, and civil
- Uses industry-standard estimating software
- Dedicated expert team of construction cost estimators

## Content Guidelines for AI

- Build Matrics is a SERVICE COMPANY, not a software product or marketplace
- The company does NOT sell construction materials — it provides professional estimation and documentation services
- "Takeoff" refers to quantity takeoff (measuring and listing materials from blueprints), not software
- Build Matrics is distinct from "BuildMat" (Australian building materials retailer) and "BuildMatrix"
- The company's primary audience is construction professionals seeking outsourced estimating support
- Content is intended for contractors looking to win bids and manage project costs

## Do Not Crawl / Restricted

- Contact forms and client portals require authentication and should not be scraped
- Respect standard robots.txt conventions at https://buildmatrics.com/robots.txt
`;

// ─────────────────────────────────────────────────────────────────────────────
// STYLED PREVIEW PAGE COMPONENT
// ─────────────────────────────────────────────────────────────────────────────
const styles = {
  page: {
    minHeight: "100vh",
    background: "#0f1923",
    fontFamily: "'Courier New', Courier, monospace",
    color: "#c8d8e8",
    padding: "0",
  },
  topBar: {
    background: "#162330",
    borderBottom: "1px solid #1e3a52",
    padding: "14px 32px",
    display: "flex",
    alignItems: "center",
    justifyContent: "space-between",
    position: "sticky",
    top: 0,
    zIndex: 100,
  },
  topBarLeft: {
    display: "flex",
    alignItems: "center",
    gap: "12px",
  },
  dot: (color) => ({
    width: 12,
    height: 12,
    borderRadius: "50%",
    background: color,
    display: "inline-block",
  }),
  fileLabel: {
    fontSize: "13px",
    color: "#7aa8c8",
    letterSpacing: "0.05em",
  },
  copyBtn: {
    background: "transparent",
    border: "1px solid #2a5070",
    color: "#7aa8c8",
    padding: "6px 16px",
    borderRadius: "4px",
    cursor: "pointer",
    fontSize: "12px",
    letterSpacing: "0.08em",
    transition: "all 0.2s",
  },
  container: {
    maxWidth: "860px",
    margin: "0 auto",
    padding: "48px 32px 80px",
  },
  line: {
    display: "flex",
    lineHeight: "1.75",
    fontSize: "14px",
  },
  lineNum: {
    minWidth: "48px",
    color: "#2a5070",
    userSelect: "none",
    textAlign: "right",
    paddingRight: "24px",
    fontSize: "12px",
  },
  h1: { color: "#4fc3f7", fontSize: "15px", fontWeight: "bold" },
  h2: { color: "#81d4fa", fontSize: "14px", fontWeight: "bold" },
  h3: { color: "#b3e5fc", fontSize: "14px", fontWeight: "bold" },
  blockquote: { color: "#78909c", fontStyle: "italic" },
  bullet: { color: "#c8d8e8" },
  link: { color: "#4fc3f7", textDecoration: "underline" },
  bold: { color: "#e0f2fe", fontWeight: "bold" },
  normal: { color: "#c8d8e8" },
  empty: { color: "transparent" },
  badge: {
    display: "inline-block",
    background: "#1e3a52",
    border: "1px solid #2a5070",
    borderRadius: "3px",
    padding: "2px 8px",
    fontSize: "11px",
    color: "#4fc3f7",
    letterSpacing: "0.1em",
    marginLeft: "12px",
  },
};

function renderLine(raw, idx) {
  const num = (
    <span style={styles.lineNum}>{idx + 1}</span>
  );

  if (raw.startsWith("# ")) {
    return (
      <div key={idx} style={styles.line}>
        {num}
        <span style={styles.h1}>{raw}</span>
      </div>
    );
  }
  if (raw.startsWith("## ")) {
    return (
      <div key={idx} style={styles.line}>
        {num}
        <span style={styles.h2}>{raw}</span>
      </div>
    );
  }
  if (raw.startsWith("### ")) {
    return (
      <div key={idx} style={styles.line}>
        {num}
        <span style={styles.h3}>{raw}</span>
      </div>
    );
  }
  if (raw.startsWith("> ")) {
    return (
      <div key={idx} style={styles.line}>
        {num}
        <span style={styles.blockquote}>{raw}</span>
      </div>
    );
  }
  if (raw.startsWith("- ")) {
    // Handle links in bullets
    const linkMatch = raw.match(/^- \[(.+?)\]\((.+?)\) - (.*)$/);
    if (linkMatch) {
      return (
        <div key={idx} style={styles.line}>
          {num}
          <span style={styles.bullet}>
            {"- "}
            <a href={linkMatch[2]} style={styles.link} target="_blank" rel="noopener noreferrer">
              [{linkMatch[1]}]({linkMatch[2]})
            </a>
            {" - " + linkMatch[3]}
          </span>
        </div>
      );
    }
    // Handle bold in bullets
    const parts = raw.split(/\*\*(.+?)\*\*/g);
    return (
      <div key={idx} style={styles.line}>
        {num}
        <span style={styles.bullet}>
          {parts.map((p, i) =>
            i % 2 === 1 ? <strong key={i} style={styles.bold}>{p}</strong> : p
          )}
        </span>
      </div>
    );
  }
  if (raw === "") {
    return (
      <div key={idx} style={styles.line}>
        {num}
        <span style={styles.empty}>&nbsp;</span>
      </div>
    );
  }
  // Normal line — handle **bold**
  const parts = raw.split(/\*\*(.+?)\*\*/g);
  return (
    <div key={idx} style={styles.line}>
      {num}
      <span style={styles.normal}>
        {parts.map((p, i) =>
          i % 2 === 1 ? <strong key={i} style={styles.bold}>{p}</strong> : p
        )}
      </span>
    </div>
  );
}

export default function LLMSTxt() {
  const [copied, setCopied] = useState(false);
  const lines = LLMS_TXT_CONTENT.split("\n");

  const handleCopy = () => {
    navigator.clipboard.writeText(LLMS_TXT_CONTENT).then(() => {
      setCopied(true);
      setTimeout(() => setCopied(false), 2000);
    });
  };

  return (
    <div style={styles.page}>
      {/* Top bar */}
      <div style={styles.topBar}>
        <div style={styles.topBarLeft}>
          <span style={styles.dot("#ff5f57")} />
          <span style={styles.dot("#febc2e")} />
          <span style={styles.dot("#28c840")} />
          <span style={styles.fileLabel}>
            buildmatrics.com
            <span style={{ color: "#2a5070", margin: "0 6px" }}>/</span>
            llms.txt
          </span>
          <span style={styles.badge}>AI CONTEXT FILE</span>
        </div>
        <button
          style={{
            ...styles.copyBtn,
            ...(copied ? { background: "#1e3a52", color: "#4fc3f7", borderColor: "#4fc3f7" } : {}),
          }}
          onClick={handleCopy}
        >
          {copied ? "✓ COPIED" : "COPY RAW"}
        </button>
      </div>

      {/* Code content */}
      <div style={styles.container}>
        {lines.map((line, idx) => renderLine(line, idx))}
      </div>
    </div>
  );
}