export interface ServiceItem {
  id: number;
  step: string;
  title: string;
  description: string;
  images: {
    light: string;
    dark: string;
    alt: string;
  };
}

export interface ServicesData {
  subtitle: string;
  title: string;
  decorativeShapes: {
    shape1: string;
    shape2: string;
    alt: string;
  };
  services: ServiceItem[];
}

export const servicesData: ServicesData = {
  subtitle: "Working Process",
  title: "Build Conversion-Ready Pages Effortlessly in 3 Steps.",
  decorativeShapes: {
    shape1: "/assets/images/event/shape.png",
    shape2: "/assets/images/event/shape2.png",
    alt: "Decorative Shape",
  },
  services: [
    {
      id: 1,
      step: "Start Plan",
      title: "Use a Template or Design Your Own Mind!",
      description: "Start your website journey by selecting a ready-made template or creating your design from scratch.",
      images: {
        light: "/assets/images/service/ser1-1.png",
        dark: "/assets/images/service/ser1-1-dark.png",
        alt: "Template Start Plan Illustration",
      },
    },
    {
      id: 2,
      step: "Structure",
      title: "Customize with Drag & Drop Editor",
      description: "Easily personalize your website using our intuitive drag-and-drop editor, no coding required.",
      images: {
        light: "/assets/images/service/ser1-2.png",
        dark: "/assets/images/service/ser1-2-dark.png",
        alt: "Drag & Drop Editor Illustration",
      },
    },
    {
      id: 3,
      step: "Go Live",
      title: "Polish Your Site and Launch",
      description: "Finalize every detail of your website and get it ready for the world. Optimize performance, ensure mobile.",
      images: {
        light: "/assets/images/service/ser1-3.png",
        dark: "/assets/images/service/ser1-3-dark.png",
        alt: "Go Live Illustration",
      },
    },
  ],
};