import type { Section } from "@/types/builder";
import { generateId } from "@/store/builder-store";

export const nonprofitHero: Section = {
  id: `section-${generateId("section")}`,
  type: "regular",
  rows: [
    {
      id: `row-${generateId("row")}`,
      columns: [
        {
          id: `column-${generateId("column")}`,
          width: 100,
          elements: [
            {
              id: `element-${generateId("element")}-1`,
              type: "heading",
              content: "Together, We Can Change Lives",
              settings: {
                fontSize: 64,
                fontWeight: "bold",
                textAlign: "center",
                paddingTop: 0,
                paddingRight: 0,
                paddingBottom: 0,
                paddingLeft: 0,
                marginTop: 0,
                marginRight: 0,
                marginBottom: 24,
                marginLeft: 0,
                color: { light: "white", dark: "white" },
                lineHeight: 1.1,
                letterSpacing: "-0.02em",
              },
            },
            {
              id: `element-${generateId("element")}-2`,
              type: "text",
              content:
                "Every child deserves access to clean water, education, and healthcare. With your support, we've already impacted 50,000+ lives across 15 countries. Help us reach 100,000 by the end of this year.",
              settings: {
                fontSize: 20,
                textAlign: "center",
                paddingTop: 0,
                paddingRight: 0,
                paddingBottom: 0,
                paddingLeft: 0,
                marginTop: 0,
                marginRight: "auto",
                marginBottom: 40,
                marginLeft: "auto",
                color: {
                  light: "rgba(255,255,255,0.9)",
                  dark: "rgba(255,255,255,0.9)",
                },
                lineHeight: 1.6,
                maxWidth: "700px",
              },
            },
            {
              id: `element-${generateId("element")}-3`,
              type: "button",
              content: "Donate Now",
              settings: {
                backgroundColor: { light: "orange-500", dark: "orange-500" },
                hoverBackgroundColor: {
                  light: "orange-600",
                  dark: "orange-600",
                },
                color: { light: "white", dark: "white" },
                fontSize: 20,
                fontWeight: "bold",
                textAlign: "center",
                paddingTop: 20,
                paddingRight: 40,
                paddingBottom: 20,
                paddingLeft: 40,
                marginTop: 0,
                marginRight: 16,
                marginBottom: 0,
                marginLeft: 0,
                borderRadius: 50,
                width: "auto",
                display: "inline-block",
                boxShadow: "0 8px 25px -8px rgba(249, 115, 22, 0.4)",
              },
            },
            {
              id: `element-${generateId("element")}-4`,
              type: "button",
              content: "Learn Our Impact",
              settings: {
                backgroundColor: "transparent",
                borderColor: { light: "white", dark: "white" },
                borderWidth: 2,
                borderStyle: "solid",
                hoverBackgroundColor: {
                  light: "rgba(255,255,255,0.1)",
                  dark: "rgba(255,255,255,0.1)",
                },
                color: { light: "white", dark: "white" },
                fontSize: 18,
                fontWeight: "semibold",
                textAlign: "center",
                paddingTop: 18,
                paddingRight: 36,
                paddingBottom: 18,
                paddingLeft: 36,
                marginTop: 0,
                marginRight: 0,
                marginBottom: 0,
                marginLeft: 0,
                borderRadius: 50,
                width: "auto",
                display: "inline-block",
              },
            },
            {
              id: `element-${generateId("element")}-5`,
              type: "text",
              content:
                "💝 $25 = Clean water for one child for a year  •  📚 $50 = School supplies for one child  •  🏥 $100 = Medical care for a family",
              settings: {
                fontSize: 16,
                textAlign: "center",
                paddingTop: 48,
                paddingRight: 0,
                paddingBottom: 0,
                paddingLeft: 0,
                marginTop: 0,
                marginRight: 0,
                marginBottom: 32,
                marginLeft: 0,
                color: {
                  light: "rgba(255,255,255,0.8)",
                  dark: "rgba(255,255,255,0.8)",
                },
                lineHeight: 1.5,
              },
            },
            {
              id: `element-${generateId("element")}-6`,
              type: "text",
              content: "50,000+",
              settings: {
                fontSize: 48,
                fontWeight: "bold",
                textAlign: "center",
                paddingTop: 0,
                paddingRight: 0,
                paddingBottom: 0,
                paddingLeft: 0,
                marginTop: 0,
                marginRight: 0,
                marginBottom: 8,
                marginLeft: 0,
                color: { light: "orange-300", dark: "orange-300" },
                lineHeight: 1,
              },
            },
            {
              id: `element-${generateId("element")}-7`,
              type: "text",
              content: "Lives Changed This Year",
              settings: {
                fontSize: 16,
                textAlign: "center",
                paddingTop: 0,
                paddingRight: 0,
                paddingBottom: 0,
                paddingLeft: 0,
                marginTop: 0,
                marginRight: 0,
                marginBottom: 0,
                marginLeft: 0,
                color: {
                  light: "rgba(255,255,255,0.7)",
                  dark: "rgba(255,255,255,0.7)",
                },
                lineHeight: 1.5,
                textTransform: "uppercase",
                letterSpacing: "0.05em",
              },
            },
          ],
          settings: {
            paddingTop: 120,
            paddingRight: 40,
            paddingBottom: 120,
            paddingLeft: 40,
            textAlign: "center",
            display: "flex",
            flexDirection: "column",
            alignItems: "center",
            justifyContent: "center",
          },
          nestingLevel: 1,
        },
      ],
      settings: {
        maxWidth: "1200px",
        paddingTop: 0,
        paddingRight: 20,
        paddingBottom: 0,
        paddingLeft: 20,
        verticalAlign: "middle",
        marginLeft: "auto",
        marginRight: "auto",
      },
      nestingLevel: 1,
    },
  ],
  settings: {
    backgroundImage:
      "url('/placeholder.svg?height=800&width=1200&text=Children+Smiling')",
    backgroundSize: "cover",
    backgroundPosition: "center",
    background:
      "linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/placeholder.svg?height=800&width=1200&text=Children+Smiling')",
    paddingTop: 0,
    paddingRight: 0,
    paddingBottom: 0,
    paddingLeft: 0,
    marginTop: 0,
    marginRight: 0,
    marginBottom: 0,
    marginLeft: 0,
    minHeight: "100vh",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
  },
  name: "Nonprofit Hero",
  description:
    "Emotional nonprofit hero section with donation focus and impact statistics",
  category: "hero",
  snapshots: {
    card: "",
    preview: "",
  },
};
