import { useState } from "react";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
import { motion } from "framer-motion";
import {
Leaf,
Star,
CheckCircle,
Phone,
Mail,
MapPin,
Truck,
} from "lucide-react";
/*
A conversion‑optimized landing page for Hey Jude's Lawn Care leaf cleanup service.
This layout puts trust first, then collects simple inputs in a friendly stepper.
*/
export default function LeafCleanupPage() {
const [step, setStep] = useState(1);
const [form, setForm] = useState({
size: "",
coverage: "",
difficulty: "",
haul: "",
});
const nextStep = () => {
if (step < 4) setStep(step + 1);
};
const prevStep = () => {
if (step > 1) setStep(step - 1);
};
const handleChange = (key: string, value: string) => {
setForm((prev) => ({ ...prev, [key]: value }));
};
// Placeholder calculation for demonstration; in production this could call your pricing logic.
const estimatedRange = () => {
if (form.size && form.coverage && form.difficulty) {
return "$150 – $350";
}
return "$0 – $0";
};
return (
{/* Header with logo and phone CTA */}
{/* Hero section */}
Get Your Exact Leaf Cleanup Price in 60 Seconds
Tell us a little about your yard and we'll calculate your exact quote
instantly – no surprises, no pressure and no spammy phone calls.
100+ 5‑star reviews
Locally owned & operated
We haul & dispose of leaves properly
{/* Main content container */}
{/* Stepper and form card */}
{step < 4 ? `Step ${step} of 4` : 'Your Estimate'}
{step === 1 && (
)}
{step === 2 && (
)}
{step === 3 && (
)}
{step === 4 && (
)}
{/* Navigation buttons */}
{step < 4 ? (
) : (
)}
{/* Estimated range display */}
{step === 4 && (
Your estimated leaf cleanup cost
{estimatedRange()}
This is a ballpark estimate based on your answers. To confirm
this estimate and get scheduled, tap "Confirm & Continue".
)}
{/* Secondary content: trust and highlights */}
Why choose Hey Jude's?
-
Local & family‑owned. We're your neighbors in
Rock Hill, not a big franchise.
-
Fair pricing. Transparent quotes without hidden
fees or upsells.
-
Fast & reliable. We show up on time and get
your yard looking spotless.
{/* Testimonials */}
What our customers say
“Hey Jude’s made our fall cleanup a breeze! They were
prompt, courteous and left our yard spotless.”
– Sarah L.
“Outstanding service and fair pricing. Jude and his team
truly care about their customers.”
– Mike R.
“I love supporting local businesses and Hey Jude’s always
delivers beyond expectations.”
– Karen P.
{/* Footer */}
);
}