@axos-web-dev/shared-components 1.0.77-patch.66 → 1.0.77-patch.68

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.
Files changed (62) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -1
  2. package/dist/Auth/ErrorAlert.js +1 -1
  3. package/dist/Button/Button.js +1 -1
  4. package/dist/Calculators/Calculator.js +1 -1
  5. package/dist/Carousel/index.js +1 -1
  6. package/dist/Chevron/index.js +1 -1
  7. package/dist/Comparison/Comparison.js +1 -1
  8. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  9. package/dist/FaqAccordion/index.js +1 -1
  10. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
  11. package/dist/Forms/ApplyNow.js +1 -1
  12. package/dist/Forms/ContactUsBusiness.js +1 -1
  13. package/dist/Forms/ContactUsBusinessNameEmail.js +1 -1
  14. package/dist/Forms/ContactUsNMLSId.js +1 -1
  15. package/dist/Forms/CraPublicFile.js +1 -1
  16. package/dist/Forms/EmailOnly.js +1 -1
  17. package/dist/Forms/FormEnums.js +0 -1
  18. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
  19. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
  20. package/dist/Forms/MortgageWarehouseLending.js +1 -1
  21. package/dist/Forms/SuccesForm.js +1 -1
  22. package/dist/HeroBanner/HeroBanner.css.d.ts +1 -0
  23. package/dist/HeroBanner/HeroBanner.css.js +19 -16
  24. package/dist/HeroBanner/HeroBanner.d.ts +1 -1
  25. package/dist/HeroBanner/HeroBanner.interface.d.ts +4 -1
  26. package/dist/HeroBanner/HeroBanner.js +26 -160
  27. package/dist/HeroBanner/HeroVideoPoster.d.ts +5 -0
  28. package/dist/HeroBanner/HeroVideoPoster.js +24 -0
  29. package/dist/HeroBanner/LargeBanner.css.d.ts +110 -0
  30. package/dist/HeroBanner/LargeBanner.css.js +22 -8
  31. package/dist/HeroBanner/LargeHeroBanner.d.ts +5 -0
  32. package/dist/HeroBanner/LargeHeroBanner.js +228 -0
  33. package/dist/HeroBanner/index.js +3 -2
  34. package/dist/Hyperlink/index.js +1 -1
  35. package/dist/ImageLink/index.js +1 -1
  36. package/dist/Insight/Featured/CategorySelector.js +1 -1
  37. package/dist/Insight/Featured/Featured.js +1 -1
  38. package/dist/Insight/Featured/Header.js +1 -1
  39. package/dist/Modal/Modal.js +1 -1
  40. package/dist/NavigationMenu/AxosALTS/NavData.js +1 -1
  41. package/dist/NavigationMenu/AxosALTS/index.js +1 -1
  42. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +1 -0
  43. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +4 -1
  44. package/dist/NavigationMenu/AxosBank/NavData.js +1 -1
  45. package/dist/NavigationMenu/AxosBank/SubNavBar.js +10 -1
  46. package/dist/NavigationMenu/AxosBank/index.js +1 -1
  47. package/dist/NavigationMenu/LaVictoire/NavData.js +1 -1
  48. package/dist/NavigationMenu/LaVictoire/index.js +1 -1
  49. package/dist/NavigationMenu/NavDataJson.js +1 -1
  50. package/dist/NavigationMenu/Navbar.js +1 -1
  51. package/dist/NavigationMenu/SignInNavButton.js +1 -1
  52. package/dist/SocialMediaBar/iconsRepository.js +1 -1
  53. package/dist/VideoTile/VideoTile.js +1 -1
  54. package/dist/VideoWrapper/index.js +1 -1
  55. package/dist/assets/HeroBanner/HeroBanner.css +82 -65
  56. package/dist/assets/HeroBanner/LargeBanner.css +126 -59
  57. package/dist/assets/globals.css +27 -18
  58. package/dist/main.js +3 -2
  59. package/dist/utils/getPosition.d.ts +1 -0
  60. package/dist/utils/getPosition.js +17 -0
  61. package/dist/utils/variant.types.d.ts +1 -0
  62. package/package.json +1 -1
@@ -1,3 +1,4 @@
1
+ export declare const video_bg: string;
1
2
  export declare const lg_hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
2
3
  variant: {
3
4
  primary: {
@@ -14,24 +15,51 @@ export declare const lg_hero_banner: import('@vanilla-extract/recipes').RuntimeF
14
15
  };
15
16
  };
16
17
  }>;
18
+ export declare const lg_hero_container: string;
17
19
  export declare const lg_hero_content: string;
20
+ export declare const content_display_lg: string;
21
+ export declare const lg_hero_content_mobile: string;
18
22
  export declare const lg_hero_text: import('@vanilla-extract/recipes').RuntimeFn<{
19
23
  variant: {
20
24
  primary: {
21
25
  background: `var(--${string})`;
22
26
  color: `var(--${string})`;
27
+ selectors: {
28
+ [x: string]: {
29
+ background: `var(--${string})`;
30
+ color: `var(--${string})`;
31
+ };
32
+ };
23
33
  };
24
34
  secondary: {
25
35
  background: `var(--${string})`;
26
36
  color: `var(--${string})`;
37
+ selectors: {
38
+ [x: string]: {
39
+ background: `var(--${string})`;
40
+ color: `var(--${string})`;
41
+ };
42
+ };
27
43
  };
28
44
  tertiary: {
29
45
  background: `var(--${string})`;
30
46
  color: `var(--${string})`;
47
+ selectors: {
48
+ [x: string]: {
49
+ background: `var(--${string})`;
50
+ color: `var(--${string})`;
51
+ };
52
+ };
31
53
  };
32
54
  quaternary: {
33
55
  background: `var(--${string})`;
34
56
  color: `var(--${string})`;
57
+ selectors: {
58
+ [x: string]: {
59
+ background: `var(--${string})`;
60
+ color: `var(--${string})`;
61
+ };
62
+ };
35
63
  };
36
64
  };
37
65
  }>;
@@ -39,15 +67,35 @@ export declare const lg_hero_eyebrow: import('@vanilla-extract/recipes').Runtime
39
67
  variant: {
40
68
  primary: {
41
69
  color: `var(--${string})`;
70
+ selectors: {
71
+ [x: string]: {
72
+ color: `var(--${string})`;
73
+ };
74
+ };
42
75
  };
43
76
  secondary: {
44
77
  color: `var(--${string})`;
78
+ selectors: {
79
+ [x: string]: {
80
+ color: `var(--${string})`;
81
+ };
82
+ };
45
83
  };
46
84
  tertiary: {
47
85
  color: `var(--${string})`;
86
+ selectors: {
87
+ [x: string]: {
88
+ color: `var(--${string})`;
89
+ };
90
+ };
48
91
  };
49
92
  quaternary: {
50
93
  color: `var(--${string})`;
94
+ selectors: {
95
+ [x: string]: {
96
+ color: `var(--${string})`;
97
+ };
98
+ };
51
99
  };
52
100
  };
53
101
  }>;
@@ -55,17 +103,79 @@ export declare const lg_headline_text: import('@vanilla-extract/recipes').Runtim
55
103
  variant: {
56
104
  primary: {
57
105
  color: `var(--${string})`;
106
+ selectors: {
107
+ [x: string]: {
108
+ color: `var(--${string})`;
109
+ };
110
+ };
58
111
  };
59
112
  secondary: {
60
113
  color: `var(--${string})`;
114
+ selectors: {
115
+ [x: string]: {
116
+ color: `var(--${string})`;
117
+ };
118
+ };
61
119
  };
62
120
  tertiary: {
63
121
  color: `var(--${string})`;
122
+ selectors: {
123
+ [x: string]: {
124
+ color: `var(--${string})`;
125
+ };
126
+ };
64
127
  };
65
128
  quaternary: {
66
129
  color: `var(--${string})`;
130
+ selectors: {
131
+ [x: string]: {
132
+ color: `var(--${string})`;
133
+ };
134
+ };
67
135
  };
68
136
  };
69
137
  }>;
70
138
  export declare const lg_hero_img: string;
71
139
  export declare const lg_hero_sizing: string;
140
+ export declare const video_wrapper: string;
141
+ export declare const player: string;
142
+ export declare const placement: import('@vanilla-extract/recipes').RuntimeFn<{
143
+ position: {
144
+ "top left": {
145
+ "@media": {
146
+ "(min-width: 1024px)": {
147
+ borderRadius: "0 0 1rem 0";
148
+ left: number;
149
+ top: number;
150
+ };
151
+ };
152
+ };
153
+ "top right": {
154
+ "@media": {
155
+ "(min-width: 1024px)": {
156
+ borderRadius: "0 0 0 1rem";
157
+ right: number;
158
+ top: number;
159
+ };
160
+ };
161
+ };
162
+ "bottom left": {
163
+ "@media": {
164
+ "(min-width: 1024px)": {
165
+ borderRadius: "0 1rem 0 0";
166
+ bottom: number;
167
+ left: number;
168
+ };
169
+ };
170
+ };
171
+ "bottom right": {
172
+ "@media": {
173
+ "(min-width: 1024px)": {
174
+ borderRadius: "1rem 0 0 0";
175
+ bottom: number;
176
+ right: number;
177
+ };
178
+ };
179
+ };
180
+ };
181
+ }>;
@@ -5,19 +5,33 @@ import '../assets/HeroBanner/LargeBanner.css';import '../assets/Typography/Typog
5
5
  /* empty css */
6
6
  /* empty css */
7
7
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
8
- var lg_hero_banner = createRuntimeFn({ defaultClassName: "_1bsyngo0", variantClassNames: { variant: { primary: "_1bsyngo1", secondary: "_1bsyngo2", tertiary: "_1bsyngo3", quaternary: "_1bsyngo4" } }, defaultVariants: {}, compoundVariants: [] });
9
- var lg_hero_content = "_1bsyngo5";
10
- var lg_hero_text = createRuntimeFn({ defaultClassName: "_1bsyngo6", variantClassNames: { variant: { primary: "_1bsyngo7", secondary: "_1bsyngo8", tertiary: "_1bsyngo9", quaternary: "_1bsyngoa" } }, defaultVariants: {}, compoundVariants: [] });
11
- var lg_hero_eyebrow = createRuntimeFn({ defaultClassName: "_1bsyngob", variantClassNames: { variant: { primary: "_1bsyngoc", secondary: "_1bsyngod", tertiary: "_1bsyngoe", quaternary: "_1bsyngof" } }, defaultVariants: {}, compoundVariants: [] });
12
- var lg_headline_text = createRuntimeFn({ defaultClassName: "_1bsyngog", variantClassNames: { variant: { primary: "_1bsyngoh", secondary: "_1bsyngoi", tertiary: "_1bsyngoj", quaternary: "_1bsyngok" } }, defaultVariants: {}, compoundVariants: [] });
13
- var lg_hero_img = "_1bsyngol";
14
- var lg_hero_sizing = "_1bsyngom";
8
+ var video_bg = "_1bsyngo0";
9
+ var lg_hero_banner = createRuntimeFn({ defaultClassName: "_1bsyngo1", variantClassNames: { variant: { primary: "_1bsyngo2", secondary: "_1bsyngo3", tertiary: "_1bsyngo4", quaternary: "_1bsyngo5" } }, defaultVariants: {}, compoundVariants: [] });
10
+ var lg_hero_container = "_1bsyngo6";
11
+ var lg_hero_content = "_1bsyngo7";
12
+ var content_display_lg = "_1bsyngo8";
13
+ var lg_hero_content_mobile = "_1bsyngo9";
14
+ var lg_hero_text = createRuntimeFn({ defaultClassName: "_1bsyngoa", variantClassNames: { variant: { primary: "_1bsyngob", secondary: "_1bsyngoc", tertiary: "_1bsyngod", quaternary: "_1bsyngoe" } }, defaultVariants: {}, compoundVariants: [] });
15
+ var lg_hero_eyebrow = createRuntimeFn({ defaultClassName: "_1bsyngof", variantClassNames: { variant: { primary: "_1bsyngog", secondary: "_1bsyngoh", tertiary: "_1bsyngoi", quaternary: "_1bsyngoj" } }, defaultVariants: {}, compoundVariants: [] });
16
+ var lg_headline_text = createRuntimeFn({ defaultClassName: "_1bsyngok", variantClassNames: { variant: { primary: "_1bsyngol", secondary: "_1bsyngom", tertiary: "_1bsyngon", quaternary: "_1bsyngoo" } }, defaultVariants: {}, compoundVariants: [] });
17
+ var lg_hero_img = "_1bsyngop";
18
+ var lg_hero_sizing = "_1bsyngoq";
19
+ var video_wrapper = "_1bsyngor";
20
+ var player = "_1bsyngos";
21
+ var placement = createRuntimeFn({ defaultClassName: "_1bsyngot", variantClassNames: { position: { "top left": "_1bsyngou", "top right": "_1bsyngov", "bottom left": "_1bsyngow", "bottom right": "_1bsyngox" } }, defaultVariants: {}, compoundVariants: [] });
15
22
  export {
23
+ content_display_lg,
16
24
  lg_headline_text,
17
25
  lg_hero_banner,
26
+ lg_hero_container,
18
27
  lg_hero_content,
28
+ lg_hero_content_mobile,
19
29
  lg_hero_eyebrow,
20
30
  lg_hero_img,
21
31
  lg_hero_sizing,
22
- lg_hero_text
32
+ lg_hero_text,
33
+ placement,
34
+ player,
35
+ video_bg,
36
+ video_wrapper
23
37
  };
@@ -0,0 +1,5 @@
1
+ import { HeroBannerInterface } from './HeroBanner.interface';
2
+
3
+ type LargeHeroBannerProps = Pick<HeroBannerInterface, "id" | "eyebrow" | "headline" | "bodyCopy" | "bullets" | "callToActionRow" | "image" | "imagePlacement" | "variant" | "video" | "bannerType" | "videoTextPosition">;
4
+ export declare const LargeHeroBanner: ({ id, eyebrow, headline, bodyCopy, bullets, callToActionRow, image, imagePlacement, variant, video, bannerType, videoTextPosition, }: LargeHeroBannerProps) => import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,228 @@
1
+ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
+ import clsx from "clsx";
3
+ import Image from "next/image.js";
4
+ import { Button } from "../Button/Button.js";
5
+ import "../Button/Button.css.js";
6
+ import "react";
7
+ import "react-use";
8
+ import { Chevron } from "../Chevron/index.js";
9
+ import "../icons/ArrowIcon/ArrowIcon.css.js";
10
+ import "../icons/CheckIcon/CheckIcon.css.js";
11
+ import SvgCheckIcon from "../icons/CheckIcon/index.js";
12
+ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
13
+ /* empty css */
14
+ /* empty css */
15
+ /* empty css */
16
+ /* empty css */
17
+ /* empty css */
18
+ import { getVariant } from "../utils/getVariant.js";
19
+ import { HeroVideoPoster } from "./HeroVideoPoster.js";
20
+ import { getPosition } from "../utils/getPosition.js";
21
+ import { hero_wrapper, hero_bullet_item, hero_sub_bullets, hero_btns, img_contents, reversed_lg_image, reversed } from "./HeroBanner.css.js";
22
+ import { lg_hero_container, content_display_lg, lg_hero_eyebrow, lg_headline_text, lg_hero_text, placement, lg_hero_content_mobile, lg_hero_sizing, lg_hero_img, lg_hero_content, video_wrapper, lg_hero_banner, video_bg } from "./LargeBanner.css.js";
23
+ const LargeHeroBanner = ({
24
+ id,
25
+ eyebrow,
26
+ headline,
27
+ bodyCopy,
28
+ bullets,
29
+ callToActionRow,
30
+ image,
31
+ imagePlacement = "Right",
32
+ variant,
33
+ video,
34
+ bannerType,
35
+ videoTextPosition = "default"
36
+ }) => {
37
+ const textPosition = getPosition(videoTextPosition);
38
+ return /* @__PURE__ */ jsxs(
39
+ "section",
40
+ {
41
+ className: clsx(
42
+ lg_hero_banner({ variant: getVariant(variant) }),
43
+ bannerType === "Video Poster" ? video_bg : ""
44
+ ),
45
+ id,
46
+ children: [
47
+ /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment ${lg_hero_container}`, children: /* @__PURE__ */ jsxs(
48
+ "div",
49
+ {
50
+ className: clsx(
51
+ lg_hero_content,
52
+ imagePlacement !== "Right" ? reversed : "",
53
+ "flex",
54
+ "between",
55
+ "middle"
56
+ ),
57
+ style: {
58
+ position: textPosition !== "default" ? "static" : "relative"
59
+ },
60
+ children: [
61
+ /* @__PURE__ */ jsx(
62
+ "div",
63
+ {
64
+ className: clsx(
65
+ lg_hero_text({ variant: getVariant(variant) }),
66
+ "rounded",
67
+ textPosition !== "default" ? placement({ position: textPosition }) : "",
68
+ lg_hero_content_mobile
69
+ ),
70
+ children: /* @__PURE__ */ jsxs("div", { className: `containment ${content_display_lg}`, children: [
71
+ eyebrow && /* @__PURE__ */ jsx(
72
+ "h1",
73
+ {
74
+ className: lg_hero_eyebrow({
75
+ variant: getVariant(variant)
76
+ }),
77
+ children: eyebrow
78
+ }
79
+ ),
80
+ eyebrow ? /* @__PURE__ */ jsx(
81
+ "h2",
82
+ {
83
+ className: lg_headline_text({
84
+ variant: getVariant(variant)
85
+ }),
86
+ children: headline
87
+ }
88
+ ) : /* @__PURE__ */ jsx(
89
+ "h1",
90
+ {
91
+ className: lg_headline_text({
92
+ variant: getVariant(variant)
93
+ }),
94
+ children: headline
95
+ }
96
+ ),
97
+ /* @__PURE__ */ jsxs("div", { className: "push_up", children: [
98
+ /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
99
+ bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up_24", children: bullets.map(
100
+ ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs(
101
+ "li",
102
+ {
103
+ className: `list_item flex ${hero_bullet_item}`,
104
+ children: [
105
+ /* @__PURE__ */ jsx("div", { className: "img_item", children: getVariant(variant) ? bannerType === "Video Poster" ? /* @__PURE__ */ jsx(
106
+ SvgCheckIcon,
107
+ {
108
+ variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "primary" : "secondary"
109
+ }
110
+ ) : /* @__PURE__ */ jsx(
111
+ SvgCheckIcon,
112
+ {
113
+ variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "secondary" : "primary"
114
+ }
115
+ ) : /* @__PURE__ */ jsx("img", { src: icon?.src, alt: icon?.altText }) }),
116
+ /* @__PURE__ */ jsx("span", { children: copy })
117
+ ]
118
+ },
119
+ id2
120
+ ) : /* @__PURE__ */ jsx(
121
+ "ul",
122
+ {
123
+ className: clsx(hero_sub_bullets, "mb_0", "push_up"),
124
+ children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
125
+ /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
126
+ "img",
127
+ {
128
+ style: { maxWidth: "max-content" },
129
+ src: icon?.src,
130
+ alt: icon?.altText
131
+ }
132
+ ) }),
133
+ /* @__PURE__ */ jsx("span", { children: copy })
134
+ ] })
135
+ },
136
+ id2
137
+ )
138
+ ) })
139
+ ] }),
140
+ callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
141
+ ({
142
+ id: id2,
143
+ variant: variant2,
144
+ displayText,
145
+ targetUrl,
146
+ type,
147
+ newTab
148
+ }) => type === "Button" ? /* @__PURE__ */ jsx(
149
+ Button,
150
+ {
151
+ targetUrl,
152
+ color: getVariant(variant2),
153
+ size: "large",
154
+ rounded: "medium",
155
+ newTab,
156
+ children: displayText
157
+ },
158
+ id2
159
+ ) : /* @__PURE__ */ jsx(
160
+ Chevron,
161
+ {
162
+ targetUrl,
163
+ variant: getVariant(variant2),
164
+ newTab,
165
+ children: displayText
166
+ },
167
+ id2
168
+ )
169
+ ) })
170
+ ] })
171
+ }
172
+ ),
173
+ bannerType === "Large" && image && /* @__PURE__ */ jsx(
174
+ "div",
175
+ {
176
+ className: clsx(
177
+ lg_hero_img,
178
+ imagePlacement !== "Right" ? reversed_lg_image : "",
179
+ "rounded",
180
+ lg_hero_content_mobile
181
+ ),
182
+ role: "presentation",
183
+ children: /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
184
+ /* @__PURE__ */ jsx(
185
+ "source",
186
+ {
187
+ srcSet: `https:${image?.src}?fm=avif`,
188
+ type: "image/avif"
189
+ }
190
+ ),
191
+ /* @__PURE__ */ jsx(
192
+ "source",
193
+ {
194
+ srcSet: `https:${image?.src}?fm=webp`,
195
+ type: "image/webp"
196
+ }
197
+ ),
198
+ /* @__PURE__ */ jsx(
199
+ Image,
200
+ {
201
+ src: `https:${image?.src}?q=90`,
202
+ className: lg_hero_sizing,
203
+ alt: "",
204
+ height: 600,
205
+ width: 792,
206
+ priority: true
207
+ }
208
+ )
209
+ ] })
210
+ }
211
+ )
212
+ ]
213
+ }
214
+ ) }),
215
+ bannerType === "Video Poster" && video && /* @__PURE__ */ jsx("div", { className: video_wrapper, "aria-hidden": "true", inert: true, children: /* @__PURE__ */ jsx(
216
+ HeroVideoPoster,
217
+ {
218
+ otherSource: video.otherSource,
219
+ thumbnailImage: video.thumbnailImage
220
+ }
221
+ ) })
222
+ ]
223
+ }
224
+ );
225
+ };
226
+ export {
227
+ LargeHeroBanner
228
+ };
@@ -1,5 +1,5 @@
1
1
  import { HeroBanner } from "./HeroBanner.js";
2
- import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner.css.js";
2
+ import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image, xl } from "./HeroBanner.css.js";
3
3
  import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./SelectionBanner.css.js";
4
4
  export {
5
5
  HeroBanner,
@@ -23,5 +23,6 @@ export {
23
23
  selection_section_bg,
24
24
  selection_section_content,
25
25
  selection_section_icon,
26
- selection_section_icon_img
26
+ selection_section_icon_img,
27
+ xl
27
28
  };
@@ -78,8 +78,8 @@ import "../Chatbot/store/messages.js";
78
78
  /* empty css */
79
79
  import "../Comparison/Comparison.css.js";
80
80
  import "next/image.js";
81
- import "../HeroBanner/HeroBanner.css.js";
82
81
  import "../HeroBanner/LargeBanner.css.js";
82
+ import "../HeroBanner/HeroBanner.css.js";
83
83
  import "../HeroBanner/SelectionBanner.css.js";
84
84
  import "../SetContainer/SetContainer.css.js";
85
85
  import "../Tab/Tab.css.js";
@@ -76,8 +76,8 @@ import "../Chatbot/store/messages.js";
76
76
  /* empty css */
77
77
  import "../Comparison/Comparison.css.js";
78
78
  import "next/image.js";
79
- import "../HeroBanner/HeroBanner.css.js";
80
79
  import "../HeroBanner/LargeBanner.css.js";
80
+ import "../HeroBanner/HeroBanner.css.js";
81
81
  import "../HeroBanner/SelectionBanner.css.js";
82
82
  import "../SetContainer/SetContainer.css.js";
83
83
  import "../Tab/Tab.css.js";
@@ -80,8 +80,8 @@ import "../../Chatbot/store/messages.js";
80
80
  /* empty css */
81
81
  import "../../Comparison/Comparison.css.js";
82
82
  import "next/image.js";
83
- import "../../HeroBanner/HeroBanner.css.js";
84
83
  import "../../HeroBanner/LargeBanner.css.js";
84
+ import "../../HeroBanner/HeroBanner.css.js";
85
85
  import "../../HeroBanner/SelectionBanner.css.js";
86
86
  import "../../SetContainer/SetContainer.css.js";
87
87
  import "../../Tab/Tab.css.js";
@@ -81,8 +81,8 @@ import "../../Chatbot/store/messages.js";
81
81
  /* empty css */
82
82
  import "../../Comparison/Comparison.css.js";
83
83
  import Image from "next/image.js";
84
- import "../../HeroBanner/HeroBanner.css.js";
85
84
  import "../../HeroBanner/LargeBanner.css.js";
85
+ import "../../HeroBanner/HeroBanner.css.js";
86
86
  import "../../HeroBanner/SelectionBanner.css.js";
87
87
  import { set_container } from "../../SetContainer/SetContainer.css.js";
88
88
  import "../../Tab/Tab.css.js";
@@ -79,8 +79,8 @@ import "../../Chatbot/store/messages.js";
79
79
  /* empty css */
80
80
  import "../../Comparison/Comparison.css.js";
81
81
  import "next/image.js";
82
- import "../../HeroBanner/HeroBanner.css.js";
83
82
  import "../../HeroBanner/LargeBanner.css.js";
83
+ import "../../HeroBanner/HeroBanner.css.js";
84
84
  import "../../HeroBanner/SelectionBanner.css.js";
85
85
  import "../../SetContainer/SetContainer.css.js";
86
86
  import "../../Tab/Tab.css.js";
@@ -79,8 +79,8 @@ import "../Chatbot/store/messages.js";
79
79
  /* empty css */
80
80
  import "../Comparison/Comparison.css.js";
81
81
  import "next/image.js";
82
- import "../HeroBanner/HeroBanner.css.js";
83
82
  import "../HeroBanner/LargeBanner.css.js";
83
+ import "../HeroBanner/HeroBanner.css.js";
84
84
  import "../HeroBanner/SelectionBanner.css.js";
85
85
  import "../SetContainer/SetContainer.css.js";
86
86
  import "../Tab/Tab.css.js";
@@ -79,8 +79,8 @@ import "../../Chatbot/store/messages.js";
79
79
  /* empty css */
80
80
  import "../../Comparison/Comparison.css.js";
81
81
  import "next/image.js";
82
- import "../../HeroBanner/HeroBanner.css.js";
83
82
  import "../../HeroBanner/LargeBanner.css.js";
83
+ import "../../HeroBanner/HeroBanner.css.js";
84
84
  import "../../HeroBanner/SelectionBanner.css.js";
85
85
  import "../../SetContainer/SetContainer.css.js";
86
86
  import "../../Tab/Tab.css.js";
@@ -80,8 +80,8 @@ import "../../Chatbot/store/messages.js";
80
80
  /* empty css */
81
81
  import "../../Comparison/Comparison.css.js";
82
82
  import "next/image.js";
83
- import "../../HeroBanner/HeroBanner.css.js";
84
83
  import "../../HeroBanner/LargeBanner.css.js";
84
+ import "../../HeroBanner/HeroBanner.css.js";
85
85
  import "../../HeroBanner/SelectionBanner.css.js";
86
86
  import "../../SetContainer/SetContainer.css.js";
87
87
  import "../../Tab/Tab.css.js";
@@ -191,6 +191,7 @@ export declare const menuData: {
191
191
  "Leveraged Finance": string;
192
192
  "Dealer Floorplan Finance": string;
193
193
  "Premium Finance": string;
194
+ "Franchise Finance": string;
194
195
  };
195
196
  "Other Resources": {
196
197
  "Business Support": string;
@@ -79,8 +79,8 @@ import "../../../Chatbot/store/messages.js";
79
79
  /* empty css */
80
80
  import "../../../Comparison/Comparison.css.js";
81
81
  import "next/image.js";
82
- import "../../../HeroBanner/HeroBanner.css.js";
83
82
  import "../../../HeroBanner/LargeBanner.css.js";
83
+ import "../../../HeroBanner/HeroBanner.css.js";
84
84
  import "../../../HeroBanner/SelectionBanner.css.js";
85
85
  import "../../../SetContainer/SetContainer.css.js";
86
86
  import "../../../Tab/Tab.css.js";
@@ -526,6 +526,9 @@ const menuData = {
526
526
  ),
527
527
  "Premium Finance": findMoreAxosDomains(
528
528
  "{AXOSBANK}/commercial/lending/premium-finance"
529
+ ),
530
+ "Franchise Finance": findMoreAxosDomains(
531
+ "{AXOSBANK}/commercial/lending/franchise-finance"
529
532
  )
530
533
  },
531
534
  "Other Resources": {
@@ -79,8 +79,8 @@ import "../../Chatbot/store/messages.js";
79
79
  /* empty css */
80
80
  import "../../Comparison/Comparison.css.js";
81
81
  import "next/image.js";
82
- import "../../HeroBanner/HeroBanner.css.js";
83
82
  import "../../HeroBanner/LargeBanner.css.js";
83
+ import "../../HeroBanner/HeroBanner.css.js";
84
84
  import "../../HeroBanner/SelectionBanner.css.js";
85
85
  import "../../SetContainer/SetContainer.css.js";
86
86
  import "../../Tab/Tab.css.js";
@@ -81,8 +81,8 @@ import "../../Chatbot/store/messages.js";
81
81
  /* empty css */
82
82
  import "../../Comparison/Comparison.css.js";
83
83
  import Image from "next/image.js";
84
- import "../../HeroBanner/HeroBanner.css.js";
85
84
  import "../../HeroBanner/LargeBanner.css.js";
85
+ import "../../HeroBanner/HeroBanner.css.js";
86
86
  import "../../HeroBanner/SelectionBanner.css.js";
87
87
  import "../../SetContainer/SetContainer.css.js";
88
88
  import "../../Tab/Tab.css.js";
@@ -2953,6 +2953,15 @@ function SubNavBar() {
2953
2953
  ),
2954
2954
  children: "Premium Finance"
2955
2955
  }
2956
+ ) }),
2957
+ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
2958
+ Link,
2959
+ {
2960
+ href: findMoreAxosDomains(
2961
+ "{AXOSBANK}/commercial/lending/franchise-finance"
2962
+ ),
2963
+ children: "Franchise Finance"
2964
+ }
2956
2965
  ) })
2957
2966
  ] })
2958
2967
  ] }),
@@ -82,8 +82,8 @@ import "../../Chatbot/store/messages.js";
82
82
  /* empty css */
83
83
  import "../../Comparison/Comparison.css.js";
84
84
  import "next/image.js";
85
- import "../../HeroBanner/HeroBanner.css.js";
86
85
  import "../../HeroBanner/LargeBanner.css.js";
86
+ import "../../HeroBanner/HeroBanner.css.js";
87
87
  import "../../HeroBanner/SelectionBanner.css.js";
88
88
  import "../../SetContainer/SetContainer.css.js";
89
89
  import "../../Tab/Tab.css.js";
@@ -79,8 +79,8 @@ import "../../Chatbot/store/messages.js";
79
79
  /* empty css */
80
80
  import "../../Comparison/Comparison.css.js";
81
81
  import "next/image.js";
82
- import "../../HeroBanner/HeroBanner.css.js";
83
82
  import "../../HeroBanner/LargeBanner.css.js";
83
+ import "../../HeroBanner/HeroBanner.css.js";
84
84
  import "../../HeroBanner/SelectionBanner.css.js";
85
85
  import "../../SetContainer/SetContainer.css.js";
86
86
  import "../../Tab/Tab.css.js";
@@ -82,8 +82,8 @@ import "../../Chatbot/store/messages.js";
82
82
  /* empty css */
83
83
  import "../../Comparison/Comparison.css.js";
84
84
  import "next/image.js";
85
- import "../../HeroBanner/HeroBanner.css.js";
86
85
  import "../../HeroBanner/LargeBanner.css.js";
86
+ import "../../HeroBanner/HeroBanner.css.js";
87
87
  import "../../HeroBanner/SelectionBanner.css.js";
88
88
  import "../../SetContainer/SetContainer.css.js";
89
89
  import "../../Tab/Tab.css.js";