export interface FeatureItem {
  id: number;
  number: string;
  title: string;
  description: string;
  images: {
    light: string;
    dark: string;
    alt: string;
  };
  features?: string[];
  variant?: string;
  videoLink?: string;
}

export interface FeaturesData {
  subtitle: string;
  title: string;
  description: string;
  features: FeatureItem[];
}

export const featuresData: FeaturesData = {
  subtitle: "Powerful AI Features",
  title: "All-in-One Tools to Power Your Website's Growth",
  description: "Our platform comes packed with powerful features that make building and scaling your website effortless.",
  features: [
    {
      id: 1,
      number: "01",
      title: "Drag & Drop Editor — No Coding Required",
      description: "Easily design and customize your website with our intuitive drag-and-drop editor—no coding needed.",
      images: {
        light: "/assets/images/feature/feature1-1.png",
        dark: "/assets/images/feature/feature1-1-dark.png",
        alt: "Drag & Drop Editor illustration",
      },
    },
    {
      id: 2,
      number: "02",
      title: "AI-Driven Content & Layout Guidance",
      description: "Leverage AI to instantly generate engaging copy and visually appealing layouts for your website.",
      images: {
        light: "/assets/images/feature/feature1-2.png",
        dark: "/assets/images/feature/feature1-2-dark.png",
        alt: "AI-driven content and layout illustration",
      },
    },
    {
      id: 3,
      number: "03",
      title: "200+ Ready-to-Use Templates",
      description: "Get a head start with 200+ professionally designed templates ready to use for your projects.",
      images: {
        light: "/assets/images/feature/feature1-3.png",
        dark: "/assets/images/feature/feature1-3-dark.png",
        alt: "Pre-made templates illustration",
      },
    },
    {
      id: 4,
      number: "04",
      title: "Optimized for Speed & Conversions",
      description: "Fast, smooth, and conversion-ready—designed to engage visitors and drive results instantly.",
      images: {
        light: "/assets/images/feature/feature1-4.png",
        dark: "/assets/images/feature/feature1-4-dark.png",
        alt: "Website speed and conversion optimization illustration",
      },
    },
    {
      id: 5,
      number: "05",
      title: "Wireframes Turned Into Design Guides",
      description: "Turn your initial wireframes into comprehensive design guides that ensure clarity and consistency.",
      images: {
        light: "/assets/images/feature/feature1-5.png",
        dark: "/assets/images/feature/feature1-5-dark.png",
        alt: "Feature demo video thumbnail",
      },
      features: [
        "Consistent Visual Language",
        "Responsive Design Guidelines",
        "Collaboration-Ready Documentation",
      ],
      variant: "v2",
      videoLink: "https://www.youtube.com/embed/ScMzIvxBSi4",
    },
  ],
};