import { c as P } from "./chunk-3YVJ2ELD.js";
import { a as y } from "./chunk-RJYZ5FAR.js";
import { f as y$1 } from "./chunk-5YRC3IT3.js";
import { b as u$1, d as m } from "./chunk-4BTB3MU2.js";
import { b as s, d as b } from "./chunk-ZTZJHY4E.js";
import { c as y$2 } from "./chunk-CZRCW5EN.js";
import { d as f, b as u } from "./chunk-SWLUQVK7.js";
import { c } from "./chunk-OHNYCXPX.js";
import { BsAlphabetUppercase } from "../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.1.1/node_modules/react-icons/bs/index.js";
import { Type } from "@sinclair/typebox";
/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
var C = y({ type: "hero", category: "basic", name: "Hero", description: "A big textual element for home pages.", aiInstructions: `Displays a large text element that can be used to display a title and an optional tagline.
Typically used on home pages to grab the user's attention. It's better NOT to provide the colorPreset prop so that the Hero inherits the background of its parent box or section.`, icon: BsAlphabetUppercase, defaultWidth: { desktop: "60dvw", mobile: "auto" }, staticClasses: "flex-col", props: P({ content: y$1({ title: "Hero title", default: "<h1 style='text-align:center'>Lorem Ipsum<br />dolor sit amet</h1>" }), tagline: Type.Optional(y$1({ title: "Hero tagline", default: "<p style='text-align:center'>Use our platform to build your business with confidence.</p>" })), colorPreset: Type.Optional(y$2({ title: "Color" })), textShadow: Type.Optional(m({ default: "text-shadow-sm" })), padding: Type.Optional(c({ default: "6rem", description: "Padding inside the hero.", "ai:instructions": "Use only a single value like '1rem' or '10px'", title: "Padding", "ui:responsive": true, "ui:placeholder": "Not specified", "ui:styleId": "styles:padding" })), rounding: Type.Optional(b({ default: "rounded-md" })), border: Type.Optional(s()), shadow: Type.Optional(u$1()), justifyContent: Type.Optional(u({ default: "justify-center" })), alignItems: Type.Optional(f({ default: "items-center" })) }) }), D = [{ description: "Simple welcome hero with primary background", type: "hero", props: { content: "Welcome to Our Platform", tagline: "The future of productivity starts here", padding: "3rem", colorPreset: { color: "primary-400" } } }, { description: "Startup hero with primary gradient background to bottom-right", type: "hero", props: { content: "Build Something Amazing", tagline: "Turn your ideas into reality with our cutting-edge tools", padding: "3rem", colorPreset: { color: "primary-500", gradientDirection: "bg-gradient-to-br" } } }, { description: "Construction company hero with bold presence", type: "hero", props: { content: "Building Tomorrow Today", tagline: "Quality construction services for residential and commercial projects", padding: "3rem" } }, { description: "Fashion brand hero with modern appeal", type: "hero", props: { content: "Express Your Style", tagline: "Contemporary fashion that speaks to your individuality", padding: "6rem" } }, { description: "Law firm hero with authoritative tone", type: "hero", props: { content: "Justice You Can Trust", tagline: "Experienced legal representation for individuals and businesses", padding: "6rem", colorPreset: { color: "neutral-800" } } }, { description: "Photography studio hero with artistic flair", type: "hero", props: { content: "Capturing Life's Moments", tagline: "Professional photography services for weddings, portraits, and events" } }, { description: "Restaurant hero with warm colors and rounded design", type: "hero", props: { content: "Authentic Italian Cuisine", tagline: "Fresh ingredients, traditional recipes, unforgettable flavors", padding: "4rem", colorPreset: { color: "orange-600" }, rounding: "rounded-xl", shadow: "shadow-lg" } }, { description: "Tech company hero with success gradient and modern styling", type: "hero", props: { content: "Innovation Redefined", tagline: "Pushing the boundaries of what's possible with AI technology", padding: "5rem", colorPreset: { color: "success-500", gradientDirection: "bg-gradient-to-r" }, textShadow: "text-shadow-lg", border: { width: "border-2", color: "border-success-300" } } }, { description: "Medical practice hero with trust-inspiring design", type: "hero", props: { content: "Your Health, Our Priority", tagline: "Comprehensive healthcare services with compassionate care", padding: "4rem", colorPreset: { color: "blue-500" }, rounding: "rounded-lg", justifyContent: "justify-start", alignItems: "items-start" } }, { description: "Creative agency hero with warning accent and diagonal gradient", type: "hero", props: { content: "Creative Solutions", tagline: "Bold designs that make your brand unforgettable", padding: "3rem", colorPreset: { color: "warning-400", gradientDirection: "bg-gradient-to-tl" }, shadow: "shadow-xl", border: { width: "border", color: "border-warning-200" } } }, { description: "Fitness studio hero with danger color and strong presence", type: "hero", props: { content: "Transform Your Body", tagline: "High-intensity training programs that deliver real results", padding: "5rem", colorPreset: { color: "danger-600" }, textShadow: "text-shadow-md", rounding: "rounded-2xl", justifyContent: "justify-center", alignItems: "items-center" } }, { description: "Minimalist hero with neutral tones and subtle effects", type: "hero", props: { content: "Simplicity Perfected", tagline: "Clean design solutions for modern businesses", padding: "8rem", colorPreset: { color: "neutral-100" }, shadow: "shadow-sm", border: { width: "border", color: "border-neutral-300" }, rounding: "rounded-md" } }, { description: "Dynamic company hero using business query data", type: "hero", props: { content: "Welcome to {{company.name}}", tagline: "{{company.tagline}} - Serving {{company.location}} since {{company.foundedYear}}", padding: "4rem", colorPreset: { color: "primary-500" } } }, { description: "Dynamic employee spotlight using employee query", type: "hero", props: { content: "Meet {{employee.fullName}}", tagline: "{{employee.position}} at {{employee.department}} - {{employee.yearsExperience}} years of experience", padding: "3rem", colorPreset: { color: "secondary-400", gradientDirection: "bg-gradient-to-r" } } }, { description: "Dynamic product launch hero using product query", type: "hero", props: { content: "Introducing {{product.name}}", tagline: "{{product.description}} - Starting at ${{product.price}}", padding: "5rem", colorPreset: { color: "accent-600" }, shadow: "shadow-lg", rounding: "rounded-xl" } }, { description: "Dynamic event announcement using event query", type: "hero", props: { content: "{{event.title}}", tagline: "Join us on {{event.date}} at {{event.venue}} - {{event.city}}", padding: "4rem", colorPreset: { color: "primary-400", gradientDirection: "bg-gradient-to-br" }, textShadow: "text-shadow-md" } }, { description: "Dynamic blog post hero using article query", type: "hero", props: { content: "{{article.title}}", tagline: "By {{article.author}} • Published {{article.publishDate}} • {{article.readTime}} min read", padding: "3rem", colorPreset: { color: "neutral-700" }, justifyContent: "justify-start", alignItems: "items-start" } }, { description: "Dynamic service promotion using service query", type: "hero", props: { content: "{{service.name}}", tagline: "{{service.description}} - {{service.duration}} • Starting at ${{service.price}}", padding: "6rem", colorPreset: { color: "secondary-500", gradientDirection: "bg-gradient-to-tl" }, border: { width: "border-2", color: "border-secondary-300" } } }, { description: "Dynamic property showcase using property query", type: "hero", props: { content: "{{property.address}}", tagline: "${{property.price}} • {{property.bedrooms}} bed, {{property.bathrooms}} bath • {{property.squareFootage}} sq ft", padding: "4rem", colorPreset: { color: "accent-500" }, rounding: "rounded-lg", shadow: "shadow-md" } }, { description: "Dynamic course announcement using course query", type: "hero", props: { content: "{{course.title}}", tagline: "Learn {{course.subject}} with {{course.instructor}} • {{course.duration}} • {{course.skillLevel}} level", padding: "5rem", colorPreset: { color: "primary-600" }, textShadow: "text-shadow-lg", justifyContent: "justify-center", alignItems: "items-center" } }];
export {
  C as a,
  D as b
};
//# sourceMappingURL=chunk-QX6OGRRT.js.map
