Production-Ready UI Blocks

"use client"

import { Testimonials } from "@/components/testimonials"

export default function TestimonialsPage() {
  return (
    <div className="bg-background flex min-h-screen w-full items-center justify-center">
      <div className="mx-auto w-full max-w-7xl p-6">
        <div className="space-y-8">
          <div className="space-y-4 text-center">
            <h1 className="text-4xl font-bold tracking-tight sm:text-5xl lg:text-6xl">
              What our customers are saying
            </h1>
            <p className="text-muted-foreground mx-auto max-w-2xl text-base sm:text-lg">
              Hear from developers and teams who are building the future with
              our tools.
            </p>
          </div>

          <Testimonials />
        </div>
      </div>
    </div>
  )
}

"use client"

import {
  InteractiveFeatureShowcase,
  VideoFeature,
} from "@/components/interactive-feature-showcase"

// Video features with actual Vidzflow iframe sources
const sampleVideoFeatures: VideoFeature[] = [
  {
    id: "citations",
    title: "AI you can validate, with pinpoint citations.",
    description:
      "Click on citations to verify answers quickly in the underlying primary documents. AI that helps lawyers catch every nuance.",
    iframeSrc:
      "https://app.vidzflow.com/v/DwSjOnvoPL?dq=1080&ap=true&muted=true&loop=true&ctp=true&bv=false&piv=true&playsinline=true&bc=%234E5FFD&controls=play",
    videoTitle: "View Citations and Verify",
    link: "https://example.com",
  },
  {
    id: "redlines",
    title: "Redlines, refined.",
    description:
      "Live contract editing with our world-leading Legal AI. Leverage your precedent to review with finesse.",
    iframeSrc:
      "https://app.vidzflow.com/v/1zDeWiA0LC?dq=1080&ap=true&muted=true&loop=true&ctp=true&bv=false&piv=true&playsinline=true&bc=%234E5FFD&controls=play",
    videoTitle: "Edit MSA with Precedent",
    link: "https://example.com",
  },
  {
    id: "search",
    title: "Robins never forget.",
    description:
      "Leverage every legal document you've ever negotiated. Precedents are easily uncovered and can be quickly leveraged.",
    iframeSrc:
      "https://app.vidzflow.com/v/pV5yFJ1EuM?dq=1080&ap=true&muted=true&loop=true&ctp=true&bv=false&piv=true&playsinline=true&bc=%234E5FFD&controls=play",
    videoTitle: "Search Contract Repository",
    link: "https://example.com",
  },
  {
    id: "integration",
    title: "Integration without objections.",
    description:
      "Connect Robin with your most important systems. Import documents at scale in a click with the out-the-box integrations.",
    iframeSrc:
      "https://app.vidzflow.com/v/SjbvqOEPED?dq=1080&ap=true&muted=true&loop=true&ctp=true&bv=false&piv=true&playsinline=true&bc=%234E5FFD&controls=play",
    videoTitle: "Bulk Import Contracts",
    link: "https://example.com",
  },
]

export default function InteractiveFeatureShowcasePage() {
  return (
    <div className="bg-background min-h-screen w-full">
      <div className="mx-auto max-w-7xl p-6">
        <div className="space-y-8">
          <div className="space-y-4 text-center">
            <h2 className="text-4xl font-bold tracking-tight sm:text-5xl lg:text-6xl">
              Interactive Features
            </h2>
            <p className="text-muted-foreground mx-auto max-w-2xl text-base sm:text-lg">
              Discover powerful tools and integrations that enhance your
              workflow with cutting-edge AI capabilities.
            </p>
          </div>

          <InteractiveFeatureShowcase
            features={sampleVideoFeatures}
            variant="inner-card"
          />
        </div>
      </div>
    </div>
  )
}

"use client"

import { MapboxPointer } from "@/registry/delta-ui/delta/mapbox-pointer"

export default function MapboxGridBlockPage() {
  return (
    <div className="bg-background flex min-h-screen w-full items-center justify-center">
      <div className="mx-auto w-full max-w-7xl p-6">
        <div className="space-y-8">
          <div className="space-y-4 text-center">
            <h1 className="text-4xl font-bold tracking-tight sm:text-5xl lg:text-6xl">
              Where we're cooking
            </h1>
            <p className="text-muted-foreground mx-auto max-w-2xl text-base sm:text-lg">
              Building the future from three world-class innovation hubs
            </p>
          </div>

          <div className="grid grid-cols-1 gap-6 md:grid-cols-3">
            {/* New York City */}
            <div className="space-y-3">
              <MapboxPointer
                latitude={40.7128}
                longitude={-74.006}
                zoom={11}
                markerColor="#679BFF"
                className="aspect-square w-full"
                label="New York City"
                interactive={false}
              />
            </div>

            {/* SF Bay Area */}
            <div className="space-y-3">
              <MapboxPointer
                latitude={37.7749}
                longitude={-122.4194}
                zoom={11}
                markerColor="#679BFF"
                className="aspect-square w-full"
                label="San Francisco"
                interactive={false}
              />
            </div>

            {/* London */}
            <div className="space-y-3">
              <MapboxPointer
                latitude={51.5074}
                longitude={-0.1278}
                zoom={11}
                markerColor="#679BFF"
                className="aspect-square w-full"
                label="London"
                interactive={false}
              />
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}