{ const [formData, setFormData] = useState({ clientName: ‘’, projectAddress: ‘’, phone: ‘’, email: ‘’, month: ‘’, year: ‘2026’, packageType: ‘’, policyAccepted: false, phase1: { approved: false, signature: ‘’, date: ‘’ }, phase2: { approved: false, signature: ‘’, date: ‘’ }, phase3: { approved: false, signature: ‘’, date: ‘’ }, phase4: { approved: false, signature: ‘’, date: ‘’ }, phase5: { approved: false, signature: ‘’, date: ‘’ }, phase6: { approved: false, signature: ‘’, date: ‘’ } }); const months = [ ‘January’, ‘February’, ‘March’, ‘April’, ‘May’, ‘June’, ‘July’, ‘August’, ‘September’, ‘October’, ‘November’, ‘December’ ]; const handleInputChange = (field, value) => { setFormData(prev => ({ …prev, [field]: value })); }; const handlePhaseChange = (phase, field, value) => { setFormData(prev => ({ …prev, [phase]: { …prev[phase], [field]: value } })); }; const handlePrint = () => { window.print(); }; return (

{/* Header */}

BURGER’S CABINET SHOP

2026 Cabinet Selection & Approval Form

``` {/* Client Information */}

CLIENT INFORMATION

Client Name handleInputChange('clientName', e.target.value)} className="w-full border-2 border-gray-300 rounded p-2" placeholder="Full Name" />

Project Month/Year

Project Address handleInputChange('projectAddress', e.target.value)} className="w-full border-2 border-gray-300 rounded p-2" placeholder="Street Address" />

Phone Number handleInputChange('phone', e.target.value)} className="w-full border-2 border-gray-300 rounded p-2" placeholder="(555) 123-4567" />

Email Address handleInputChange('email', e.target.value)} className="w-full border-2 border-gray-300 rounded p-2" placeholder="email@example.com" />

{/* Design Package Overview */}

DESIGN PACKAGE OVERVIEW

Select the package that best fits your vision and project needs. Each package is designed to guide you through the process with clarity and confidence.

{/* Standard Package */}

handleInputChange('packageType', 'standard')} className="mt-1 mr-3 w-5 h-5" />

□ STANDARD PACKAGE

Simple. Proven. Efficient.

A streamlined design package built around a limited, pre-selected palette of finishes and materials we know work beautifully together. Ideal for clients who want a clean, timeless result with minimal decision-making.

✔ Curated core colors & materials
✔ Proven layouts and cabinet standards
✔ Fast approvals and predictable timelines
✔ Best value and most efficient process

Best for: Clients who want great design without overthinking every detail.

{/* Non-Standard Package */}

handleInputChange('packageType', 'non-standard')} className="mt-1 mr-3 w-5 h-5" />

□ NON-STANDARD PACKAGE

Personalized, with guardrails.

An expanded design option that allows for additional finish choices, select upgrades, and light customization while still maintaining a clear framework to keep the project moving smoothly.

✔ Broader finish and material selections
✔ Select pattern, hardware, and detail upgrades
✔ Moderate flexibility without open-ended revisions
✔ Balanced creativity + efficiency

Best for: Clients who want a tailored look while staying within a structured process.

{/* Curated Custom Package */}

handleInputChange('packageType', 'curated-custom')} className="mt-1 mr-3 w-5 h-5" />

□ CURATED CUSTOM PACKAGE

Design-led. Intentional. Thoughtfully customized.

Our most design-forward package. This option allows for deeper customization, unique motifs, and elevated detailing—guided by our team's expertise to ensure cohesion, feasibility, and buildability.

This is not unlimited customization. All selections are curated, reviewed, and approved through a defined process to protect quality, schedule, and budget.

✔ Concept-driven design and visual cohesion
✔ Custom elements within defined parameters
✔ Designer-guided selections (not infinite options)
✔ Highest level of collaboration and refinement

Best for: Clients who want a distinctive, elevated space and trust the design-build process.

{/* Project Phases & Client Approvals */}

PROJECT PHASES & CLIENT APPROVALS

This project follows a clear, step-by-step process. Each phase requires approval before moving forward.

{/* Phase 1 */}

PHASE 1 – CONTRACT & LAYOUT APPROVAL

Contract signed based on approved floor plan and scope

handlePhaseChange('phase1', 'approved', e.target.checked)} className="mr-2 w-5 h-5" /> ☐ Approved

Client Signature handlePhaseChange('phase1', 'signature', e.target.value)} className="w-full border-b-2 border-gray-400 p-1 font-cursive" placeholder="Sign here" />

Date handlePhaseChange('phase1', 'date', e.target.value)} className="w-full border-2 border-gray-300 rounded p-1 text-sm" />

{/* Phase 2 */}

PHASE 2 – DESIGN PACKAGE SELECTION

☐ Design package selected (Standard / Non-Standard / Curated Custom)

☐ Overall design direction approved

handlePhaseChange('phase2', 'approved', e.target.checked)} className="mr-2 w-5 h-5" /> ☐ Approved

Client Signature handlePhaseChange('phase2', 'signature', e.target.value)} className="w-full border-b-2 border-gray-400 p-1 font-cursive" placeholder="Sign here" />

Date handlePhaseChange('phase2', 'date', e.target.value)} className="w-full border-2 border-gray-300 rounded p-1 text-sm" />

{/* Phase 3 */}

PHASE 3 – DRAWINGS & RENDERINGS

☐ Final drawings and/or renderings reviewed and approved

handlePhaseChange('phase3', 'approved', e.target.checked)} className="mr-2 w-5 h-5" /> ☐ Approved

Client Signature handlePhaseChange('phase3', 'signature', e.target.value)} className="w-full border-b-2 border-gray-400 p-1 font-cursive" placeholder="Sign here" />

Date handlePhaseChange('phase3', 'date', e.target.value)} className="w-full border-2 border-gray-300 rounded p-1 text-sm" />

{/* Phase 4 */}

PHASE 4 – ORDERING MATERIALS

☐ Materials released for ordering

(Changes after this point may incur additional costs)

handlePhaseChange('phase4', 'approved', e.target.checked)} className="mr-2 w-5 h-5" /> ☐ Approved

Client Signature handlePhaseChange('phase4', 'signature', e.target.value)} className="w-full border-b-2 border-gray-400 p-1 font-cursive" placeholder="Sign here" />

Date handlePhaseChange('phase4', 'date', e.target.value)} className="w-full border-2 border-gray-300 rounded p-1 text-sm" />

{/* Phase 5 */}

PHASE 5 – FABRICATION

☐ Cabinets enter production

handlePhaseChange('phase5', 'approved', e.target.checked)} className="mr-2 w-5 h-5" /> ☐ Approved

Client Signature handlePhaseChange('phase5', 'signature', e.target.value)} className="w-full border-b-2 border-gray-400 p-1 font-cursive" placeholder="Sign here" />

Date handlePhaseChange('phase5', 'date', e.target.value)} className="w-full border-2 border-gray-300 rounded p-1 text-sm" />

{/* Phase 6 */}

PHASE 6 – DELIVERY & INSTALLATION

☐ Delivery and installation completed

handlePhaseChange('phase6', 'approved', e.target.checked)} className="mr-2 w-5 h-5" /> ☐ Approved

Client Signature handlePhaseChange('phase6', 'signature', e.target.value)} className="w-full border-b-2 border-gray-400 p-1 font-cursive" placeholder="Sign here" />

Date handlePhaseChange('phase6', 'date', e.target.value)} className="w-full border-2 border-gray-300 rounded p-1 text-sm" />

{/* Change Policy */}

CHANGE POLICY (PAY-TO-PLAY, EXPLAINED CLEARLY)

We understand that clarity builds confidence. Our policy is designed to be fair to both the client and the builder.

✔

Items removed before ordering or fabrication and that do not affect the overall design or layout will not be charged

✔

We do not charge for work that is not built

⛔

Changes after materials are ordered or fabrication begins may require a change order

⛔

Excessive revisions beyond the selected package scope may incur additional design fees

Our goal is to help you make confident decisions early—so the process stays smooth, efficient, and enjoyable.

handleInputChange('policyAccepted', e.target.checked)} className="mt-1 mr-3 w-5 h-5" /> ☐ Policy Read, Understood & Accepted

{/* Final Confirmation */}

FINAL CONFIRMATION

By signing below, I acknowledge that I have reviewed and approved each phase of the cabinet selection and construction process. I understand the change policy and agree to the terms outlined in this document.

Client Name (Print)

Date

Client Signature

Burger's Cabinet Shop • 2026

Thank you for choosing us for your custom cabinet needs!

This form serves as a record of client selections and approvals throughout the project lifecycle.

{/* Print Button */}

``` ); }; export default BurgersSelectionForm;>