DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
32 lines
1.3 KiB
TypeScript
32 lines
1.3 KiB
TypeScript
"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>
|
|
)
|
|
}
|