@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/components.cjs
CHANGED
|
@@ -4484,7 +4484,8 @@ function FooterContactCard({
|
|
|
4484
4484
|
copyrightClassName,
|
|
4485
4485
|
locationClassName,
|
|
4486
4486
|
background,
|
|
4487
|
-
|
|
4487
|
+
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4488
|
+
spacing = "py-6 md:py-32",
|
|
4488
4489
|
pattern,
|
|
4489
4490
|
patternOpacity,
|
|
4490
4491
|
optixFlowConfig
|
|
@@ -4497,6 +4498,7 @@ function FooterContactCard({
|
|
|
4497
4498
|
pattern,
|
|
4498
4499
|
patternOpacity,
|
|
4499
4500
|
className: cn(className),
|
|
4501
|
+
containerClassName,
|
|
4500
4502
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
|
|
4501
4503
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-12 lg:grid-cols-2", gridClassName), children: [
|
|
4502
4504
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(leftColumnClassName), children: [
|
|
@@ -4509,7 +4511,16 @@ function FooterContactCard({
|
|
|
4509
4511
|
optixFlowConfig
|
|
4510
4512
|
}
|
|
4511
4513
|
),
|
|
4512
|
-
heading && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4514
|
+
heading && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4515
|
+
"h2",
|
|
4516
|
+
{
|
|
4517
|
+
className: cn(
|
|
4518
|
+
"mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl",
|
|
4519
|
+
headingClassName
|
|
4520
|
+
),
|
|
4521
|
+
children: heading
|
|
4522
|
+
}
|
|
4523
|
+
),
|
|
4513
4524
|
(email || phone || address) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4 opacity-80", contactClassName), children: [
|
|
4514
4525
|
email && /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4515
4526
|
Pressable,
|
|
@@ -4530,51 +4541,90 @@ function FooterContactCard({
|
|
|
4530
4541
|
address && /* @__PURE__ */ jsxRuntime.jsx("p", { children: address })
|
|
4531
4542
|
] })
|
|
4532
4543
|
] }),
|
|
4533
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4534
|
-
|
|
4535
|
-
|
|
4536
|
-
|
|
4537
|
-
|
|
4544
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4545
|
+
"div",
|
|
4546
|
+
{
|
|
4547
|
+
className: cn(
|
|
4548
|
+
"flex flex-col justify-between",
|
|
4549
|
+
rightColumnClassName
|
|
4550
|
+
),
|
|
4551
|
+
children: [
|
|
4552
|
+
(socialTitle || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(socialSectionClassName), children: [
|
|
4553
|
+
socialTitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
|
|
4554
|
+
socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4555
|
+
"ul",
|
|
4556
|
+
{
|
|
4557
|
+
className: cn(
|
|
4558
|
+
"flex items-center gap-4",
|
|
4559
|
+
socialLinksClassName
|
|
4560
|
+
),
|
|
4561
|
+
children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4562
|
+
SocialLinkIcon,
|
|
4563
|
+
{
|
|
4564
|
+
href: social.href,
|
|
4565
|
+
label: social.label,
|
|
4566
|
+
iconNameOverride: social.iconNameOverride,
|
|
4567
|
+
className: cn(
|
|
4568
|
+
"flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
|
|
4569
|
+
socialLinkClassName
|
|
4570
|
+
)
|
|
4571
|
+
}
|
|
4572
|
+
) }, idx))
|
|
4573
|
+
}
|
|
4574
|
+
)
|
|
4575
|
+
] }),
|
|
4576
|
+
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(
|
|
4577
|
+
Pressable,
|
|
4578
|
+
{
|
|
4579
|
+
href: link.href,
|
|
4580
|
+
className: cn(
|
|
4581
|
+
"opacity-80 hover:opacity-100",
|
|
4582
|
+
navLinkClassName
|
|
4583
|
+
),
|
|
4584
|
+
children: link.name
|
|
4585
|
+
}
|
|
4586
|
+
) }, idx)) }) })
|
|
4587
|
+
]
|
|
4588
|
+
}
|
|
4589
|
+
)
|
|
4590
|
+
] }),
|
|
4591
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4592
|
+
"div",
|
|
4593
|
+
{
|
|
4594
|
+
className: cn(
|
|
4595
|
+
"mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center",
|
|
4596
|
+
bottomClassName
|
|
4597
|
+
),
|
|
4598
|
+
children: [
|
|
4599
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4600
|
+
"div",
|
|
4538
4601
|
{
|
|
4539
|
-
href: social.href,
|
|
4540
|
-
label: social.label,
|
|
4541
|
-
iconNameOverride: social.iconNameOverride,
|
|
4542
4602
|
className: cn(
|
|
4543
|
-
"flex
|
|
4544
|
-
|
|
4545
|
-
)
|
|
4603
|
+
"flex flex-col gap-2 md:flex-row md:items-center md:gap-4",
|
|
4604
|
+
copyrightClassName
|
|
4605
|
+
),
|
|
4606
|
+
children: [
|
|
4607
|
+
/* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
|
|
4608
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4609
|
+
BrandAttribution,
|
|
4610
|
+
{
|
|
4611
|
+
internalBrandSlug: "open_site_ai",
|
|
4612
|
+
optionIndex: 7,
|
|
4613
|
+
variant: "span",
|
|
4614
|
+
linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
|
|
4615
|
+
}
|
|
4616
|
+
)
|
|
4617
|
+
]
|
|
4546
4618
|
}
|
|
4547
|
-
)
|
|
4548
|
-
|
|
4549
|
-
|
|
4550
|
-
|
|
4551
|
-
|
|
4552
|
-
|
|
4553
|
-
|
|
4554
|
-
|
|
4555
|
-
|
|
4556
|
-
) }, idx)) }) })
|
|
4557
|
-
] })
|
|
4558
|
-
] }),
|
|
4559
|
-
/* @__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: [
|
|
4560
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
|
|
4561
|
-
/* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
|
|
4562
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4563
|
-
BrandAttribution,
|
|
4564
|
-
{
|
|
4565
|
-
internalBrandSlug: "open_site_ai",
|
|
4566
|
-
optionIndex: 7,
|
|
4567
|
-
variant: "span",
|
|
4568
|
-
linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
|
|
4569
|
-
}
|
|
4570
|
-
)
|
|
4571
|
-
] }),
|
|
4572
|
-
(locationLabel || location) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn(locationClassName), children: [
|
|
4573
|
-
locationLabel,
|
|
4574
|
-
" ",
|
|
4575
|
-
location && /* @__PURE__ */ jsxRuntime.jsx("strong", { children: location })
|
|
4576
|
-
] })
|
|
4577
|
-
] })
|
|
4619
|
+
),
|
|
4620
|
+
(locationLabel || location) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn(locationClassName), children: [
|
|
4621
|
+
locationLabel,
|
|
4622
|
+
" ",
|
|
4623
|
+
location && /* @__PURE__ */ jsxRuntime.jsx("strong", { children: location })
|
|
4624
|
+
] })
|
|
4625
|
+
]
|
|
4626
|
+
}
|
|
4627
|
+
)
|
|
4578
4628
|
] }) })
|
|
4579
4629
|
}
|
|
4580
4630
|
);
|
|
@@ -4743,7 +4793,8 @@ function FooterAnimatedSocial({
|
|
|
4743
4793
|
separatorClassName,
|
|
4744
4794
|
copyrightClassName,
|
|
4745
4795
|
background,
|
|
4746
|
-
|
|
4796
|
+
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4797
|
+
spacing = "py-6 md:py-32",
|
|
4747
4798
|
pattern,
|
|
4748
4799
|
patternOpacity
|
|
4749
4800
|
}) {
|
|
@@ -4766,7 +4817,10 @@ function FooterAnimatedSocial({
|
|
|
4766
4817
|
label: link.label,
|
|
4767
4818
|
iconNameOverride: link.iconNameOverride,
|
|
4768
4819
|
iconSize: 24,
|
|
4769
|
-
className: cn(
|
|
4820
|
+
className: cn(
|
|
4821
|
+
"group flex items-center gap-2 py-2 transition-colors hover:opacity-70",
|
|
4822
|
+
socialLinkClassName
|
|
4823
|
+
)
|
|
4770
4824
|
}
|
|
4771
4825
|
)
|
|
4772
4826
|
},
|
|
@@ -4781,6 +4835,7 @@ function FooterAnimatedSocial({
|
|
|
4781
4835
|
pattern,
|
|
4782
4836
|
patternOpacity,
|
|
4783
4837
|
className: cn(className),
|
|
4838
|
+
containerClassName,
|
|
4784
4839
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsx("footer", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
4785
4840
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4786
4841
|
framerMotion.motion.div,
|
|
@@ -4789,23 +4844,56 @@ function FooterAnimatedSocial({
|
|
|
4789
4844
|
initial: "hidden",
|
|
4790
4845
|
whileInView: "visible",
|
|
4791
4846
|
viewport: { once: true },
|
|
4792
|
-
className: cn(
|
|
4847
|
+
className: cn(
|
|
4848
|
+
"flex flex-col justify-between md:flex-row md:items-center",
|
|
4849
|
+
layoutClassName
|
|
4850
|
+
),
|
|
4793
4851
|
children: [
|
|
4794
4852
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-8", leftColumnClassName), children: [
|
|
4795
4853
|
/* @__PURE__ */ jsxRuntime.jsxs(framerMotion.motion.div, { variants: itemVariants, className: "space-y-6", children: [
|
|
4796
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4797
|
-
|
|
4854
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4855
|
+
"h2",
|
|
4856
|
+
{
|
|
4857
|
+
className: cn(
|
|
4858
|
+
"text-4xl leading-tight font-bold lg:text-5xl",
|
|
4859
|
+
headingClassName
|
|
4860
|
+
),
|
|
4861
|
+
children: heading
|
|
4862
|
+
}
|
|
4863
|
+
),
|
|
4864
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4865
|
+
"p",
|
|
4866
|
+
{
|
|
4867
|
+
className: cn(
|
|
4868
|
+
"max-w-md text-lg leading-relaxed opacity-80",
|
|
4869
|
+
descriptionClassName
|
|
4870
|
+
),
|
|
4871
|
+
children: description
|
|
4872
|
+
}
|
|
4873
|
+
)
|
|
4798
4874
|
] }),
|
|
4799
4875
|
ctaUrl && ctaText && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4800
4876
|
Pressable,
|
|
4801
4877
|
{
|
|
4802
4878
|
href: ctaUrl,
|
|
4803
|
-
className: cn(
|
|
4879
|
+
className: cn(
|
|
4880
|
+
"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",
|
|
4881
|
+
ctaClassName
|
|
4882
|
+
),
|
|
4804
4883
|
children: ctaText
|
|
4805
4884
|
}
|
|
4806
4885
|
) })
|
|
4807
4886
|
] }),
|
|
4808
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4887
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4888
|
+
"div",
|
|
4889
|
+
{
|
|
4890
|
+
className: cn(
|
|
4891
|
+
"flex flex-row md:flex-col flex-wrap items-center justify-center gap-4 md:gap-2",
|
|
4892
|
+
rightColumnClassName
|
|
4893
|
+
),
|
|
4894
|
+
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 }) })
|
|
4895
|
+
}
|
|
4896
|
+
)
|
|
4809
4897
|
]
|
|
4810
4898
|
}
|
|
4811
4899
|
),
|
|
@@ -4818,14 +4906,32 @@ function FooterAnimatedSocial({
|
|
|
4818
4906
|
viewport: { once: true },
|
|
4819
4907
|
className: cn("mt-16", bottomClassName),
|
|
4820
4908
|
children: [
|
|
4821
|
-
/* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4909
|
+
/* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4910
|
+
"div",
|
|
4911
|
+
{
|
|
4912
|
+
className: cn(
|
|
4913
|
+
"mb-8 h-px w-full opacity-20",
|
|
4914
|
+
separatorClassName
|
|
4915
|
+
),
|
|
4916
|
+
style: { backgroundColor: "currentColor" }
|
|
4917
|
+
}
|
|
4918
|
+
) }),
|
|
4822
4919
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4823
4920
|
framerMotion.motion.div,
|
|
4824
4921
|
{
|
|
4825
4922
|
variants: itemVariants,
|
|
4826
|
-
className: cn(
|
|
4923
|
+
className: cn(
|
|
4924
|
+
"flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center",
|
|
4925
|
+
copyrightClassName
|
|
4926
|
+
),
|
|
4827
4927
|
children: [
|
|
4828
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4928
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4929
|
+
FooterCopyright,
|
|
4930
|
+
{
|
|
4931
|
+
copyright,
|
|
4932
|
+
className: "text-sm opacity-70"
|
|
4933
|
+
}
|
|
4934
|
+
),
|
|
4829
4935
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6 text-sm opacity-70", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4830
4936
|
BrandAttribution,
|
|
4831
4937
|
{
|
package/dist/components.js
CHANGED
|
@@ -4461,7 +4461,8 @@ function FooterContactCard({
|
|
|
4461
4461
|
copyrightClassName,
|
|
4462
4462
|
locationClassName,
|
|
4463
4463
|
background,
|
|
4464
|
-
|
|
4464
|
+
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4465
|
+
spacing = "py-6 md:py-32",
|
|
4465
4466
|
pattern,
|
|
4466
4467
|
patternOpacity,
|
|
4467
4468
|
optixFlowConfig
|
|
@@ -4474,6 +4475,7 @@ function FooterContactCard({
|
|
|
4474
4475
|
pattern,
|
|
4475
4476
|
patternOpacity,
|
|
4476
4477
|
className: cn(className),
|
|
4478
|
+
containerClassName,
|
|
4477
4479
|
children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
|
|
4478
4480
|
/* @__PURE__ */ jsxs("div", { className: cn("grid gap-12 lg:grid-cols-2", gridClassName), children: [
|
|
4479
4481
|
/* @__PURE__ */ jsxs("div", { className: cn(leftColumnClassName), children: [
|
|
@@ -4486,7 +4488,16 @@ function FooterContactCard({
|
|
|
4486
4488
|
optixFlowConfig
|
|
4487
4489
|
}
|
|
4488
4490
|
),
|
|
4489
|
-
heading && /* @__PURE__ */ jsx(
|
|
4491
|
+
heading && /* @__PURE__ */ jsx(
|
|
4492
|
+
"h2",
|
|
4493
|
+
{
|
|
4494
|
+
className: cn(
|
|
4495
|
+
"mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl",
|
|
4496
|
+
headingClassName
|
|
4497
|
+
),
|
|
4498
|
+
children: heading
|
|
4499
|
+
}
|
|
4500
|
+
),
|
|
4490
4501
|
(email || phone || address) && /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 opacity-80", contactClassName), children: [
|
|
4491
4502
|
email && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
|
|
4492
4503
|
Pressable,
|
|
@@ -4507,51 +4518,90 @@ function FooterContactCard({
|
|
|
4507
4518
|
address && /* @__PURE__ */ jsx("p", { children: address })
|
|
4508
4519
|
] })
|
|
4509
4520
|
] }),
|
|
4510
|
-
/* @__PURE__ */ jsxs(
|
|
4511
|
-
|
|
4512
|
-
|
|
4513
|
-
|
|
4514
|
-
|
|
4521
|
+
/* @__PURE__ */ jsxs(
|
|
4522
|
+
"div",
|
|
4523
|
+
{
|
|
4524
|
+
className: cn(
|
|
4525
|
+
"flex flex-col justify-between",
|
|
4526
|
+
rightColumnClassName
|
|
4527
|
+
),
|
|
4528
|
+
children: [
|
|
4529
|
+
(socialTitle || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxs("div", { className: cn(socialSectionClassName), children: [
|
|
4530
|
+
socialTitle && /* @__PURE__ */ jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
|
|
4531
|
+
socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx(
|
|
4532
|
+
"ul",
|
|
4533
|
+
{
|
|
4534
|
+
className: cn(
|
|
4535
|
+
"flex items-center gap-4",
|
|
4536
|
+
socialLinksClassName
|
|
4537
|
+
),
|
|
4538
|
+
children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
4539
|
+
SocialLinkIcon,
|
|
4540
|
+
{
|
|
4541
|
+
href: social.href,
|
|
4542
|
+
label: social.label,
|
|
4543
|
+
iconNameOverride: social.iconNameOverride,
|
|
4544
|
+
className: cn(
|
|
4545
|
+
"flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
|
|
4546
|
+
socialLinkClassName
|
|
4547
|
+
)
|
|
4548
|
+
}
|
|
4549
|
+
) }, idx))
|
|
4550
|
+
}
|
|
4551
|
+
)
|
|
4552
|
+
] }),
|
|
4553
|
+
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(
|
|
4554
|
+
Pressable,
|
|
4555
|
+
{
|
|
4556
|
+
href: link.href,
|
|
4557
|
+
className: cn(
|
|
4558
|
+
"opacity-80 hover:opacity-100",
|
|
4559
|
+
navLinkClassName
|
|
4560
|
+
),
|
|
4561
|
+
children: link.name
|
|
4562
|
+
}
|
|
4563
|
+
) }, idx)) }) })
|
|
4564
|
+
]
|
|
4565
|
+
}
|
|
4566
|
+
)
|
|
4567
|
+
] }),
|
|
4568
|
+
/* @__PURE__ */ jsxs(
|
|
4569
|
+
"div",
|
|
4570
|
+
{
|
|
4571
|
+
className: cn(
|
|
4572
|
+
"mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center",
|
|
4573
|
+
bottomClassName
|
|
4574
|
+
),
|
|
4575
|
+
children: [
|
|
4576
|
+
/* @__PURE__ */ jsxs(
|
|
4577
|
+
"div",
|
|
4515
4578
|
{
|
|
4516
|
-
href: social.href,
|
|
4517
|
-
label: social.label,
|
|
4518
|
-
iconNameOverride: social.iconNameOverride,
|
|
4519
4579
|
className: cn(
|
|
4520
|
-
"flex
|
|
4521
|
-
|
|
4522
|
-
)
|
|
4580
|
+
"flex flex-col gap-2 md:flex-row md:items-center md:gap-4",
|
|
4581
|
+
copyrightClassName
|
|
4582
|
+
),
|
|
4583
|
+
children: [
|
|
4584
|
+
/* @__PURE__ */ jsx(FooterCopyright, { copyright }),
|
|
4585
|
+
/* @__PURE__ */ jsx(
|
|
4586
|
+
BrandAttribution,
|
|
4587
|
+
{
|
|
4588
|
+
internalBrandSlug: "open_site_ai",
|
|
4589
|
+
optionIndex: 7,
|
|
4590
|
+
variant: "span",
|
|
4591
|
+
linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
|
|
4592
|
+
}
|
|
4593
|
+
)
|
|
4594
|
+
]
|
|
4523
4595
|
}
|
|
4524
|
-
)
|
|
4525
|
-
|
|
4526
|
-
|
|
4527
|
-
|
|
4528
|
-
|
|
4529
|
-
|
|
4530
|
-
|
|
4531
|
-
|
|
4532
|
-
|
|
4533
|
-
) }, idx)) }) })
|
|
4534
|
-
] })
|
|
4535
|
-
] }),
|
|
4536
|
-
/* @__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: [
|
|
4537
|
-
/* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
|
|
4538
|
-
/* @__PURE__ */ jsx(FooterCopyright, { copyright }),
|
|
4539
|
-
/* @__PURE__ */ jsx(
|
|
4540
|
-
BrandAttribution,
|
|
4541
|
-
{
|
|
4542
|
-
internalBrandSlug: "open_site_ai",
|
|
4543
|
-
optionIndex: 7,
|
|
4544
|
-
variant: "span",
|
|
4545
|
-
linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
|
|
4546
|
-
}
|
|
4547
|
-
)
|
|
4548
|
-
] }),
|
|
4549
|
-
(locationLabel || location) && /* @__PURE__ */ jsxs("p", { className: cn(locationClassName), children: [
|
|
4550
|
-
locationLabel,
|
|
4551
|
-
" ",
|
|
4552
|
-
location && /* @__PURE__ */ jsx("strong", { children: location })
|
|
4553
|
-
] })
|
|
4554
|
-
] })
|
|
4596
|
+
),
|
|
4597
|
+
(locationLabel || location) && /* @__PURE__ */ jsxs("p", { className: cn(locationClassName), children: [
|
|
4598
|
+
locationLabel,
|
|
4599
|
+
" ",
|
|
4600
|
+
location && /* @__PURE__ */ jsx("strong", { children: location })
|
|
4601
|
+
] })
|
|
4602
|
+
]
|
|
4603
|
+
}
|
|
4604
|
+
)
|
|
4555
4605
|
] }) })
|
|
4556
4606
|
}
|
|
4557
4607
|
);
|
|
@@ -4720,7 +4770,8 @@ function FooterAnimatedSocial({
|
|
|
4720
4770
|
separatorClassName,
|
|
4721
4771
|
copyrightClassName,
|
|
4722
4772
|
background,
|
|
4723
|
-
|
|
4773
|
+
containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
|
|
4774
|
+
spacing = "py-6 md:py-32",
|
|
4724
4775
|
pattern,
|
|
4725
4776
|
patternOpacity
|
|
4726
4777
|
}) {
|
|
@@ -4743,7 +4794,10 @@ function FooterAnimatedSocial({
|
|
|
4743
4794
|
label: link.label,
|
|
4744
4795
|
iconNameOverride: link.iconNameOverride,
|
|
4745
4796
|
iconSize: 24,
|
|
4746
|
-
className: cn(
|
|
4797
|
+
className: cn(
|
|
4798
|
+
"group flex items-center gap-2 py-2 transition-colors hover:opacity-70",
|
|
4799
|
+
socialLinkClassName
|
|
4800
|
+
)
|
|
4747
4801
|
}
|
|
4748
4802
|
)
|
|
4749
4803
|
},
|
|
@@ -4758,6 +4812,7 @@ function FooterAnimatedSocial({
|
|
|
4758
4812
|
pattern,
|
|
4759
4813
|
patternOpacity,
|
|
4760
4814
|
className: cn(className),
|
|
4815
|
+
containerClassName,
|
|
4761
4816
|
children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsx("footer", { children: /* @__PURE__ */ jsxs("div", { children: [
|
|
4762
4817
|
/* @__PURE__ */ jsxs(
|
|
4763
4818
|
motion.div,
|
|
@@ -4766,23 +4821,56 @@ function FooterAnimatedSocial({
|
|
|
4766
4821
|
initial: "hidden",
|
|
4767
4822
|
whileInView: "visible",
|
|
4768
4823
|
viewport: { once: true },
|
|
4769
|
-
className: cn(
|
|
4824
|
+
className: cn(
|
|
4825
|
+
"flex flex-col justify-between md:flex-row md:items-center",
|
|
4826
|
+
layoutClassName
|
|
4827
|
+
),
|
|
4770
4828
|
children: [
|
|
4771
4829
|
/* @__PURE__ */ jsxs("div", { className: cn("space-y-8", leftColumnClassName), children: [
|
|
4772
4830
|
/* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "space-y-6", children: [
|
|
4773
|
-
/* @__PURE__ */ jsx(
|
|
4774
|
-
|
|
4831
|
+
/* @__PURE__ */ jsx(
|
|
4832
|
+
"h2",
|
|
4833
|
+
{
|
|
4834
|
+
className: cn(
|
|
4835
|
+
"text-4xl leading-tight font-bold lg:text-5xl",
|
|
4836
|
+
headingClassName
|
|
4837
|
+
),
|
|
4838
|
+
children: heading
|
|
4839
|
+
}
|
|
4840
|
+
),
|
|
4841
|
+
/* @__PURE__ */ jsx(
|
|
4842
|
+
"p",
|
|
4843
|
+
{
|
|
4844
|
+
className: cn(
|
|
4845
|
+
"max-w-md text-lg leading-relaxed opacity-80",
|
|
4846
|
+
descriptionClassName
|
|
4847
|
+
),
|
|
4848
|
+
children: description
|
|
4849
|
+
}
|
|
4850
|
+
)
|
|
4775
4851
|
] }),
|
|
4776
4852
|
ctaUrl && ctaText && /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
|
|
4777
4853
|
Pressable,
|
|
4778
4854
|
{
|
|
4779
4855
|
href: ctaUrl,
|
|
4780
|
-
className: cn(
|
|
4856
|
+
className: cn(
|
|
4857
|
+
"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",
|
|
4858
|
+
ctaClassName
|
|
4859
|
+
),
|
|
4781
4860
|
children: ctaText
|
|
4782
4861
|
}
|
|
4783
4862
|
) })
|
|
4784
4863
|
] }),
|
|
4785
|
-
/* @__PURE__ */ jsx(
|
|
4864
|
+
/* @__PURE__ */ jsx(
|
|
4865
|
+
"div",
|
|
4866
|
+
{
|
|
4867
|
+
className: cn(
|
|
4868
|
+
"flex flex-row md:flex-col flex-wrap items-center justify-center gap-4 md:gap-2",
|
|
4869
|
+
rightColumnClassName
|
|
4870
|
+
),
|
|
4871
|
+
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 }) })
|
|
4872
|
+
}
|
|
4873
|
+
)
|
|
4786
4874
|
]
|
|
4787
4875
|
}
|
|
4788
4876
|
),
|
|
@@ -4795,14 +4883,32 @@ function FooterAnimatedSocial({
|
|
|
4795
4883
|
viewport: { once: true },
|
|
4796
4884
|
className: cn("mt-16", bottomClassName),
|
|
4797
4885
|
children: [
|
|
4798
|
-
/* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
|
|
4886
|
+
/* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
|
|
4887
|
+
"div",
|
|
4888
|
+
{
|
|
4889
|
+
className: cn(
|
|
4890
|
+
"mb-8 h-px w-full opacity-20",
|
|
4891
|
+
separatorClassName
|
|
4892
|
+
),
|
|
4893
|
+
style: { backgroundColor: "currentColor" }
|
|
4894
|
+
}
|
|
4895
|
+
) }),
|
|
4799
4896
|
/* @__PURE__ */ jsxs(
|
|
4800
4897
|
motion.div,
|
|
4801
4898
|
{
|
|
4802
4899
|
variants: itemVariants,
|
|
4803
|
-
className: cn(
|
|
4900
|
+
className: cn(
|
|
4901
|
+
"flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center",
|
|
4902
|
+
copyrightClassName
|
|
4903
|
+
),
|
|
4804
4904
|
children: [
|
|
4805
|
-
/* @__PURE__ */ jsx(
|
|
4905
|
+
/* @__PURE__ */ jsx(
|
|
4906
|
+
FooterCopyright,
|
|
4907
|
+
{
|
|
4908
|
+
copyright,
|
|
4909
|
+
className: "text-sm opacity-70"
|
|
4910
|
+
}
|
|
4911
|
+
),
|
|
4806
4912
|
/* @__PURE__ */ jsx("div", { className: "flex items-center gap-6 text-sm opacity-70", children: /* @__PURE__ */ jsx(
|
|
4807
4913
|
BrandAttribution,
|
|
4808
4914
|
{
|