@shipsite.dev/components 0.2.16 → 0.2.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/marketing/Hero.js
CHANGED
|
@@ -5,6 +5,6 @@ import { Button } from '../ui/button';
|
|
|
5
5
|
import { Mockup } from '../ui/mockup';
|
|
6
6
|
import Glow from '../ui/glow';
|
|
7
7
|
export function Hero({ title, description, primaryCta, secondaryCta, badge, image, children }) {
|
|
8
|
-
return (_jsxs(Section, { className: "relative overflow-hidden", children: [_jsx(Glow, { variant: "top" }), _jsxs("div", { className: "container-main relative z-10", children: [_jsxs("div", { className: "max-w-3xl mx-auto text-center", children: [badge && (_jsx(Badge, { variant: "outline", className: "animate-appear mb-6", children: badge })), _jsx("h1", { className: "text-4xl md:text-6xl font-bold tracking-tight text-foreground mb-6 animate-appear [animation-delay:100ms]", children: title }), _jsx("p", { className: "text-lg md:text-xl text-muted-foreground mb-8 max-w-2xl mx-auto animate-appear [animation-delay:200ms]", children: description }), _jsxs("div", { className: "flex items-center justify-center gap-4 animate-appear [animation-delay:300ms]", children: [primaryCta && (_jsx(Button, { asChild: true, size: "lg", children: _jsx("a", { href: primaryCta.href, children: primaryCta.label }) })), secondaryCta && (_jsx(Button, { asChild: true, variant: "glow", size: "lg", children: _jsx("a", { href: secondaryCta.href, children: secondaryCta.label }) }))] }), children] }), image && (_jsx("div", { className: "mt-16 animate-appear-zoom [animation-delay:400ms]", children: _jsx(Mockup, { type: "responsive", className: "shadow-mockup w-full", children: _jsx("img", { src: image, alt: "", className: "w-full" }) }) }))] })] }));
|
|
8
|
+
return (_jsxs(Section, { className: "relative overflow-hidden", children: [_jsx(Glow, { variant: "top" }), _jsxs("div", { className: "container-main relative z-10", children: [_jsxs("div", { className: "max-w-3xl mx-auto text-center", children: [badge && (_jsx(Badge, { variant: "outline", className: "animate-appear mb-6", children: badge })), _jsx("h1", { className: "text-4xl md:text-6xl font-bold tracking-tight text-foreground mb-6 animate-appear [animation-delay:100ms]", children: title }), _jsx("p", { className: "text-lg md:text-xl text-muted-foreground mb-8 max-w-2xl mx-auto animate-appear [animation-delay:200ms]", children: description }), _jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-4 animate-appear [animation-delay:300ms]", children: [primaryCta && (_jsx(Button, { asChild: true, size: "lg", children: _jsx("a", { href: primaryCta.href, children: primaryCta.label }) })), secondaryCta && (_jsx(Button, { asChild: true, variant: "glow", size: "lg", children: _jsx("a", { href: secondaryCta.href, children: secondaryCta.label }) }))] }), children] }), image && (_jsx("div", { className: "mt-16 animate-appear-zoom [animation-delay:400ms]", children: _jsx(Mockup, { type: "responsive", className: "shadow-mockup w-full", children: _jsx("img", { src: image, alt: "", className: "w-full" }) }) }))] })] }));
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=Hero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../src/marketing/Hero.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,IAAI,MAAM,YAAY,CAAC;AAY9B,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAa;IACtG,OAAO,CACL,MAAC,OAAO,IAAC,SAAS,EAAC,0BAA0B,aAC3C,KAAC,IAAI,IAAC,OAAO,EAAC,KAAK,GAAG,EACtB,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eAAK,SAAS,EAAC,+BAA+B,aAC3C,KAAK,IAAI,CACR,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,qBAAqB,YACrD,KAAK,GACA,CACT,EACD,aAAI,SAAS,EAAC,2GAA2G,YACtH,KAAK,GACH,EACL,YAAG,SAAS,EAAC,wGAAwG,YAClH,WAAW,GACV,EACJ,eAAK,SAAS,EAAC
|
|
1
|
+
{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../src/marketing/Hero.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,IAAI,MAAM,YAAY,CAAC;AAY9B,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAa;IACtG,OAAO,CACL,MAAC,OAAO,IAAC,SAAS,EAAC,0BAA0B,aAC3C,KAAC,IAAI,IAAC,OAAO,EAAC,KAAK,GAAG,EACtB,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eAAK,SAAS,EAAC,+BAA+B,aAC3C,KAAK,IAAI,CACR,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,qBAAqB,YACrD,KAAK,GACA,CACT,EACD,aAAI,SAAS,EAAC,2GAA2G,YACtH,KAAK,GACH,EACL,YAAG,SAAS,EAAC,wGAAwG,YAClH,WAAW,GACV,EACJ,eAAK,SAAS,EAAC,oGAAoG,aAChH,UAAU,IAAI,CACb,KAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAC,IAAI,YACvB,YAAG,IAAI,EAAE,UAAU,CAAC,IAAI,YAAG,UAAU,CAAC,KAAK,GAAK,GACzC,CACV,EACA,YAAY,IAAI,CACf,KAAC,MAAM,IAAC,OAAO,QAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,YACtC,YAAG,IAAI,EAAE,YAAY,CAAC,IAAI,YAAG,YAAY,CAAC,KAAK,GAAK,GAC7C,CACV,IACG,EACL,QAAQ,IACL,EACL,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,mDAAmD,YAChE,KAAC,MAAM,IAAC,IAAI,EAAC,YAAY,EAAC,SAAS,EAAC,sBAAsB,YACxD,cAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAC,QAAQ,GAAG,GACtC,GACL,CACP,IACG,IACE,CACX,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
package/src/marketing/Hero.tsx
CHANGED
|
@@ -33,7 +33,7 @@ export function Hero({ title, description, primaryCta, secondaryCta, badge, imag
|
|
|
33
33
|
<p className="text-lg md:text-xl text-muted-foreground mb-8 max-w-2xl mx-auto animate-appear [animation-delay:200ms]">
|
|
34
34
|
{description}
|
|
35
35
|
</p>
|
|
36
|
-
<div className="flex items-center justify-center gap-4 animate-appear [animation-delay:300ms]">
|
|
36
|
+
<div className="flex flex-col sm:flex-row items-center justify-center gap-4 animate-appear [animation-delay:300ms]">
|
|
37
37
|
{primaryCta && (
|
|
38
38
|
<Button asChild size="lg">
|
|
39
39
|
<a href={primaryCta.href}>{primaryCta.label}</a>
|