Before/After Image Slider

import { Reveal1 } from "@/components/ui/reveal1";

export default function Default() {
  return (
    <Reveal1
      heading="See the Transformation"
      description="Drag the slider to compare the before and after results. Experience the difference our solution makes."
      beforeImage={{
        src: "https://images.unsplash.com/photo-1558370781-d6196949e317?q=80&w=2958&auto=format&fit=crop&sat=-100",
        alt: "Before",
      }}
      afterImage={{
        src: "https://images.unsplash.com/photo-1558370781-d6196949e317?q=80&w=2958&auto=format&fit=crop",
        alt: "After",
      }}
      beforeLabel="Before"
      afterLabel="After"
      showLabels
    />
  );
}