@opensite/ui 1.4.4 → 1.4.5
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/components.cjs +160 -54
- package/dist/components.js +160 -54
- package/dist/feature-bento-utilities.cjs +101 -87
- package/dist/feature-bento-utilities.js +101 -87
- package/dist/feature-checklist-three-column.cjs +75 -43
- package/dist/feature-checklist-three-column.js +75 -43
- package/dist/feature-image-overlay-badge.cjs +57 -10
- package/dist/feature-image-overlay-badge.js +57 -10
- package/dist/feature-integration-cards.cjs +105 -19
- package/dist/feature-integration-cards.js +105 -19
- package/dist/feature-utility-cards-grid.cjs +79 -9
- package/dist/feature-utility-cards-grid.js +79 -9
- package/dist/footer-animated-social.cjs +66 -10
- package/dist/footer-animated-social.d.cts +5 -1
- package/dist/footer-animated-social.d.ts +5 -1
- package/dist/footer-animated-social.js +66 -10
- package/dist/footer-contact-card.cjs +94 -44
- package/dist/footer-contact-card.d.cts +5 -1
- package/dist/footer-contact-card.d.ts +5 -1
- package/dist/footer-contact-card.js +94 -44
- package/dist/index.cjs +160 -54
- package/dist/index.js +160 -54
- package/dist/registry.cjs +486 -196
- package/dist/registry.js +486 -196
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -4515,7 +4515,8 @@ function FooterContactCard({
|
|
|
4515
4515
|
copyrightClassName,
|
|
4516
4516
|
locationClassName,
|
|
4517
4517
|
background,
|
|
4518
|
-
|
|
4518
|
+
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4519
|
+
spacing = "py-6 md:py-32",
|
|
4519
4520
|
pattern,
|
|
4520
4521
|
patternOpacity,
|
|
4521
4522
|
optixFlowConfig
|
|
@@ -4528,6 +4529,7 @@ function FooterContactCard({
|
|
|
4528
4529
|
pattern,
|
|
4529
4530
|
patternOpacity,
|
|
4530
4531
|
className: cn(className),
|
|
4532
|
+
containerClassName,
|
|
4531
4533
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
|
|
4532
4534
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-12 lg:grid-cols-2", gridClassName), children: [
|
|
4533
4535
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(leftColumnClassName), children: [
|
|
@@ -4540,7 +4542,16 @@ function FooterContactCard({
|
|
|
4540
4542
|
optixFlowConfig
|
|
4541
4543
|
}
|
|
4542
4544
|
),
|
|
4543
|
-
heading && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4545
|
+
heading && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4546
|
+
"h2",
|
|
4547
|
+
{
|
|
4548
|
+
className: cn(
|
|
4549
|
+
"mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl",
|
|
4550
|
+
headingClassName
|
|
4551
|
+
),
|
|
4552
|
+
children: heading
|
|
4553
|
+
}
|
|
4554
|
+
),
|
|
4544
4555
|
(email || phone || address) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4 opacity-80", contactClassName), children: [
|
|
4545
4556
|
email && /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4546
4557
|
Pressable,
|
|
@@ -4561,51 +4572,90 @@ function FooterContactCard({
|
|
|
4561
4572
|
address && /* @__PURE__ */ jsxRuntime.jsx("p", { children: address })
|
|
4562
4573
|
] })
|
|
4563
4574
|
] }),
|
|
4564
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4565
|
-
|
|
4566
|
-
|
|
4567
|
-
|
|
4568
|
-
|
|
4575
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4576
|
+
"div",
|
|
4577
|
+
{
|
|
4578
|
+
className: cn(
|
|
4579
|
+
"flex flex-col justify-between",
|
|
4580
|
+
rightColumnClassName
|
|
4581
|
+
),
|
|
4582
|
+
children: [
|
|
4583
|
+
(socialTitle || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(socialSectionClassName), children: [
|
|
4584
|
+
socialTitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
|
|
4585
|
+
socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4586
|
+
"ul",
|
|
4587
|
+
{
|
|
4588
|
+
className: cn(
|
|
4589
|
+
"flex items-center gap-4",
|
|
4590
|
+
socialLinksClassName
|
|
4591
|
+
),
|
|
4592
|
+
children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4593
|
+
SocialLinkIcon,
|
|
4594
|
+
{
|
|
4595
|
+
href: social.href,
|
|
4596
|
+
label: social.label,
|
|
4597
|
+
iconNameOverride: social.iconNameOverride,
|
|
4598
|
+
className: cn(
|
|
4599
|
+
"flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
|
|
4600
|
+
socialLinkClassName
|
|
4601
|
+
)
|
|
4602
|
+
}
|
|
4603
|
+
) }, idx))
|
|
4604
|
+
}
|
|
4605
|
+
)
|
|
4606
|
+
] }),
|
|
4607
|
+
navLinks && navLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("mt-18 md:mt-8", navClassName), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4608
|
+
Pressable,
|
|
4609
|
+
{
|
|
4610
|
+
href: link.href,
|
|
4611
|
+
className: cn(
|
|
4612
|
+
"opacity-80 hover:opacity-100",
|
|
4613
|
+
navLinkClassName
|
|
4614
|
+
),
|
|
4615
|
+
children: link.name
|
|
4616
|
+
}
|
|
4617
|
+
) }, idx)) }) })
|
|
4618
|
+
]
|
|
4619
|
+
}
|
|
4620
|
+
)
|
|
4621
|
+
] }),
|
|
4622
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4623
|
+
"div",
|
|
4624
|
+
{
|
|
4625
|
+
className: cn(
|
|
4626
|
+
"mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center",
|
|
4627
|
+
bottomClassName
|
|
4628
|
+
),
|
|
4629
|
+
children: [
|
|
4630
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4631
|
+
"div",
|
|
4569
4632
|
{
|
|
4570
|
-
href: social.href,
|
|
4571
|
-
label: social.label,
|
|
4572
|
-
iconNameOverride: social.iconNameOverride,
|
|
4573
4633
|
className: cn(
|
|
4574
|
-
"flex
|
|
4575
|
-
|
|
4576
|
-
)
|
|
4634
|
+
"flex flex-col gap-2 md:flex-row md:items-center md:gap-4",
|
|
4635
|
+
copyrightClassName
|
|
4636
|
+
),
|
|
4637
|
+
children: [
|
|
4638
|
+
/* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
|
|
4639
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4640
|
+
BrandAttribution,
|
|
4641
|
+
{
|
|
4642
|
+
internalBrandSlug: "open_site_ai",
|
|
4643
|
+
optionIndex: 7,
|
|
4644
|
+
variant: "span",
|
|
4645
|
+
linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
|
|
4646
|
+
}
|
|
4647
|
+
)
|
|
4648
|
+
]
|
|
4577
4649
|
}
|
|
4578
|
-
)
|
|
4579
|
-
|
|
4580
|
-
|
|
4581
|
-
|
|
4582
|
-
|
|
4583
|
-
|
|
4584
|
-
|
|
4585
|
-
|
|
4586
|
-
|
|
4587
|
-
) }, idx)) }) })
|
|
4588
|
-
] })
|
|
4589
|
-
] }),
|
|
4590
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
|
|
4591
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
|
|
4592
|
-
/* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
|
|
4593
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4594
|
-
BrandAttribution,
|
|
4595
|
-
{
|
|
4596
|
-
internalBrandSlug: "open_site_ai",
|
|
4597
|
-
optionIndex: 7,
|
|
4598
|
-
variant: "span",
|
|
4599
|
-
linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
|
|
4600
|
-
}
|
|
4601
|
-
)
|
|
4602
|
-
] }),
|
|
4603
|
-
(locationLabel || location) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn(locationClassName), children: [
|
|
4604
|
-
locationLabel,
|
|
4605
|
-
" ",
|
|
4606
|
-
location && /* @__PURE__ */ jsxRuntime.jsx("strong", { children: location })
|
|
4607
|
-
] })
|
|
4608
|
-
] })
|
|
4650
|
+
),
|
|
4651
|
+
(locationLabel || location) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn(locationClassName), children: [
|
|
4652
|
+
locationLabel,
|
|
4653
|
+
" ",
|
|
4654
|
+
location && /* @__PURE__ */ jsxRuntime.jsx("strong", { children: location })
|
|
4655
|
+
] })
|
|
4656
|
+
]
|
|
4657
|
+
}
|
|
4658
|
+
)
|
|
4609
4659
|
] }) })
|
|
4610
4660
|
}
|
|
4611
4661
|
);
|
|
@@ -4774,7 +4824,8 @@ function FooterAnimatedSocial({
|
|
|
4774
4824
|
separatorClassName,
|
|
4775
4825
|
copyrightClassName,
|
|
4776
4826
|
background,
|
|
4777
|
-
|
|
4827
|
+
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4828
|
+
spacing = "py-6 md:py-32",
|
|
4778
4829
|
pattern,
|
|
4779
4830
|
patternOpacity
|
|
4780
4831
|
}) {
|
|
@@ -4797,7 +4848,10 @@ function FooterAnimatedSocial({
|
|
|
4797
4848
|
label: link.label,
|
|
4798
4849
|
iconNameOverride: link.iconNameOverride,
|
|
4799
4850
|
iconSize: 24,
|
|
4800
|
-
className: cn(
|
|
4851
|
+
className: cn(
|
|
4852
|
+
"group flex items-center gap-2 py-2 transition-colors hover:opacity-70",
|
|
4853
|
+
socialLinkClassName
|
|
4854
|
+
)
|
|
4801
4855
|
}
|
|
4802
4856
|
)
|
|
4803
4857
|
},
|
|
@@ -4812,6 +4866,7 @@ function FooterAnimatedSocial({
|
|
|
4812
4866
|
pattern,
|
|
4813
4867
|
patternOpacity,
|
|
4814
4868
|
className: cn(className),
|
|
4869
|
+
containerClassName,
|
|
4815
4870
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsx("footer", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
4816
4871
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4817
4872
|
framerMotion.motion.div,
|
|
@@ -4820,23 +4875,56 @@ function FooterAnimatedSocial({
|
|
|
4820
4875
|
initial: "hidden",
|
|
4821
4876
|
whileInView: "visible",
|
|
4822
4877
|
viewport: { once: true },
|
|
4823
|
-
className: cn(
|
|
4878
|
+
className: cn(
|
|
4879
|
+
"flex flex-col justify-between md:flex-row md:items-center",
|
|
4880
|
+
layoutClassName
|
|
4881
|
+
),
|
|
4824
4882
|
children: [
|
|
4825
4883
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-8", leftColumnClassName), children: [
|
|
4826
4884
|
/* @__PURE__ */ jsxRuntime.jsxs(framerMotion.motion.div, { variants: itemVariants, className: "space-y-6", children: [
|
|
4827
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4828
|
-
|
|
4885
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4886
|
+
"h2",
|
|
4887
|
+
{
|
|
4888
|
+
className: cn(
|
|
4889
|
+
"text-4xl leading-tight font-bold lg:text-5xl",
|
|
4890
|
+
headingClassName
|
|
4891
|
+
),
|
|
4892
|
+
children: heading
|
|
4893
|
+
}
|
|
4894
|
+
),
|
|
4895
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4896
|
+
"p",
|
|
4897
|
+
{
|
|
4898
|
+
className: cn(
|
|
4899
|
+
"max-w-md text-lg leading-relaxed opacity-80",
|
|
4900
|
+
descriptionClassName
|
|
4901
|
+
),
|
|
4902
|
+
children: description
|
|
4903
|
+
}
|
|
4904
|
+
)
|
|
4829
4905
|
] }),
|
|
4830
4906
|
ctaUrl && ctaText && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4831
4907
|
Pressable,
|
|
4832
4908
|
{
|
|
4833
4909
|
href: ctaUrl,
|
|
4834
|
-
className: cn(
|
|
4910
|
+
className: cn(
|
|
4911
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border h-11 px-8 hover:opacity-80",
|
|
4912
|
+
ctaClassName
|
|
4913
|
+
),
|
|
4835
4914
|
children: ctaText
|
|
4836
4915
|
}
|
|
4837
4916
|
) })
|
|
4838
4917
|
] }),
|
|
4839
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4918
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4919
|
+
"div",
|
|
4920
|
+
{
|
|
4921
|
+
className: cn(
|
|
4922
|
+
"flex flex-row md:flex-col flex-wrap items-center justify-center gap-4 md:gap-2",
|
|
4923
|
+
rightColumnClassName
|
|
4924
|
+
),
|
|
4925
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-row md:flex-col items-center gap-4 md:gap-6", socialLinksClassName), children: socialLinksContent }) })
|
|
4926
|
+
}
|
|
4927
|
+
)
|
|
4840
4928
|
]
|
|
4841
4929
|
}
|
|
4842
4930
|
),
|
|
@@ -4849,14 +4937,32 @@ function FooterAnimatedSocial({
|
|
|
4849
4937
|
viewport: { once: true },
|
|
4850
4938
|
className: cn("mt-16", bottomClassName),
|
|
4851
4939
|
children: [
|
|
4852
|
-
/* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4940
|
+
/* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4941
|
+
"div",
|
|
4942
|
+
{
|
|
4943
|
+
className: cn(
|
|
4944
|
+
"mb-8 h-px w-full opacity-20",
|
|
4945
|
+
separatorClassName
|
|
4946
|
+
),
|
|
4947
|
+
style: { backgroundColor: "currentColor" }
|
|
4948
|
+
}
|
|
4949
|
+
) }),
|
|
4853
4950
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4854
4951
|
framerMotion.motion.div,
|
|
4855
4952
|
{
|
|
4856
4953
|
variants: itemVariants,
|
|
4857
|
-
className: cn(
|
|
4954
|
+
className: cn(
|
|
4955
|
+
"flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center",
|
|
4956
|
+
copyrightClassName
|
|
4957
|
+
),
|
|
4858
4958
|
children: [
|
|
4859
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4959
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4960
|
+
FooterCopyright,
|
|
4961
|
+
{
|
|
4962
|
+
copyright,
|
|
4963
|
+
className: "text-sm opacity-70"
|
|
4964
|
+
}
|
|
4965
|
+
),
|
|
4860
4966
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6 text-sm opacity-70", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4861
4967
|
BrandAttribution,
|
|
4862
4968
|
{
|
package/dist/index.js
CHANGED
|
@@ -4492,7 +4492,8 @@ function FooterContactCard({
|
|
|
4492
4492
|
copyrightClassName,
|
|
4493
4493
|
locationClassName,
|
|
4494
4494
|
background,
|
|
4495
|
-
|
|
4495
|
+
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4496
|
+
spacing = "py-6 md:py-32",
|
|
4496
4497
|
pattern,
|
|
4497
4498
|
patternOpacity,
|
|
4498
4499
|
optixFlowConfig
|
|
@@ -4505,6 +4506,7 @@ function FooterContactCard({
|
|
|
4505
4506
|
pattern,
|
|
4506
4507
|
patternOpacity,
|
|
4507
4508
|
className: cn(className),
|
|
4509
|
+
containerClassName,
|
|
4508
4510
|
children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
|
|
4509
4511
|
/* @__PURE__ */ jsxs("div", { className: cn("grid gap-12 lg:grid-cols-2", gridClassName), children: [
|
|
4510
4512
|
/* @__PURE__ */ jsxs("div", { className: cn(leftColumnClassName), children: [
|
|
@@ -4517,7 +4519,16 @@ function FooterContactCard({
|
|
|
4517
4519
|
optixFlowConfig
|
|
4518
4520
|
}
|
|
4519
4521
|
),
|
|
4520
|
-
heading && /* @__PURE__ */ jsx(
|
|
4522
|
+
heading && /* @__PURE__ */ jsx(
|
|
4523
|
+
"h2",
|
|
4524
|
+
{
|
|
4525
|
+
className: cn(
|
|
4526
|
+
"mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl",
|
|
4527
|
+
headingClassName
|
|
4528
|
+
),
|
|
4529
|
+
children: heading
|
|
4530
|
+
}
|
|
4531
|
+
),
|
|
4521
4532
|
(email || phone || address) && /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 opacity-80", contactClassName), children: [
|
|
4522
4533
|
email && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
|
|
4523
4534
|
Pressable,
|
|
@@ -4538,51 +4549,90 @@ function FooterContactCard({
|
|
|
4538
4549
|
address && /* @__PURE__ */ jsx("p", { children: address })
|
|
4539
4550
|
] })
|
|
4540
4551
|
] }),
|
|
4541
|
-
/* @__PURE__ */ jsxs(
|
|
4542
|
-
|
|
4543
|
-
|
|
4544
|
-
|
|
4545
|
-
|
|
4552
|
+
/* @__PURE__ */ jsxs(
|
|
4553
|
+
"div",
|
|
4554
|
+
{
|
|
4555
|
+
className: cn(
|
|
4556
|
+
"flex flex-col justify-between",
|
|
4557
|
+
rightColumnClassName
|
|
4558
|
+
),
|
|
4559
|
+
children: [
|
|
4560
|
+
(socialTitle || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxs("div", { className: cn(socialSectionClassName), children: [
|
|
4561
|
+
socialTitle && /* @__PURE__ */ jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
|
|
4562
|
+
socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx(
|
|
4563
|
+
"ul",
|
|
4564
|
+
{
|
|
4565
|
+
className: cn(
|
|
4566
|
+
"flex items-center gap-4",
|
|
4567
|
+
socialLinksClassName
|
|
4568
|
+
),
|
|
4569
|
+
children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
4570
|
+
SocialLinkIcon,
|
|
4571
|
+
{
|
|
4572
|
+
href: social.href,
|
|
4573
|
+
label: social.label,
|
|
4574
|
+
iconNameOverride: social.iconNameOverride,
|
|
4575
|
+
className: cn(
|
|
4576
|
+
"flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
|
|
4577
|
+
socialLinkClassName
|
|
4578
|
+
)
|
|
4579
|
+
}
|
|
4580
|
+
) }, idx))
|
|
4581
|
+
}
|
|
4582
|
+
)
|
|
4583
|
+
] }),
|
|
4584
|
+
navLinks && navLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: cn("mt-18 md:mt-8", navClassName), children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
4585
|
+
Pressable,
|
|
4586
|
+
{
|
|
4587
|
+
href: link.href,
|
|
4588
|
+
className: cn(
|
|
4589
|
+
"opacity-80 hover:opacity-100",
|
|
4590
|
+
navLinkClassName
|
|
4591
|
+
),
|
|
4592
|
+
children: link.name
|
|
4593
|
+
}
|
|
4594
|
+
) }, idx)) }) })
|
|
4595
|
+
]
|
|
4596
|
+
}
|
|
4597
|
+
)
|
|
4598
|
+
] }),
|
|
4599
|
+
/* @__PURE__ */ jsxs(
|
|
4600
|
+
"div",
|
|
4601
|
+
{
|
|
4602
|
+
className: cn(
|
|
4603
|
+
"mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center",
|
|
4604
|
+
bottomClassName
|
|
4605
|
+
),
|
|
4606
|
+
children: [
|
|
4607
|
+
/* @__PURE__ */ jsxs(
|
|
4608
|
+
"div",
|
|
4546
4609
|
{
|
|
4547
|
-
href: social.href,
|
|
4548
|
-
label: social.label,
|
|
4549
|
-
iconNameOverride: social.iconNameOverride,
|
|
4550
4610
|
className: cn(
|
|
4551
|
-
"flex
|
|
4552
|
-
|
|
4553
|
-
)
|
|
4611
|
+
"flex flex-col gap-2 md:flex-row md:items-center md:gap-4",
|
|
4612
|
+
copyrightClassName
|
|
4613
|
+
),
|
|
4614
|
+
children: [
|
|
4615
|
+
/* @__PURE__ */ jsx(FooterCopyright, { copyright }),
|
|
4616
|
+
/* @__PURE__ */ jsx(
|
|
4617
|
+
BrandAttribution,
|
|
4618
|
+
{
|
|
4619
|
+
internalBrandSlug: "open_site_ai",
|
|
4620
|
+
optionIndex: 7,
|
|
4621
|
+
variant: "span",
|
|
4622
|
+
linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
|
|
4623
|
+
}
|
|
4624
|
+
)
|
|
4625
|
+
]
|
|
4554
4626
|
}
|
|
4555
|
-
)
|
|
4556
|
-
|
|
4557
|
-
|
|
4558
|
-
|
|
4559
|
-
|
|
4560
|
-
|
|
4561
|
-
|
|
4562
|
-
|
|
4563
|
-
|
|
4564
|
-
) }, idx)) }) })
|
|
4565
|
-
] })
|
|
4566
|
-
] }),
|
|
4567
|
-
/* @__PURE__ */ jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
|
|
4568
|
-
/* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
|
|
4569
|
-
/* @__PURE__ */ jsx(FooterCopyright, { copyright }),
|
|
4570
|
-
/* @__PURE__ */ jsx(
|
|
4571
|
-
BrandAttribution,
|
|
4572
|
-
{
|
|
4573
|
-
internalBrandSlug: "open_site_ai",
|
|
4574
|
-
optionIndex: 7,
|
|
4575
|
-
variant: "span",
|
|
4576
|
-
linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
|
|
4577
|
-
}
|
|
4578
|
-
)
|
|
4579
|
-
] }),
|
|
4580
|
-
(locationLabel || location) && /* @__PURE__ */ jsxs("p", { className: cn(locationClassName), children: [
|
|
4581
|
-
locationLabel,
|
|
4582
|
-
" ",
|
|
4583
|
-
location && /* @__PURE__ */ jsx("strong", { children: location })
|
|
4584
|
-
] })
|
|
4585
|
-
] })
|
|
4627
|
+
),
|
|
4628
|
+
(locationLabel || location) && /* @__PURE__ */ jsxs("p", { className: cn(locationClassName), children: [
|
|
4629
|
+
locationLabel,
|
|
4630
|
+
" ",
|
|
4631
|
+
location && /* @__PURE__ */ jsx("strong", { children: location })
|
|
4632
|
+
] })
|
|
4633
|
+
]
|
|
4634
|
+
}
|
|
4635
|
+
)
|
|
4586
4636
|
] }) })
|
|
4587
4637
|
}
|
|
4588
4638
|
);
|
|
@@ -4751,7 +4801,8 @@ function FooterAnimatedSocial({
|
|
|
4751
4801
|
separatorClassName,
|
|
4752
4802
|
copyrightClassName,
|
|
4753
4803
|
background,
|
|
4754
|
-
|
|
4804
|
+
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4805
|
+
spacing = "py-6 md:py-32",
|
|
4755
4806
|
pattern,
|
|
4756
4807
|
patternOpacity
|
|
4757
4808
|
}) {
|
|
@@ -4774,7 +4825,10 @@ function FooterAnimatedSocial({
|
|
|
4774
4825
|
label: link.label,
|
|
4775
4826
|
iconNameOverride: link.iconNameOverride,
|
|
4776
4827
|
iconSize: 24,
|
|
4777
|
-
className: cn(
|
|
4828
|
+
className: cn(
|
|
4829
|
+
"group flex items-center gap-2 py-2 transition-colors hover:opacity-70",
|
|
4830
|
+
socialLinkClassName
|
|
4831
|
+
)
|
|
4778
4832
|
}
|
|
4779
4833
|
)
|
|
4780
4834
|
},
|
|
@@ -4789,6 +4843,7 @@ function FooterAnimatedSocial({
|
|
|
4789
4843
|
pattern,
|
|
4790
4844
|
patternOpacity,
|
|
4791
4845
|
className: cn(className),
|
|
4846
|
+
containerClassName,
|
|
4792
4847
|
children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsx("footer", { children: /* @__PURE__ */ jsxs("div", { children: [
|
|
4793
4848
|
/* @__PURE__ */ jsxs(
|
|
4794
4849
|
motion.div,
|
|
@@ -4797,23 +4852,56 @@ function FooterAnimatedSocial({
|
|
|
4797
4852
|
initial: "hidden",
|
|
4798
4853
|
whileInView: "visible",
|
|
4799
4854
|
viewport: { once: true },
|
|
4800
|
-
className: cn(
|
|
4855
|
+
className: cn(
|
|
4856
|
+
"flex flex-col justify-between md:flex-row md:items-center",
|
|
4857
|
+
layoutClassName
|
|
4858
|
+
),
|
|
4801
4859
|
children: [
|
|
4802
4860
|
/* @__PURE__ */ jsxs("div", { className: cn("space-y-8", leftColumnClassName), children: [
|
|
4803
4861
|
/* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "space-y-6", children: [
|
|
4804
|
-
/* @__PURE__ */ jsx(
|
|
4805
|
-
|
|
4862
|
+
/* @__PURE__ */ jsx(
|
|
4863
|
+
"h2",
|
|
4864
|
+
{
|
|
4865
|
+
className: cn(
|
|
4866
|
+
"text-4xl leading-tight font-bold lg:text-5xl",
|
|
4867
|
+
headingClassName
|
|
4868
|
+
),
|
|
4869
|
+
children: heading
|
|
4870
|
+
}
|
|
4871
|
+
),
|
|
4872
|
+
/* @__PURE__ */ jsx(
|
|
4873
|
+
"p",
|
|
4874
|
+
{
|
|
4875
|
+
className: cn(
|
|
4876
|
+
"max-w-md text-lg leading-relaxed opacity-80",
|
|
4877
|
+
descriptionClassName
|
|
4878
|
+
),
|
|
4879
|
+
children: description
|
|
4880
|
+
}
|
|
4881
|
+
)
|
|
4806
4882
|
] }),
|
|
4807
4883
|
ctaUrl && ctaText && /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
|
|
4808
4884
|
Pressable,
|
|
4809
4885
|
{
|
|
4810
4886
|
href: ctaUrl,
|
|
4811
|
-
className: cn(
|
|
4887
|
+
className: cn(
|
|
4888
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border h-11 px-8 hover:opacity-80",
|
|
4889
|
+
ctaClassName
|
|
4890
|
+
),
|
|
4812
4891
|
children: ctaText
|
|
4813
4892
|
}
|
|
4814
4893
|
) })
|
|
4815
4894
|
] }),
|
|
4816
|
-
/* @__PURE__ */ jsx(
|
|
4895
|
+
/* @__PURE__ */ jsx(
|
|
4896
|
+
"div",
|
|
4897
|
+
{
|
|
4898
|
+
className: cn(
|
|
4899
|
+
"flex flex-row md:flex-col flex-wrap items-center justify-center gap-4 md:gap-2",
|
|
4900
|
+
rightColumnClassName
|
|
4901
|
+
),
|
|
4902
|
+
children: /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-row md:flex-col items-center gap-4 md:gap-6", socialLinksClassName), children: socialLinksContent }) })
|
|
4903
|
+
}
|
|
4904
|
+
)
|
|
4817
4905
|
]
|
|
4818
4906
|
}
|
|
4819
4907
|
),
|
|
@@ -4826,14 +4914,32 @@ function FooterAnimatedSocial({
|
|
|
4826
4914
|
viewport: { once: true },
|
|
4827
4915
|
className: cn("mt-16", bottomClassName),
|
|
4828
4916
|
children: [
|
|
4829
|
-
/* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
|
|
4917
|
+
/* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
|
|
4918
|
+
"div",
|
|
4919
|
+
{
|
|
4920
|
+
className: cn(
|
|
4921
|
+
"mb-8 h-px w-full opacity-20",
|
|
4922
|
+
separatorClassName
|
|
4923
|
+
),
|
|
4924
|
+
style: { backgroundColor: "currentColor" }
|
|
4925
|
+
}
|
|
4926
|
+
) }),
|
|
4830
4927
|
/* @__PURE__ */ jsxs(
|
|
4831
4928
|
motion.div,
|
|
4832
4929
|
{
|
|
4833
4930
|
variants: itemVariants,
|
|
4834
|
-
className: cn(
|
|
4931
|
+
className: cn(
|
|
4932
|
+
"flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center",
|
|
4933
|
+
copyrightClassName
|
|
4934
|
+
),
|
|
4835
4935
|
children: [
|
|
4836
|
-
/* @__PURE__ */ jsx(
|
|
4936
|
+
/* @__PURE__ */ jsx(
|
|
4937
|
+
FooterCopyright,
|
|
4938
|
+
{
|
|
4939
|
+
copyright,
|
|
4940
|
+
className: "text-sm opacity-70"
|
|
4941
|
+
}
|
|
4942
|
+
),
|
|
4837
4943
|
/* @__PURE__ */ jsx("div", { className: "flex items-center gap-6 text-sm opacity-70", children: /* @__PURE__ */ jsx(
|
|
4838
4944
|
BrandAttribution,
|
|
4839
4945
|
{
|