"use client"

import { Package } from "lucide-react"
import { Card, CardContent } from "@/components/ui/card"
import { RequestMachineForm } from "@/components/forms/request-machine-form"

export function RequestMachineSection() {

  return (
    <section id="request-machine" className="py-16 md:py-24 bg-background">
      <div className="container mx-auto px-4">
        <div className="max-w-3xl mx-auto">
          <div className="text-center mb-12">
            <div className="inline-flex items-center justify-center gap-2 mb-4">
              <Package className="h-6 w-6 text-secondary" />
              <h2 className="text-3xl md:text-4xl font-bold tracking-tight text-balance">Get Your FREE Vending Machine Consultation</h2>
            </div>
            <p className="text-lg text-muted-foreground text-pretty leading-relaxed">
              Fill out the form below and we'll call you within 24 hours to discuss your vending needs and schedule your free consultation
            </p>
          </div>

          <Card className="border-border transition-colors">
            <CardContent className="p-6 md:p-8">
              <RequestMachineForm onSubmit={(data) => console.log('Machine request form submitted:', data)} />
            </CardContent>
          </Card>
        </div>
      </div>
    </section>
  )
}