Overall posture
- - 92% - Healthy -
- {iconName && (
-
- )}
- {item.eyebrow && {item.eyebrow} }
-
- {item.title}
-
-
- {item.description}
-
- {(item.meta || item.href) && (
-
-
- {item.meta && {item.meta}}
- {item.href && (
-
- Learn more
-
- )}
-
- )}
-
- {item.category}
-
- {item.name}
-
-
- {item.note}
} -{item.value}
-
-
- {showHelper && cta.helper &&
diff --git a/apps/website/src/components/content/RichText.astro b/apps/website/src/components/content/RichText.astro
deleted file mode 100644
index 50b53d10..00000000
--- a/apps/website/src/components/content/RichText.astro
+++ /dev/null
@@ -1,32 +0,0 @@
----
-import Card from '@/components/primitives/Card.astro';
-import Headline from '@/components/content/Headline.astro';
-import Lead from '@/components/content/Lead.astro';
-import type { LegalSection } from '@/types/site';
-
-interface Props {
- sections: LegalSection[];
-}
-
-const { sections } = Astro.props;
----
-
-{cta.helper}
} -
- {
- sections.map((section) => (
-
-
- {section.title}
-
-
- ))
- }
-
diff --git a/apps/website/src/components/content/SecondaryCTA.astro b/apps/website/src/components/content/SecondaryCTA.astro
deleted file mode 100644
index 3372f0b5..00000000
--- a/apps/website/src/components/content/SecondaryCTA.astro
+++ /dev/null
@@ -1,20 +0,0 @@
----
-import Button from '@/components/primitives/Button.astro';
-import type { CtaLink } from '@/types/site';
-
-interface Props {
- cta: CtaLink;
- class?: string;
- showHelper?: boolean;
- size?: 'lg' | 'md' | 'sm';
-}
-
-const { cta, class: className = '', showHelper = false, size = 'md' } = Astro.props;
----
-
-
- {section.body.map((paragraph) => {paragraph} )}
- {section.bullets && section.bullets.length > 0 && (
-
- -
- {section.bullets.map((bullet) =>
- {bullet} )} -
-
- {showHelper && cta.helper &&
diff --git a/apps/website/src/components/content/TenantialLogo.astro b/apps/website/src/components/content/TenantialLogo.astro
deleted file mode 100644
index bb4b5ca1..00000000
--- a/apps/website/src/components/content/TenantialLogo.astro
+++ /dev/null
@@ -1,35 +0,0 @@
----
-interface Props {
- class?: string;
- imageClass?: string;
- invert?: boolean;
- label?: string;
- markClass?: string;
-}
-
-const {
- class: className = '',
- imageClass,
- invert = true,
- label = 'Tenantial',
- markClass = 'h-9 w-9',
-} = Astro.props;
-
-const resolvedImageClass = imageClass ?? markClass;
----
-
-
- {cta.helper}
} -
-
diff --git a/apps/website/src/components/content/TrustPrincipleCard.astro b/apps/website/src/components/content/TrustPrincipleCard.astro
deleted file mode 100644
index f1d542b3..00000000
--- a/apps/website/src/components/content/TrustPrincipleCard.astro
+++ /dev/null
@@ -1,24 +0,0 @@
----
-import Card from '@/components/primitives/Card.astro';
-import Headline from '@/components/content/Headline.astro';
-import Lead from '@/components/content/Lead.astro';
-import type { TrustPrincipleContent } from '@/types/site';
-
-interface Props {
- item: TrustPrincipleContent;
-}
-
-const { item } = Astro.props;
----
-
-
-
- {
- pageDefinition.pageRole === 'home' && (
- <>
-
-
-
- )
- }
-
-
-
-
-
-
diff --git a/apps/website/src/components/primitives/Input.astro b/apps/website/src/components/primitives/Input.astro
deleted file mode 100644
index 055e9b22..00000000
--- a/apps/website/src/components/primitives/Input.astro
+++ /dev/null
@@ -1,33 +0,0 @@
----
-interface Props {
- class?: string;
- name?: string;
- placeholder?: string;
- readonly?: boolean;
- type?: string;
- value?: string;
-}
-
-const {
- class: className = '',
- name,
- placeholder,
- readonly = false,
- type = 'text',
- value,
-} = Astro.props;
----
-
-
diff --git a/apps/website/src/components/primitives/Section.astro b/apps/website/src/components/primitives/Section.astro
deleted file mode 100644
index a5a39f35..00000000
--- a/apps/website/src/components/primitives/Section.astro
+++ /dev/null
@@ -1,47 +0,0 @@
----
-interface Props {
- as?: keyof HTMLElementTagNameMap;
- class?: string;
- density?: 'base' | 'compact' | 'spacious';
- id?: string;
- layer?: '1' | '2' | '3';
- tone?: 'default' | 'emphasis' | 'muted' | 'tinted' | 'warm';
- [key: string]: unknown;
-}
-
-const {
- as = 'section',
- class: className = '',
- density = 'base',
- id,
- layer = '2',
- tone = 'default',
- ...rest
-} = Astro.props;
-const Tag = as;
-const densityClasses = {
- compact: 'section-density-compact',
- base: 'section-density-base',
- spacious: 'section-density-spacious',
-};
-const toneClasses = {
- default: '',
- muted: 'section-shell-muted px-3 sm:px-4',
- emphasis: 'section-shell-emphasis px-3 sm:px-4',
- tinted: 'section-tinted px-3 sm:px-4',
- warm: 'section-warm px-3 sm:px-4',
-};
----
-
-
- {eyebrow && {eyebrow} }
- {titleHtml ? {title} }
- {description && {description} }
-
diff --git a/apps/website/src/components/primitives/Stack.astro b/apps/website/src/components/primitives/Stack.astro
deleted file mode 100644
index 8f427fb4..00000000
--- a/apps/website/src/components/primitives/Stack.astro
+++ /dev/null
@@ -1,20 +0,0 @@
----
-interface Props {
- as?: keyof HTMLElementTagNameMap;
- class?: string;
- gap?: 'lg' | 'md' | 'sm' | 'xl';
-}
-
-const { as = 'div', class: className = '', gap = 'md' } = Astro.props;
-const gapClasses = {
- sm: 'flex flex-col gap-[var(--space-stack-sm)]',
- md: 'flex flex-col gap-[var(--space-stack)]',
- lg: 'flex flex-col gap-[var(--space-stack-lg)]',
- xl: 'flex flex-col gap-10',
-};
-const Tag = as;
----
-
-
-
-
-
-
-
- {items.map((cluster) => (
-
-
- ))}
-
-
-
-
- {cluster.description}
-
-
-
-
- {cluster.title}
-
- {cluster.meta && (
- {cluster.meta}
- )}
-
- -
- {cluster.capabilities.map((cap) => (
-
- - {cap} - - ))} -
-
- {items.map((item) =>
-
-
-
-
- {
- items.map((item) => {
- const iconName = item.icon ? lucideMap[item.icon] : undefined;
-
- return (
-
-
- );
- })
- }
-
-
- {iconName && (
-
- )}
-
-
-
- - {item.title} -
-- {item.description} -
- {item.meta && ( -- {item.meta} -
- )} -
-
-
-
-
- {eyebrow && {eyebrow} }
-
- - {title} -
-
- {
- items.map((item) => (
-
-
-
- {content.outcomes.map((outcome) => (
-
-
- {outcome.title}
-
-
- {outcome.description}
-
-
- ))}
-
-
-
-
- ) : (
-
-
-
-
-
-
-
- {hero.trustSubclaims && hero.trustSubclaims.length > 0 && (
-
-
- {(hero.primaryCta || hero.secondaryCta) && (
-
- {hero.eyebrow}
-
-
-
-
-
- {hero.titleHtml ?
-
-
-
- {hero.description}
-
-
-
-
-
-
- )}
-
-
- )}
- -
- {hero.trustSubclaims.map((claim, index) => (
-
- - - {claim} - - ))} -
-
- - Built for operator-led teams -
--
- {audienceLabels.map((label) => (
-
- - {label} - - ))} -
-
-
-
-
-
-
- )}
-
-
-
-
- {(hero.primaryCta || hero.secondaryCta) && (
-
- {hero.eyebrow}
-
-
-
-
-
- {hero.titleHtml ?
-
-
-
- {hero.description}
-
-
-
-
-
-
- )}
- {hero.highlights && hero.highlights.length > 0 && !hero.trustSubclaims?.length && (
- -
- {hero.highlights.map((highlight) => (
-
- - {highlight} - - ))} -
- {hero.productVisual && (
-
- 
-
- )}
-
- {hero.trustSubclaims && hero.trustSubclaims.length > 0 && (
-
-
- )}
-
- {!hero.productVisual && (calloutTitle || calloutDescription) && (
-
-
- )}
-
- {metrics.length > 0 && (
-
-
-
- - Early trust -
--
- {hero.trustSubclaims.map((claim) => (
-
- - {claim} - - ))} -
- Trust-first launch surface -
- {calloutTitle && ( -- {calloutTitle} -
- )} - {calloutDescription && ( -{calloutDescription}
- )} -
- {metrics.map((metric) =>
- )}
-
-
-
- {content.entries.map((entry) => (
-
- {formatDate(entry.date)}
-
- ))}
-
-
-
- {entry.title}
-
-
- {entry.description}
-
-
-
- {
- statements.map((statement) => (
-
-
- ))
- }
-
- - {statement.title} -
-- {statement.description} -
-
-
- {items.map((item) =>
-
-
+ {
+ src && alt && (
+
+
+ {
+ /* Displaying the main content consisting of title, subtitle, and several `IconBlock` components */
+ }
+
+ {/* Block for title and subtitle */}
+
+
+ {/* Rendering title */}
+
+
+ {/* Block to display the IconBlock components */}
+ + {title} +
+ {/* Rendering subtitle */} + { + subTitle && ( ++ {subTitle} +
+ ) + } +
+
+
+ {/* Injecting IconBlock components with different properties */}
+ {
+ features &&
+ features.map(feature => (
+
+
+ ))
+ }
+
+
+
+
+ {/* Section's heading and tab navigation */}
+
+
+
+
+ {
+ /* About Fragment: https://docs.astro.build/en/basics/astro-syntax/#fragments */
+ }
+
+ {
+ /* Tab navigation - use the attribute 'first' in the first TabNav for the component to work */
+ }
+
+
+
+ {
+ /* Contents for each tab - the 'first' attribute should be used in the first tab for that tab to be initially visible, 'second' changes the styles */
+ }
+
+ {
+ /* About Fragment: https://docs.astro.build/en/basics/astro-syntax/#fragments */
+ }
+
+ {
+ /* Tab navigation - use the attribute 'first' in the first TabNav for the component to work */
+ }
+
+
+
+
+
+
+ {
+ tabs.map((tab, index) => (
+
+
+ {/* Decorative background and sizing */}
+
+
+
+
+ {/* Main title */}
+
+ {/* Grid container for statistics */}
+ + {title} +
+ {/* Subtitle */} + { + subTitle && ( ++ {subTitle} +
+ ) + } +
+ {/* First grid item, showing a big statistics */}
+
+
+
+ {/* Second grid item, showing multiple small statistics */}
+ {
+ stats && (
+
+
+ )
+ }
+
+ {/* Iterate over the 'stats' array and create a 'StatsSmall' component for each object in the array */}
+ {stats.map(stat => (
+
+
+
+
+
+
+
+
+
+
+
+ {
+ benefits && (
+ + {title} +
+ { + subTitle && ( ++ {subTitle} +
+ ) + } +-
+ {benefits.map(item => (
+
-
+
+ + {item} + +
+ ))}
+
+
+ + {title} +
+ { + subTitle && ( ++ {subTitle} +
+ ) + } +
+ {/* Clients Group SVGs */}
+ {
+ partners.map(partner => (
+
+
+
+ ))
+ }
+
+
+ {
+ /* Each h1 and p tag renders a portion of the title and subTitle defined above */
+ }
+
+ {
+ /* About Fragment: https://docs.astro.build/en/basics/astro-syntax/#fragments */
+ }
+
+ {
+ subTitle && (
+
+ {/* Hero Image Section */}
+
+ {
+ /* About Fragment: https://docs.astro.build/en/basics/astro-syntax/#fragments */
+ }
+
+ {
+ subTitle && (
+ + {subTitle} +
+ ) + } + { + /* Action Button Section: This section includes two CTAs with their own styles and URL */ + } +
+ {primaryBtn &&
+
+ {
+ /* Review Section: This section presents avatars, review ratings and the number of reviews */
+ }
+ {
+ withReview ? (
+
+
+
+ {
+ src && alt && (
+
+
+
+
+
+
+
+
+
+
+ {/* Hero Section Heading */}
+
+
+ {/* Hero Section Sub-heading */}
+ + {title} +
+
+ {
+ subTitle && (
+
+ {/* Github Button */}
+ {
+ url && (
+ + {subTitle} +
+ ) + } +
+
+ )
+ }
+
+
+
+
+
+ + {title} +
++ {subTitle} +
+
+
+
+
+
+ {
+ /*ContactIconBlocks are used to display different methods of contacting, including visiting office, email, browsing knowledgebase, and FAQ.*/
+ }
+ + {formTitle} +
+ { + /* Form for user input with various input fields.--> + {/* Each field utilizes a different input component for the specific type of input (text, email, phone, and textarea)*/ + } + +
+
+
+
+
+
+ {/* FAQ accordion items */}
+
+
+
+
+
+
+
+
+
+
+
+ {
+ faqs.faqs.map((question, i) => {
+ {
+ /* Generate ids dynamically for each FAQ accordion item. */
+ }
+ let id = makeId(
+ 'hs-basic-with-title-and-arrow-stretched-heading-',
+ i
+ );
+ let collapseId = makeId(
+ 'hs-basic-with-title-and-arrow-stretched-collapse',
+ i
+ );
+
+ return (
+
+
+
+ {/* Contains two main product blocks */}
+ + {pricing.title} +
++ {pricing.subTitle} +
+
+ {/* Starter Kit product details */}
+
+ {/* Call to action for Enterprise Solutions */}
+
+
+ {/* Professional Toolbox product details */}
+
+
+
+ + {pricing.starterKit.name} +
+{pricing.starterKit.description}
+
+ {pricing.starterKit.price}
+ {pricing.starterKit.cents}
+ {pricing.starterKit.billingFrequency}
+
+ {
+ /* Features list - automatically created by mapping over `features` array */
+ }
+ -
+ {
+ pricing.starterKit.features.map((feature: string) => (
+
-
+
+ + {feature} +
+ ))
+ }
+
+
+
+
+
+
+
+
+ {pricing.badge}
+ + {pricing.professionalToolbox.name} +
++ {pricing.professionalToolbox.description} +
+
+ {pricing.professionalToolbox.price}
+ {pricing.professionalToolbox.cents}
+ {pricing.professionalToolbox.billingFrequency}
+
+ {
+ /* Features list - automatically created by mapping over `features` array */
+ }
+ -
+ {
+ pricing.professionalToolbox.features.map((feature: string) => (
+
-
+
+ + {feature} +
+ ))
+ }
+
+
++ {pricing.thirdOption} +
+ ++diff --git a/apps/website/src/components/sections/testimonials/TestimonialsSection.astro b/apps/website/src/components/sections/testimonials/TestimonialsSection.astro new file mode 100644 index 00000000..bb3de182 --- /dev/null +++ b/apps/website/src/components/sections/testimonials/TestimonialsSection.astro @@ -0,0 +1,85 @@ +--- +import TestimonialItem from './TestimonialItem.astro'; +import StatsGrid from '../../ui/blocks/StatsGrid.astro'; + +const { title, subTitle, testimonials, statistics } = Astro.props; + +interface Props { + title: string; + subTitle?: string; + testimonials?: Testimonial[]; + statistics?: StatProps[]; +} + +// TypeScript type for testimonials +type Testimonial = { + content: string; + author: string; + role: string; + avatarSrc: string; +}; + +// TypeScript type for stats. +type StatProps = { + count: string; + description: string; +}; +--- + ++ + ++ ++ {content} +
++++++++ +++ {author} ++{role}+
+
+
+ {/* Title and Subtitle */}
+
+ {
+ statistics && (
+
+
+
+ {
+ /* Generate a blockquote for each testimonial in the testimonials array by mapping over the array. */
+ }
+ {
+ testimonials &&
+ testimonials.map(testimonial => (
+ + {title} +
+ { + subTitle && ( +{subTitle}
+ ) + } +
+
+ )
+ }
+
+
+ -
+ {/* Generate a list item for each stat in the statistics array by mapping over the array. */}
+ {statistics.map((stat, index) => (
+
+
+
+ + {title} +
+
+ {/* Looping through each testimonial data and rendering it */}
+ {
+ testimonials.map(testimonial => (
+
+
+
+ ))
+ }
+
+
+
+ {/* Testimonial content */}
+
+
+ + {testimonial.content} +
+
+
+
+
+
+
+ + {testimonial.author} +
++ {testimonial.role} +
+
+
diff --git a/apps/website/src/components/ui/avatars/AvatarBlogLarge.astro b/apps/website/src/components/ui/avatars/AvatarBlogLarge.astro
new file mode 100644
index 00000000..dfae70ef
--- /dev/null
+++ b/apps/website/src/components/ui/avatars/AvatarBlogLarge.astro
@@ -0,0 +1,22 @@
+---
+// Import necessary components
+import { Image } from 'astro:assets';
+
+import type { CollectionEntry } from 'astro:content';
+
+const { blogEntry } = Astro.props;
+
+interface Props {
+ blogEntry: CollectionEntry<'blog'>;
+}
+---
+
+
+
diff --git a/apps/website/src/components/ui/avatars/AvatarTestimonialSection.astro b/apps/website/src/components/ui/avatars/AvatarTestimonialSection.astro
new file mode 100644
index 00000000..7d187938
--- /dev/null
+++ b/apps/website/src/components/ui/avatars/AvatarTestimonialSection.astro
@@ -0,0 +1,17 @@
+---
+const { src, alt } = Astro.props;
+
+interface Props {
+ src: string;
+ alt: string;
+}
+---
+
+
+ 
+
diff --git a/apps/website/src/components/ui/banners/AnnouncementBanner.astro b/apps/website/src/components/ui/banners/AnnouncementBanner.astro
new file mode 100644
index 00000000..e9b1ce12
--- /dev/null
+++ b/apps/website/src/components/ui/banners/AnnouncementBanner.astro
@@ -0,0 +1,84 @@
+---
+const { title, btnId, btnTitle, url } = Astro.props;
+
+interface Props {
+ title?: string;
+ btnId: string;
+ btnTitle: string;
+ url: string;
+}
+---
+
+
+
+
+
+ {/* The accordion button, which toggles the expanded/collapsed state */}
+
+ {/* The collapsible content of the accordion */}
+
diff --git a/apps/website/src/components/ui/blocks/ContactIconBlock.astro b/apps/website/src/components/ui/blocks/ContactIconBlock.astro
new file mode 100644
index 00000000..061a72c6
--- /dev/null
+++ b/apps/website/src/components/ui/blocks/ContactIconBlock.astro
@@ -0,0 +1,66 @@
+---
+// Define props from Astro
+const {
+ heading,
+ content,
+ isAddressVisible,
+ addressContent,
+ isLinkVisible,
+ linkTitle,
+ linkURL,
+ isArrowVisible,
+} = Astro.props;
+
+// Define TypeScript interface for props
+interface Props {
+ heading?: string;
+ content?: string;
+ isAddressVisible?: boolean;
+ addressContent?: string;
+ isLinkVisible?: boolean;
+ linkTitle?: string;
+ linkURL?: string;
+ isArrowVisible?: boolean;
+}
+
+// Define SVG arrow to be used in the component
+const arrowSVG: string = ``;
+---
+
+{/* Root container, which arranges the heading and content */}
+
+ {/* The content paragraph */}
+
++ {answer} +
+
+ {/* Slot to allow for extensibility of the component */}
+
diff --git a/apps/website/src/components/ui/blocks/IconBlock.astro b/apps/website/src/components/ui/blocks/IconBlock.astro
new file mode 100644
index 00000000..f450a9e1
--- /dev/null
+++ b/apps/website/src/components/ui/blocks/IconBlock.astro
@@ -0,0 +1,28 @@
+---
+// Get heading and content from Astro props
+const { heading, content } = Astro.props;
+// Define TypeScript interface for props
+interface Props {
+ heading?: string;
+ content?: string;
+}
+// Define classes for heading and content
+const headingClasses =
+ 'text-balance text-lg font-bold text-neutral-800 dark:text-neutral-200';
+const contentClasses =
+ 'mt-1 text-pretty text-neutral-700 dark:text-neutral-300';
+---
+
+{/* The root container that arranges your slot and the heading/content */}
+
+ {/* Heading of the section */}
+
++ {heading} +
+ {/* Content of the section */} +{content}
+ {/* Conditional rendering of address content if isAddressVisible is true */} + { + isAddressVisible ? ( +{addressContent}
+ ) : null + } + { + /* Conditional rendering of a link if isLinkVisible is true. + The link also conditionally includes an arrow SVG if isArrowVisible is true */ + } + { + isLinkVisible ? ( + + {linkTitle} + {isArrowVisible ?
+ {/* Slot to allow for extensibility of the component */}
+
diff --git a/apps/website/src/components/ui/blocks/LeftSection.astro b/apps/website/src/components/ui/blocks/LeftSection.astro
new file mode 100644
index 00000000..14bf12bf
--- /dev/null
+++ b/apps/website/src/components/ui/blocks/LeftSection.astro
@@ -0,0 +1,49 @@
+---
+// Import the necessary modules
+import { Image } from 'astro:assets';
+import PrimaryCTA from '@components/ui/buttons/PrimaryCTA.astro';
+// Destructure the props passed to the Astro component
+const { title, subTitle, btnExists, btnTitle, btnURL, img, imgAlt } =
+ Astro.props;
+// Define TypeScript interface for props
+interface Props {
+ title: string;
+ subTitle: string;
+ btnExists?: boolean;
+ btnTitle?: string;
+ btnURL?: string;
+ img: any;
+ imgAlt: any;
+}
+---
+
+{/* The root section of the component */}
+
+ {/* Heading of the section */}
+
++ {heading} +
+ {/* Content text of the section */} +{content}
+
+ {/* The title of the section */}
+
++ {title} +
+ {/* The subtitle of the section */} ++ {subTitle} +
+ {/* Conditionally render the Primary CTA button if btnExists is true */} + {btnExists ?
+ {/* Section title */}
+
++ {title} +
+ {/* Section subtitle */} ++ {subTitle} +
+ { + /* Conditional rendering of PrimaryCTA component if 'btnExists' property is truthy */ + } + { + btnExists ? ( +
+
+ ) : null
+ }
+
+
diff --git a/apps/website/src/components/ui/blocks/RightSection.astro b/apps/website/src/components/ui/blocks/RightSection.astro
new file mode 100644
index 00000000..2834626d
--- /dev/null
+++ b/apps/website/src/components/ui/blocks/RightSection.astro
@@ -0,0 +1,88 @@
+---
+// Import the required modules
+import { Image } from 'astro:assets';
+import PrimaryCTA from '@components/ui/buttons/PrimaryCTA.astro';
+// Extract properties from Astro.props
+const {
+ title,
+ subTitle,
+ btnExists,
+ btnTitle,
+ btnURL,
+ single,
+ imgOne,
+ imgOneAlt,
+ imgTwo,
+ imgTwoAlt,
+} = Astro.props;
+// Define TypeScript interface for the properties
+interface Props {
+ title: string;
+ subTitle: string;
+ btnExists?: boolean;
+ btnTitle?: string;
+ btnURL?: string;
+ single?: boolean;
+ imgOne?: any;
+ imgOneAlt?: any;
+ imgTwo?: any;
+ imgTwoAlt?: any;
+}
+---
+
+{/* Root section of the component */}
+
+
+
+
+
+ {/* Avatar Group */}
+
+
+ {avatars?.map(src =>
+
+
+ {/* Review Ratings */}
+
+
+
+
+
+ {/* Your star ratings */}
+ {
+ Array(starCount)
+ .fill(0)
+ .map((_, i) =>
+
+
+
+
+
+ {/* Title of the section */}
+
+ {/* Conditionally render one or two images based on 'single' property */}
+ {
+ single ? (
+ + {title} +
+ {/* Subtitle of the section */} ++ {subTitle} +
+ { + /* Conditional rendering of the Primary Call-To-Action button if 'btnExists' is true */ + } + {btnExists ?
+ {/* Single image */}
+
+ ) : (
+
+ {/* First image in a two-image layout */}
+
+ )
+ }
+
+
diff --git a/apps/website/src/components/ui/blocks/StatsGrid.astro b/apps/website/src/components/ui/blocks/StatsGrid.astro
new file mode 100644
index 00000000..f617f9b1
--- /dev/null
+++ b/apps/website/src/components/ui/blocks/StatsGrid.astro
@@ -0,0 +1,23 @@
+---
+import Icon from '@components/ui/icons/Icon.astro';
+
+const { count, description, index } = Astro.props;
+
+interface Props {
+ count: string;
+ description: string;
+ index: number;
+}
+---
+
++ {title} +
+{subTitle}
+
+ {index === 1 || index === 2 ?
+ + {description} +
+
+
diff --git a/apps/website/src/components/ui/blocks/TabContent.astro b/apps/website/src/components/ui/blocks/TabContent.astro
new file mode 100644
index 00000000..42822816
--- /dev/null
+++ b/apps/website/src/components/ui/blocks/TabContent.astro
@@ -0,0 +1,54 @@
+---
+// Import the Image component from astro:assets
+import { Image } from 'astro:assets';
+
+// Destructure the component properties from Astro.props
+const { id, aria, src, alt, first, second } = Astro.props;
+
+// Define TypeScript interface for the properties
+interface Props {
+ id: string;
+ aria: string;
+ src?: any;
+ alt: string;
+ first?: boolean;
+ second?: boolean;
+}
+// Set class based on 'first' property
+// If 'first' is present, show the tab content immediately
+const firstClass = first ? '' : 'hidden';
+// Set class based on 'second' property
+// If 'second' is present, use an alternate style for the image
+const secondClass = second
+ ? 'shadow-xl aspect-video object-contain bg-neutral-300 dark:bg-neutral-600 p-3 lg:object-cover lg:aspect-square shadow-neutral-200 rounded-xl dark:shadow-neutral-900/[.2]'
+ : 'shadow-xl aspect-video object-cover lg:aspect-square shadow-neutral-200 rounded-xl dark:shadow-neutral-900/[.2]';
+
+/*
+first: This property should be set to true for the initial TabContent component
+in your list to ensure that it's visible when the page first loads.
+All subsequent TabContent components should omit this property or set it to false.
+
+second: This property allows to control changes in the look of the Image.
+If it is set to true, the Image will have different aspect ratio and background color.
+If this property is not provided or is set to false, the Image will use default styling.
+You can enable this for any TabContent component you want to apply these changes to.
+
+This is the full example:
+{title}
+{subTitle}
+
+
+
diff --git a/apps/website/src/components/ui/blocks/TabNav.astro b/apps/website/src/components/ui/blocks/TabNav.astro
new file mode 100644
index 00000000..b4396c13
--- /dev/null
+++ b/apps/website/src/components/ui/blocks/TabNav.astro
@@ -0,0 +1,59 @@
+---
+// Extract properties from Astro.props
+const { aria, dataTab, id, heading, content, first } = Astro.props;
+
+// Define TypeScript interface for properties
+interface Props {
+ dataTab: string;
+ id: string;
+ aria: string;
+ heading?: string;
+ content?: string;
+ first?: boolean;
+}
+// Define button classes
+const BUTTON_CLASS =
+ 'dark:hover:bg-neutral-700 rounded-xl p-4 text-start outline-hidden ring-zinc-500 transition duration-300 hover:bg-neutral-200 focus-visible:ring-3 hs-tab-active:bg-neutral-50 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent dark:ring-zinc-200 dark:focus:outline-hidden dark:hs-tab-active:bg-neutral-700/60 md:p-5';
+
+/*
+first: This property should be set to true for the initial TabNav component in your list
+to ensure that it's visible when the page first loads. All subsequent TabNav components
+should omit this property or set it to false.
+
+Example:
+
+
+
+
+
+
+{/* Import the necessary Clipboard plugin */}
+{/* https://clipboardjs.com/ */}
+
+
diff --git a/apps/website/src/components/ui/cards/CardBlog.astro b/apps/website/src/components/ui/cards/CardBlog.astro
new file mode 100644
index 00000000..a4ada984
--- /dev/null
+++ b/apps/website/src/components/ui/cards/CardBlog.astro
@@ -0,0 +1,76 @@
+---
+// Import necessary components and utilities
+import AvatarBlog from '@components/ui/avatars/AvatarBlog.astro';
+import { Image } from 'astro:assets';
+import { formatDate } from '@utils/utils';
+import type { CollectionEntry } from 'astro:content';
+
+const { blogEntry, blogLocale = '' } = Astro.props;
+
+interface Props {
+ blogEntry: CollectionEntry<'blog'>;
+ blogLocale?: string;
+}
+---
+
+{
+ /* The following anchor tag is the main container for the card.
+ It's a link to the blog post detailed page.
+ The data-astro-prefetch is an Astro specific Dynamic HTML feature,
+ which automatically prefetches the linked page to speed up navigation. */
+}
+
+ {
+ /* The container for the blog post's cover image. Uses astro:assets' Image for image source */
+ }
+
+
+ {
+ /* The container for the blog author's avatar and associated metadata (author name and publication date) */
+ }
+
+
+ {/* The container for the blog post's title and description */}
+
+
+
+
+
+
+ + {blogEntry.data.author} +
++ {formatDate(blogEntry.data.pubDate)} +
+
+
+
diff --git a/apps/website/src/components/ui/cards/CardBlogRecent.astro b/apps/website/src/components/ui/cards/CardBlogRecent.astro
new file mode 100644
index 00000000..576bb526
--- /dev/null
+++ b/apps/website/src/components/ui/cards/CardBlogRecent.astro
@@ -0,0 +1,74 @@
+---
+// Import all required components and utilities
+import { Image } from 'astro:assets';
+import type { CollectionEntry } from 'astro:content';
+import AvatarBlogLarge from '@components/ui/avatars/AvatarBlogLarge.astro';
+import PrimaryCTA from '@components/ui/buttons/PrimaryCTA.astro';
+
+const { blogEntry, recentBlogLocale = '' } = Astro.props;
+
+interface Props {
+ blogEntry: CollectionEntry<'blog'>;
+ recentBlogLocale?: string;
+}
+---
+
+{
+ /* Root container, which is divided into 2 grid column layout for larger screens */
+}
+
+
+ + {blogEntry.data.title} +
++ {blogEntry.data.description} +
+
+ {/* Container for the blog post's cover image */}
+
diff --git a/apps/website/src/components/ui/cards/CardInsight.astro b/apps/website/src/components/ui/cards/CardInsight.astro
new file mode 100644
index 00000000..12b6efa2
--- /dev/null
+++ b/apps/website/src/components/ui/cards/CardInsight.astro
@@ -0,0 +1,61 @@
+---
+// Import necessary modules and utilities
+import { Image } from 'astro:assets';
+import Icon from '@components/ui/icons/Icon.astro';
+import type { CollectionEntry } from 'astro:content';
+
+const {
+ insightEntry,
+ insightLocale,
+ label = Astro.currentLocale === 'fr' ? 'Lire plus' : 'Read more',
+} = Astro.props;
+
+interface Props {
+ insightEntry: CollectionEntry<'insights'>;
+ insightLocale?: string;
+ label?: string;
+}
+---
+
+{
+ /* The anchor tag is the root container for the "Insight" card. It links to the insight detail page. */
+}
+
+ {/* This is the container for the insight's cover image. */}
+
+
+ {
+ /* Container for the blog post's heading, author avatar, author's role, and read more button */
+ }
+
+
+
+ {/* Blog title which is also a hyperlink to the blog detail page */}
+
++ + {blogEntry.data.description} + +
+ {/* Container for the author's avatar and metadata */} +
+
+ {/* Read More button which is a link to the blog post detailed page */}
+
+
+ + {blogEntry.data.author} +
++ {blogEntry.data.role} +
+
+
+
+
+ {/* This is the container for the insight's title and description. */}
+
+ {/* The title of the insight */}
+
+
diff --git a/apps/website/src/components/ui/cards/CardRelated.astro b/apps/website/src/components/ui/cards/CardRelated.astro
new file mode 100644
index 00000000..5eb10aa4
--- /dev/null
+++ b/apps/website/src/components/ui/cards/CardRelated.astro
@@ -0,0 +1,41 @@
+---
+// Import necessary modules and utilities
+import { Image } from 'astro:assets';
+import { formatDate } from '@utils/utils';
+import type { CollectionEntry } from 'astro:content';
+
+const { blogEntry, recentBlogLocale = '' } = Astro.props;
+
+interface Props {
+ blogEntry: CollectionEntry<'blog'>;
+ recentBlogLocale?: string;
+}
+---
+
+
+ + {insightEntry.data.title} +
+ {/* The description of the insight */} ++ {insightEntry.data.description} +
+ { + /* The "Read More" hyperlink going to the full insight. With an arrow icon */ + } +
+ {label}
+
+
diff --git a/apps/website/src/components/ui/cards/CardSmall.astro b/apps/website/src/components/ui/cards/CardSmall.astro
new file mode 100644
index 00000000..e77b9866
--- /dev/null
+++ b/apps/website/src/components/ui/cards/CardSmall.astro
@@ -0,0 +1,45 @@
+---
+// Import necessary modules and utilities
+import { Image } from 'astro:assets';
+import Icon from '@components/ui/icons/Icon.astro';
+import type { CollectionEntry } from 'astro:content';
+
+const { product, productLocale = '' } = Astro.props;
+
+interface Props {
+ product: CollectionEntry<'products'>;
+ productLocale?: string;
+}
+
+// Define classes to be used with the Image component
+const imageClass =
+ 'absolute inset-0 h-full w-full object-cover object-center transition duration-[600ms] ease-[cubic-bezier(0.45,0,0.55,1)] group-hover:scale-110';
+---
+
+{/* A clickable card that leads to the details of the product*/}
+
+ {/* The product's main image */}
+ + {blogEntry.data.title} +
+ {/* The formatted publication date of the blog post */} ++ {formatDate(blogEntry.data.pubDate)} +
+
+
+ {/* The product's subtitle and the anchor SVG icon*/}
+ {product.data.description}
+
+ {/* This container includes product's subtitle and an SVG icon*/}
+ {product.data.description}
+
diff --git a/apps/website/src/components/ui/forms/LoginModal.astro b/apps/website/src/components/ui/forms/LoginModal.astro
new file mode 100644
index 00000000..97650edc
--- /dev/null
+++ b/apps/website/src/components/ui/forms/LoginModal.astro
@@ -0,0 +1,83 @@
+---
+// Import necessary components from their individual files
+import EmailInput from './input/EmailInput.astro';
+import PasswordInput from './input/PasswordInput.astro';
+import Checkbox from './input/Checkbox.astro';
+import AuthBtn from '@components/ui/buttons/AuthBtn.astro';
+import GoogleBtn from '@components/ui/buttons/GoogleBtn.astro';
+
+// Variables for customization of the LoginModal Component
+
+const config = {
+ id: 'hs-toggle-between-modals-login-modal', // Modal IDENTIFIER
+ title: 'Sign in', // Main HEADING
+ subTitle: "Don't have an account yet?", // Sub-Heading TEXT
+ registerBtn: 'Sign up here', // Text for REGISTRATION BUTTON
+ registerBtnDataHS: '#hs-toggle-between-modals-register-modal', // TARGET LINK for registration button
+};
+---
+
+
diff --git a/apps/website/src/components/ui/forms/RecoverModal.astro b/apps/website/src/components/ui/forms/RecoverModal.astro
new file mode 100644
index 00000000..15756545
--- /dev/null
+++ b/apps/website/src/components/ui/forms/RecoverModal.astro
@@ -0,0 +1,67 @@
+---
+// Import necessary components from individual files
+import EmailInput from './input/EmailInput.astro';
+import AuthBtn from '@components/ui/buttons/AuthBtn.astro';
+
+// Config object for customization of the component
+const config = {
+ id: 'hs-toggle-between-modals-recover-modal', // Modal identifier
+ title: 'Forgot password?', // Main heading
+ subTitle: 'Remember your password?', // Sub-heading text
+ loginBtn: 'Sign in here', // Text for login button
+ loginBtnDataHS: '#hs-toggle-between-modals-login-modal', // Target link for login button
+};
+---
+
+{/* Root element of the modal with id and styling */}
+
diff --git a/apps/website/src/components/ui/forms/RegisterModal.astro b/apps/website/src/components/ui/forms/RegisterModal.astro
new file mode 100644
index 00000000..087c58ec
--- /dev/null
+++ b/apps/website/src/components/ui/forms/RegisterModal.astro
@@ -0,0 +1,101 @@
+---
+// Import necessary components from individual files
+import EmailInput from './input/EmailInput.astro';
+import PasswordInput from './input/PasswordInput.astro';
+import Checkbox from './input/Checkbox.astro';
+import GoogleBtn from '@components/ui/buttons/GoogleBtn.astro';
+import AuthBtn from '@components/ui/buttons/AuthBtn.astro';
+// Config object for customization of the component
+const config = {
+ id: 'hs-toggle-between-modals-register-modal', // Modal identifier
+ title: 'Sign up', // Main heading
+ subTitle: 'Already have an account?', // Sub-heading text
+ loginBtn: 'Sign in here', // Text for login button
+ loginBtnDataHS: '#hs-toggle-between-modals-login-modal', // Target link for login button
+};
+---
+
+{/* Root element of the registration modal with the id and styling */}
+
diff --git a/apps/website/src/components/ui/forms/input/Checkbox.astro b/apps/website/src/components/ui/forms/input/Checkbox.astro
new file mode 100644
index 00000000..9a6ddd56
--- /dev/null
+++ b/apps/website/src/components/ui/forms/input/Checkbox.astro
@@ -0,0 +1,30 @@
+---
+const {
+ label = Astro.currentLocale === 'fr' ? 'Me rappeler' : 'Remember me',
+ id,
+} = Astro.props;
+
+interface Props {
+ label?: string;
+ id?: string;
+}
+---
+
+{/* Container for the checkbox and its label */}
+{title}
+ + +
+ {/* Checkbox input */}
+
diff --git a/apps/website/src/components/ui/forms/input/EmailContactInput.astro b/apps/website/src/components/ui/forms/input/EmailContactInput.astro
new file mode 100644
index 00000000..69e42d00
--- /dev/null
+++ b/apps/website/src/components/ui/forms/input/EmailContactInput.astro
@@ -0,0 +1,26 @@
+---
+const { label = Astro.currentLocale === 'fr' ? 'E-mail' : 'Email', id } =
+ Astro.props;
+
+interface Props {
+ label?: string;
+ id: string;
+}
+---
+
+{/* Container for the label and email input field */}
+
+
+
+ {/* Label for the checkbox */}
+
+
+
+
+ {
+ /* Label for the email input field, visually hidden but accessible to screen readers */
+ }
+
+ {/* Email input field */}
+
+
diff --git a/apps/website/src/components/ui/forms/input/EmailFooterInput.astro b/apps/website/src/components/ui/forms/input/EmailFooterInput.astro
new file mode 100644
index 00000000..54e8ab1d
--- /dev/null
+++ b/apps/website/src/components/ui/forms/input/EmailFooterInput.astro
@@ -0,0 +1,37 @@
+---
+const {
+ label = 'Search',
+ title = Astro.currentLocale === 'fr' ? "S'abonner" : 'Subscribe',
+ id = 'footer-input',
+} = Astro.props;
+
+interface Props {
+ label?: string;
+ title?: string;
+ id?: string;
+}
+
+const placeholder =
+ Astro.currentLocale === 'fr' ? 'Entrez votre email' : 'Enter your email';
+---
+
+
+
diff --git a/apps/website/src/components/ui/forms/input/EmailInput.astro b/apps/website/src/components/ui/forms/input/EmailInput.astro
new file mode 100644
index 00000000..fea15e72
--- /dev/null
+++ b/apps/website/src/components/ui/forms/input/EmailInput.astro
@@ -0,0 +1,55 @@
+---
+const {
+ label = Astro.currentLocale === 'fr' ? 'Adresse e-mail' : 'Email address',
+ id,
+ errorId,
+} = Astro.props;
+
+interface Props {
+ label?: string;
+ id: string;
+ errorId: string;
+}
+---
+
+{/* Container for the label, input, and validation message */}
+
+
+
+
+
+ {title}
+
+
+ {/* Label for the email input field */}
+
+ {/* Label for the email input field */}
+
diff --git a/apps/website/src/components/ui/forms/input/PasswordInput.astro b/apps/website/src/components/ui/forms/input/PasswordInput.astro
new file mode 100644
index 00000000..1d5bc919
--- /dev/null
+++ b/apps/website/src/components/ui/forms/input/PasswordInput.astro
@@ -0,0 +1,60 @@
+---
+const { label = 'Password', forgot, id, errorId, content } = Astro.props;
+
+interface Props {
+ label?: string;
+ forgot?: boolean;
+ id?: string;
+ errorId?: string;
+ content?: string;
+}
+---
+
+
+ {/* Email input field */}
+
+ {/* Hidden error icon */}
+
+
+ {/* Validation message which is hidden by default */}
+
+
+
diff --git a/apps/website/src/components/ui/forms/input/PhoneInput.astro b/apps/website/src/components/ui/forms/input/PhoneInput.astro
new file mode 100644
index 00000000..d248595f
--- /dev/null
+++ b/apps/website/src/components/ui/forms/input/PhoneInput.astro
@@ -0,0 +1,22 @@
+---
+const {
+ label = Astro.currentLocale === 'fr' ? 'Numéro de téléphone' : 'Phone Number',
+ id,
+} = Astro.props;
+
+interface Props {
+ label?: string;
+ id: string;
+}
+---
+
+
+
+ {
+ forgot ? (
+
+ ) : (
+ ''
+ )
+ }
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/website/src/components/ui/forms/input/TextAreaInput.astro b/apps/website/src/components/ui/forms/input/TextAreaInput.astro
new file mode 100644
index 00000000..1908e216
--- /dev/null
+++ b/apps/website/src/components/ui/forms/input/TextAreaInput.astro
@@ -0,0 +1,19 @@
+---
+const { label, id, name } = Astro.props;
+
+interface Props {
+ label: string;
+ name: string;
+ id: string;
+}
+---
+
+
+
+
+
diff --git a/apps/website/src/components/ui/forms/input/TextInput.astro b/apps/website/src/components/ui/forms/input/TextInput.astro
new file mode 100644
index 00000000..8fd21308
--- /dev/null
+++ b/apps/website/src/components/ui/forms/input/TextInput.astro
@@ -0,0 +1,20 @@
+---
+const { label, id, name } = Astro.props;
+
+interface Props {
+ label: string;
+ name: string;
+ id: string;
+}
+---
+
+
+
+
+
diff --git a/apps/website/src/components/ui/icons/Icon.astro b/apps/website/src/components/ui/icons/Icon.astro
new file mode 100644
index 00000000..9de58835
--- /dev/null
+++ b/apps/website/src/components/ui/icons/Icon.astro
@@ -0,0 +1,39 @@
+---
+import { Icons } from './icons.ts';
+
+interface Path {
+ d: string;
+ class?: string;
+}
+
+const { name } = Astro.props;
+
+let icon = (Icons as any)[name] || {};
+
+let paths: Path[] = icon.paths || [];
+---
+
+{
+ icon ? (
+
+ ) : (
+ 'Icon not found'
+ )
+}
diff --git a/apps/website/src/components/ui/icons/icons.ts b/apps/website/src/components/ui/icons/icons.ts
new file mode 100644
index 00000000..f4be1853
--- /dev/null
+++ b/apps/website/src/components/ui/icons/icons.ts
@@ -0,0 +1,521 @@
+export const Icons = {
+ groups: {
+ paths: [
+ {
+ d: 'm150-400 82-80-82-82-80 82 80 80Zm573-10 87-140 88 140H723Zm-243-70q-50 0-85-35t-35-85q0-51 35-85.5t85-34.5q51 0 85.5 34.5T600-600q0 50-34.5 85T480-480Zm.351-180Q455-660 437.5-642.851t-17.5 42.5Q420-575 437.351-557.5t43 17.5Q506-540 523-557.351t17-43Q540-626 522.851-643t-42.5-17ZM480-600ZM0-240v-53q0-39.464 42-63.232T150.398-380q12.158 0 23.38.5T196-377.273q-8 17.273-12 34.842-4 17.57-4 37.431v65H0Zm240 0v-65q0-65 66.5-105T480-450q108 0 174 40t66 105v65H240Zm570-140q67.5 0 108.75 23.768T960-293v53H780v-65q0-19.861-3.5-37.431Q773-360 765-377.273q11-1.727 22.171-2.227 11.172-.5 22.829-.5Zm-330.2-10Q400-390 350-366q-50 24-50 61v5h360v-6q0-36-49.5-60t-130.7-24Zm.2 90Z',
+ },
+ ],
+ class: 'mt-1 h-8 w-8 shrink-0 fill-orange-400 dark:fill-orange-300',
+ width: 48,
+ height: 48,
+ viewBox: '0 -960 960 960',
+ },
+ books: {
+ paths: [
+ {
+ d: 'M343-420h225v-60H343v60Zm0-90h395v-60H343v60Zm0-90h395v-60H343v60Zm-83 400q-24 0-42-18t-18-42v-560q0-24 18-42t42-18h560q24 0 42 18t18 42v560q0 24-18 42t-42 18H260Zm0-60h560v-560H260v560ZM140-80q-24 0-42-18t-18-42v-620h60v620h620v60H140Zm120-740v560-560Z',
+ },
+ ],
+ class: 'mt-1 h-8 w-8 shrink-0 fill-orange-400 dark:fill-orange-300',
+ width: 48,
+ height: 48,
+ viewBox: '0 -960 960 960',
+ },
+ verified: {
+ paths: [
+ {
+ d: 'm346-60-76-130-151-31 17-147-96-112 96-111-17-147 151-31 76-131 134 62 134-62 77 131 150 31-17 147 96 111-96 112 17 147-150 31-77 130-134-62-134 62Zm27-79 107-45 110 45 67-100 117-30-12-119 81-92-81-94 12-119-117-28-69-100-108 45-110-45-67 100-117 28 12 119-81 94 81 92-12 121 117 28 70 100Zm107-341Zm-43 133 227-225-45-41-182 180-95-99-46 45 141 140Z',
+ },
+ ],
+ class: 'mt-1 h-8 w-8 shrink-0 fill-orange-400 dark:fill-orange-300',
+ width: 48,
+ height: 48,
+ viewBox: '0 -960 960 960',
+ },
+ frame: {
+ paths: [
+ {
+ d: 'M480-480q-51 0-85.5-34.5T360-600q0-50 34.5-85t85.5-35q50 0 85 35t35 85q0 51-35 85.5T480-480Zm-.351-60Q505-540 522.5-557.149t17.5-42.5Q540-625 522.649-642.5t-43-17.5Q454-660 437-642.649t-17 43Q420-574 437.149-557t42.5 17ZM240-240v-76q0-27 17.5-47.5T300-397q42-22 86.943-32.5 44.942-10.5 93-10.5Q528-440 573-429.5t87 32.5q25 13 42.5 33.5T720-316v76H240Zm240-140q-47.546 0-92.773 13T300-328v28h360v-28q-42-26-87.227-39-45.227-13-92.773-13Zm0-220Zm0 300h180-360 180ZM140-80q-24 0-42-18t-18-42v-172h60v172h172v60H140ZM80-648v-172q0-24 18-42t42-18h172v60H140v172H80ZM648-80v-60h172v-172h60v172q0 24-18 42t-42 18H648Zm172-568v-172H648v-60h172q24 0 42 18t18 42v172h-60Z',
+ },
+ ],
+ class: 'mt-1 h-8 w-8 shrink-0 fill-orange-400 dark:fill-orange-300',
+ width: 48,
+ height: 48,
+ viewBox: '0 -960 960 960',
+ },
+ tools: {
+ paths: [
+ {
+ d: 'M764-80q-6 0-11-2t-10-7L501-331q-5-5-7-10t-2-11q0-6 2-11t7-10l85-85q5-5 10-7t11-2q6 0 11 2t10 7l242 242q5 5 7 10t2 11q0 6-2 11t-7 10l-85 85q-5 5-10 7t-11 2Zm0-72 43-43-200-200-43 43 200 200ZM195-80q-6 0-11.5-2T173-89l-84-84q-5-5-7-10.5T80-195q0-6 2-11t7-10l225-225h85l38-38-175-175h-57L80-779l99-99 125 125v57l175 175 130-130-67-67 56-56H485l-18-18 128-128 18 18v113l56-56 169 169q15 15 23.5 34.5T870-600q0 20-6.5 38.5T845-528l-85-85-56 56-52-52-211 211v84L216-89q-5 5-10 7t-11 2Zm0-72 200-200v-43h-43L152-195l43 43Zm0 0-43-43 22 21 21 22Zm569 0 43-43-43 43Z',
+ },
+ ],
+ class:
+ 'mt-2 h-6 w-6 shrink-0 fill-neutral-700 hs-tab-active:fill-orange-400 dark:fill-neutral-300 dark:hs-tab-active:fill-orange-300 md:h-7 md:w-7',
+ width: 48,
+ height: 48,
+ viewBox: '0 -960 960 960',
+ },
+ dashboard: {
+ paths: [
+ {
+ d: 'M510-570v-270h330v270H510ZM120-450v-390h330v390H120Zm390 330v-390h330v390H510Zm-390 0v-270h330v270H120Zm60-390h210v-270H180v270Zm390 330h210v-270H570v270Zm0-450h210v-150H570v150ZM180-180h210v-150H180v150Zm210-330Zm180-120Zm0 180ZM390-330Z',
+ },
+ ],
+ class:
+ 'mt-2 h-6 w-6 shrink-0 fill-neutral-700 hs-tab-active:fill-orange-400 dark:fill-neutral-300 dark:hs-tab-active:fill-orange-300 md:h-7 md:w-7',
+ width: 48,
+ height: 48,
+ viewBox: '0 -960 960 960',
+ },
+ house: {
+ paths: [
+ {
+ d: 'M8.25 21v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21m0 0h4.5V3.545M12.75 21h7.5V10.75M2.25 21h1.5m18 0h-18M2.25 9l4.5-1.636M18.75 3l-1.5.545m0 6.205 3 1m1.5.5-1.5-.5M6.75 7.364V3h-3v18m3-13.636 10.5-3.819',
+ },
+ ],
+ class:
+ 'h-6 w-6 shrink-0 text-neutral-700 hs-tab-active:text-orange-400 dark:text-neutral-300 dark:hs-tab-active:text-orange-300 md:h-7 md:w-7',
+ width: 24,
+ height: 24,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ arrowUp: {
+ paths: [
+ {
+ d: 'm5 12 7-7 7 7',
+ },
+ {
+ d: 'M12 19V5',
+ },
+ ],
+ class: 'h-5 w-5 shrink-0 text-orange-400 dark:text-orange-300',
+ width: 24,
+ height: 24,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '2',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ checkCircle: {
+ paths: [
+ {
+ d: 'M10 18a8 8 0 100-16 8 8 0 000 16zM13.707 8.293a1 1 0 00-1.414-1.414L9 10.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z',
+ },
+ ],
+ class: 'h-5 w-5 shrink-0',
+ viewBox: '0 0 20 20',
+ fill: 'currentColor',
+ fillRule: 'evenodd',
+ clipRule: 'evenodd',
+ },
+ bookmark: {
+ paths: [
+ {
+ d: 'M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z',
+ class:
+ 'fill-current text-neutral-500 transition duration-300 group-hover:text-red-400 dark:group-hover:text-red-400',
+ },
+ ],
+ class: 'h-6 w-6 fill-none transition duration-300',
+ width: 24,
+ height: 24,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ arrowRight: {
+ paths: [
+ {
+ d: 'm9 18 6-6-6-6',
+ },
+ ],
+ class: 'h-4 w-4 shrink-0 transition duration-300 group-hover:translate-x-1',
+ width: 24,
+ height: 24,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '2',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ facebook: {
+ paths: [
+ {
+ d: 'M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z',
+ },
+ ],
+ class: 'size-4 shrink-0 fill-current',
+ viewBox: '0 0 24 24',
+ stroke: 'currentColor',
+ },
+ x: {
+ paths: [
+ {
+ d: 'M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z',
+ },
+ ],
+ class: 'size-4 shrink-0 fill-current',
+ viewBox: '0 0 24 24',
+ stroke: 'currentColor',
+ },
+ linkedIn: {
+ paths: [
+ {
+ d: 'M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z',
+ },
+ ],
+ class: 'size-4 shrink-0 fill-current',
+ viewBox: '0 0 24 24',
+ stroke: 'currentColor',
+ },
+ share: {
+ paths: [
+ {
+ d: 'M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z',
+ },
+ ],
+ class: 'h-4 w-4 group-hover:text-neutral-700',
+ width: 24,
+ height: 24,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ github: {
+ paths: [
+ {
+ d: 'M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z',
+ },
+ ],
+ class:
+ 'w-4.5 h-4.5 transition shrink-0 text-neutral-700 duration-300 group-hover:-translate-y-1',
+ width: 16,
+ height: 16,
+ viewBox: '0 0 16 16',
+ fill: 'currentColor',
+ },
+ arrowRightStatic: {
+ paths: [
+ {
+ d: 'm9 18 6-6-6-6',
+ },
+ ],
+ class: 'size-4 shrink-0',
+ width: 24,
+ height: 24,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '2',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ openInNew: {
+ paths: [
+ {
+ d: 'm4.5 19.5 15-15m0 0H8.25m11.25 0v11.25',
+ },
+ ],
+ class: 'ml-0.5 w-3 h-3 md:w-4 md:h-4 inline pb-0.5',
+ width: 24,
+ height: 24,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '3',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ accordionNotActive: {
+ paths: [
+ {
+ d: 'm6 9 6 6 6-6',
+ },
+ ],
+ class:
+ 'block h-5 w-5 shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:hidden dark:text-neutral-400',
+ width: 24,
+ height: 24,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '2',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ accordionActive: {
+ paths: [
+ {
+ d: 'm18 15-6-6-6 6',
+ },
+ ],
+ class:
+ 'hidden h-5 w-5 shrink-0 text-neutral-600 group-hover:text-neutral-500 hs-accordion-active:block dark:text-neutral-400',
+ width: 24,
+ height: 24,
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '2',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ xFooter: {
+ paths: [
+ {
+ d: 'M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z',
+ },
+ ],
+ class:
+ 'h-4 w-4 shrink-0 fill-current text-neutral-700 dark:text-neutral-400',
+ viewBox: '0 0 24 24',
+ fill: 'currentColor',
+ title: 'Twitter',
+ },
+ facebookFooter: {
+ paths: [
+ {
+ d: 'M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z',
+ },
+ ],
+ class:
+ 'h-4 w-4 shrink-0 fill-current text-neutral-700 dark:text-neutral-400',
+ viewBox: '0 0 24 24',
+ fill: 'currentColor',
+ title: 'Facebook',
+ },
+ githubFooter: {
+ paths: [
+ {
+ d: 'M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12',
+ },
+ ],
+ class:
+ 'h-4 w-4 shrink-0 fill-current text-neutral-700 dark:text-neutral-400',
+ viewBox: '0 0 24 24',
+ fill: 'currentColor',
+ title: 'GitHub',
+ },
+ googleFooter: {
+ paths: [
+ {
+ d: 'M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z',
+ },
+ ],
+ class:
+ 'h-4 w-4 shrink-0 fill-current text-neutral-700 dark:text-neutral-400',
+ viewBox: '0 0 24 24',
+ fill: 'currentColor',
+ title: 'Google',
+ },
+ slackFooter: {
+ paths: [
+ {
+ d: 'M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z',
+ },
+ ],
+ class:
+ 'h-4 w-4 shrink-0 fill-current text-neutral-700 dark:text-neutral-400',
+ viewBox: '0 0 24 24',
+ fill: 'currentColor',
+ title: 'Slack',
+ },
+ quotation: {
+ paths: [
+ {
+ d: 'M7.39762 10.3C7.39762 11.0733 7.14888 11.7 6.6514 12.18C6.15392 12.6333 5.52552 12.86 4.76621 12.86C3.84979 12.86 3.09047 12.5533 2.48825 11.94C1.91222 11.3266 1.62421 10.4467 1.62421 9.29999C1.62421 8.07332 1.96459 6.87332 2.64535 5.69999C3.35231 4.49999 4.33418 3.55332 5.59098 2.85999L6.4943 4.25999C5.81354 4.73999 5.26369 5.27332 4.84476 5.85999C4.45201 6.44666 4.19017 7.12666 4.05926 7.89999C4.29491 7.79332 4.56983 7.73999 4.88403 7.73999C5.61716 7.73999 6.21938 7.97999 6.69067 8.45999C7.16197 8.93999 7.39762 9.55333 7.39762 10.3ZM14.6242 10.3C14.6242 11.0733 14.3755 11.7 13.878 12.18C13.3805 12.6333 12.7521 12.86 11.9928 12.86C11.0764 12.86 10.3171 12.5533 9.71484 11.94C9.13881 11.3266 8.85079 10.4467 8.85079 9.29999C8.85079 8.07332 9.19117 6.87332 9.87194 5.69999C10.5789 4.49999 11.5608 3.55332 12.8176 2.85999L13.7209 4.25999C13.0401 4.73999 12.4903 5.27332 12.0713 5.85999C11.6786 6.44666 11.4168 7.12666 11.2858 7.89999C11.5215 7.79332 11.7964 7.73999 12.1106 7.73999C12.8437 7.73999 13.446 7.97999 13.9173 8.45999C14.3886 8.93999 14.6242 9.55333 14.6242 10.3Z',
+ },
+ ],
+ class:
+ 'absolute start-0 top-0 h-16 w-16 -translate-x-6 -translate-y-8 transform text-neutral-300 dark:text-neutral-700',
+ width: 16,
+ height: 16,
+ viewBox: '0 0 16 16',
+ fill: 'currentColor',
+ },
+ question: {
+ paths: [
+ {
+ d: 'M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z',
+ },
+ ],
+ class: 'mt-1.5 h-6 w-6 shrink-0 text-neutral-600 dark:text-neutral-400',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ chatBubble: {
+ paths: [
+ {
+ d: 'M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155',
+ },
+ ],
+ class: 'mt-1.5 h-6 w-6 shrink-0 text-neutral-600 dark:text-neutral-400',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ mapPin: {
+ paths: [
+ {
+ d: 'M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z',
+ },
+ {
+ d: 'M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z',
+ },
+ ],
+ class: 'mt-1.5 h-6 w-6 shrink-0 text-neutral-600 dark:text-neutral-400',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ envelopeOpen: {
+ paths: [
+ {
+ d: 'M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z',
+ },
+ ],
+ class: 'mt-1.5 h-6 w-6 shrink-0 text-neutral-600 dark:text-neutral-400',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ earth: {
+ paths: [
+ {
+ d: 'm20.893 13.393-1.135-1.135a2.252 2.252 0 0 1-.421-.585l-1.08-2.16a.414.414 0 0 0-.663-.107.827.827 0 0 1-.812.21l-1.273-.363a.89.89 0 0 0-.738 1.595l.587.39c.59.395.674 1.23.172 1.732l-.2.2c-.212.212-.33.498-.33.796v.41c0 .409-.11.809-.32 1.158l-1.315 2.191a2.11 2.11 0 0 1-1.81 1.025 1.055 1.055 0 0 1-1.055-1.055v-1.172c0-.92-.56-1.747-1.414-2.089l-.655-.261a2.25 2.25 0 0 1-1.383-2.46l.007-.042a2.25 2.25 0 0 1 .29-.787l.09-.15a2.25 2.25 0 0 1 2.37-1.048l1.178.236a1.125 1.125 0 0 0 1.302-.795l.208-.73a1.125 1.125 0 0 0-.578-1.315l-.665-.332-.091.091a2.25 2.25 0 0 1-1.591.659h-.18c-.249 0-.487.1-.662.274a.931.931 0 0 1-1.458-1.137l1.411-2.353a2.25 2.25 0 0 0 .286-.76m11.928 9.869A9 9 0 0 0 8.965 3.525m11.928 9.868A9 9 0 1 1 8.965 3.525',
+ },
+ ],
+ class: 'w-4 h-4 shrink-0',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ guides: {
+ paths: [
+ {
+ d: 'M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25',
+ },
+ ],
+ class: 'mt-1 size-5 shrink-0',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ puzzle: {
+ paths: [
+ {
+ d: 'M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z',
+ },
+ ],
+ class: 'mt-1 size-5 shrink-0',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ rocket: {
+ paths: [
+ {
+ d: 'M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z',
+ },
+ ],
+ class: 'mt-1 size-5 shrink-0',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ hammer: {
+ paths: [
+ {
+ d: 'M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z',
+ },
+ ],
+ class: 'mt-1 size-5 shrink-0',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ sparks: {
+ paths: [
+ {
+ d: 'M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z',
+ },
+ ],
+ class: 'mt-1 size-5 shrink-0',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ community: {
+ paths: [
+ {
+ d: 'M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z',
+ },
+ ],
+ class: 'mt-1 size-5 shrink-0',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+ chevronDown: {
+ paths: [
+ {
+ d: 'm19.5 8.25-7.5 7.5-7.5-7.5',
+ },
+ ],
+ class: 'ms-2 size-4 shrink-0',
+ viewBox: '0 0 24 24',
+ fill: 'none',
+ strokeWidth: '1.5',
+ strokeLinecap: 'round',
+ strokeLinejoin: 'round',
+ stroke: 'currentColor',
+ },
+};
diff --git a/apps/website/src/components/ui/links/FooterSocialLink.astro b/apps/website/src/components/ui/links/FooterSocialLink.astro
new file mode 100644
index 00000000..973a78b1
--- /dev/null
+++ b/apps/website/src/components/ui/links/FooterSocialLink.astro
@@ -0,0 +1,12 @@
+---
+const { url } = Astro.props;
+interface Props {
+ url: string;
+}
+const linkClass =
+ 'inline-flex h-10 w-10 items-center justify-center gap-x-2 rounded-lg border border-transparent text-sm font-bold text-neutral-700 outline-hidden ring-zinc-500 hover:bg-neutral-500/10 focus:outline-hidden focus-visible:ring-3 focus-visible:ring-zinc-500 dark:ring-zinc-200 dark:hover:bg-neutral-50/10';
+---
+
+
+
+
+
+
+
diff --git a/apps/website/src/components/ui/starlight/SiteTitle.astro b/apps/website/src/components/ui/starlight/SiteTitle.astro
new file mode 100644
index 00000000..afad17d8
--- /dev/null
+++ b/apps/website/src/components/ui/starlight/SiteTitle.astro
@@ -0,0 +1,33 @@
+---
+const docs = '/welcome-to-docs/';
+---
+
+
+ Tenantial
+ Docs
+
+
+
diff --git a/apps/website/src/components/ui/starlight/ThemeSelect.astro b/apps/website/src/components/ui/starlight/ThemeSelect.astro
new file mode 100644
index 00000000..9cbbc0a3
--- /dev/null
+++ b/apps/website/src/components/ui/starlight/ThemeSelect.astro
@@ -0,0 +1,106 @@
+{/* Dark Theme Toggle Button */}
+
+
+{/* Light Theme Toggle Button */}
+
+
+
diff --git a/apps/website/src/components/ui/starlight/ThemeSelectMobile.astro b/apps/website/src/components/ui/starlight/ThemeSelectMobile.astro
new file mode 100644
index 00000000..2d4adcf1
--- /dev/null
+++ b/apps/website/src/components/ui/starlight/ThemeSelectMobile.astro
@@ -0,0 +1,104 @@
+{/* Dark Theme Toggle Button */}
+
+
+{/* Light Theme Toggle Button */}
+
+
+
diff --git a/apps/website/src/components/ui/stars/FullStar.astro b/apps/website/src/components/ui/stars/FullStar.astro
new file mode 100644
index 00000000..43034437
--- /dev/null
+++ b/apps/website/src/components/ui/stars/FullStar.astro
@@ -0,0 +1,11 @@
+
diff --git a/apps/website/src/components/ui/stars/HalfStar.astro b/apps/website/src/components/ui/stars/HalfStar.astro
new file mode 100644
index 00000000..7b9c8040
--- /dev/null
+++ b/apps/website/src/components/ui/stars/HalfStar.astro
@@ -0,0 +1,14 @@
+
diff --git a/apps/website/src/content.config.ts b/apps/website/src/content.config.ts
index 9f1d23c3..0c7eafc3 100644
--- a/apps/website/src/content.config.ts
+++ b/apps/website/src/content.config.ts
@@ -1,36 +1,18 @@
+import { defineCollection } from 'astro:content';
+import { z } from 'astro/zod';
+import { docsLoader } from '@astrojs/starlight/loaders';
+import { docsSchema } from '@astrojs/starlight/schema';
import { glob } from 'astro/loaders';
-import { defineCollection, z } from 'astro:content';
-const baseContentSchema = z.object({
- title: z.string(),
- description: z.string(),
- publishedAt: z.coerce.date().optional(),
-});
-
-const changelogSchema = baseContentSchema.extend({
- draft: z.boolean().default(false),
- publishedAt: z.coerce.date(),
-});
-
-const optionalContentSchema = baseContentSchema.extend({
- draft: z.boolean().default(false),
-});
-
-const editorialInventorySchema = baseContentSchema.extend({
- draft: z.boolean().default(true),
-});
+const passthroughCollection = (base: string) =>
+ defineCollection({
+ loader: glob({ pattern: '**/[^_]*.{md,mdx}', base }),
+ schema: z.any(),
+ });
export const collections = {
- articles: defineCollection({
- loader: glob({ pattern: '**/*.{md,mdx}', base: './src/content/articles' }),
- schema: editorialInventorySchema,
- }),
- changelog: defineCollection({
- loader: glob({ pattern: '**/*.{md,mdx}', base: './src/content/changelog' }),
- schema: changelogSchema,
- }),
- resources: defineCollection({
- loader: glob({ pattern: '**/*.{md,mdx}', base: './src/content/resources' }),
- schema: optionalContentSchema,
- }),
+ docs: defineCollection({ loader: docsLoader(), schema: docsSchema() }),
+ products: passthroughCollection('./src/content/products'),
+ blog: passthroughCollection('./src/content/blog'),
+ insights: passthroughCollection('./src/content/insights'),
};
diff --git a/apps/website/src/content/blog/tenantial-placeholder.md b/apps/website/src/content/blog/tenantial-placeholder.md
new file mode 100644
index 00000000..0e4848fd
--- /dev/null
+++ b/apps/website/src/content/blog/tenantial-placeholder.md
@@ -0,0 +1,14 @@
+---
+title: Tenantial editorial placeholder
+description: Hidden placeholder content for the retained editorial collection.
+pubDate: 2026-05-20
+contents: []
+author: Tenantial
+authorImage: ../../images/blog/anna.avif
+authorImageAlt: Static editorial avatar
+cardImage: ../../images/blog/post-1.avif
+cardImageAlt: Static editorial preview
+readTime: 1
+---
+
+This collection is retained for the vendored website foundation, but the public route redirects until editorial content is ready.
diff --git a/apps/website/src/content/changelog/2026-04-19-initial-core-pages.md b/apps/website/src/content/changelog/2026-04-19-initial-core-pages.md
deleted file mode 100644
index 8177e03a..00000000
--- a/apps/website/src/content/changelog/2026-04-19-initial-core-pages.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Initial core pages and IA realignment
-description: Published the canonical Product, Trust, Changelog, Contact, Privacy, and Imprint route model, added the new Trust and Changelog surfaces, and demoted legacy supporting routes out of primary navigation.
-publishedAt: 2026-04-19
-draft: false
----
-
-This update establishes the first deliberate public route set for the website.
-
-- Product, Trust, Changelog, and Contact now define the core buyer journey.
-- Privacy and Imprint remain part of the canonical legal baseline.
-- Solutions, Integrations, Legal, and Terms stay published as retained secondary surfaces instead of top-level core routes.
-- The legacy `/security-trust` path now resolves to the canonical `/trust` surface.
diff --git a/apps/website/src/content/docs/guides/first-project-checklist.mdx b/apps/website/src/content/docs/guides/first-project-checklist.mdx
new file mode 100644
index 00000000..4244ed70
--- /dev/null
+++ b/apps/website/src/content/docs/guides/first-project-checklist.mdx
@@ -0,0 +1,15 @@
+---
+title: Evaluation Checklist
+description: A conservative checklist for early Tenantial evaluation.
+sidebar:
+ label: Evaluation Checklist
+ order: 3
+---
+
+Use this checklist before a product walkthrough:
+
+- Confirm which Microsoft tenant workflows are in scope.
+- Separate read-only review needs from any future write or restore needs.
+- Identify audit and approval expectations.
+- Plan staging validation before production rollout.
+- Keep private tenant data out of public website communication.
diff --git a/apps/website/src/content/docs/guides/getting-started.mdx b/apps/website/src/content/docs/guides/getting-started.mdx
new file mode 100644
index 00000000..cf7cadf1
--- /dev/null
+++ b/apps/website/src/content/docs/guides/getting-started.mdx
@@ -0,0 +1,18 @@
+---
+title: Getting Started
+description: How evaluators should approach a Tenantial walkthrough.
+sidebar:
+ label: Getting Started
+ order: 2
+---
+
+Start with a scoped conversation about the tenant governance problem you want to solve.
+
+Useful preparation:
+
+- Identify the Microsoft tenant administration workflows that need review.
+- List which policy families, backup flows, or restore planning scenarios matter first.
+- Decide who needs to participate in evidence review and approval.
+- Avoid sending private tenant exports or credentials through public website contact paths.
+
+Tenantial walkthroughs should stay focused on review clarity, least-privilege rollout planning, and staging validation before production use.
diff --git a/apps/website/src/content/docs/guides/intro.mdx b/apps/website/src/content/docs/guides/intro.mdx
new file mode 100644
index 00000000..371dce1d
--- /dev/null
+++ b/apps/website/src/content/docs/guides/intro.mdx
@@ -0,0 +1,18 @@
+---
+title: Introduction to Tenantial
+description: Public introduction to Tenantial's evidence-first Microsoft tenant governance model.
+sidebar:
+ label: Introduction
+ order: 1
+---
+
+Tenantial is positioned around careful Microsoft tenant governance. Public materials focus on observed inventory, immutable policy snapshots, drift review, findings, exceptions, audit context, and defensive restore planning.
+
+The website documentation is intentionally public and static. It does not expose live tenant data, operational evidence, private support material, credentials, or connected Microsoft accounts.
+
+## What to review first
+
+- How policy evidence is collected and normalized for review.
+- How snapshots support comparison and restore planning.
+- How findings and exceptions make decisions attributable.
+- How restore is treated as preview-first work.
diff --git a/apps/website/src/content/docs/platform/evidence-review.mdx b/apps/website/src/content/docs/platform/evidence-review.mdx
new file mode 100644
index 00000000..216ca749
--- /dev/null
+++ b/apps/website/src/content/docs/platform/evidence-review.mdx
@@ -0,0 +1,17 @@
+---
+title: Evidence Review
+description: Public platform note for Tenantial evidence review workflows.
+sidebar:
+ label: Evidence Review
+ order: 1
+---
+
+Evidence review is the public framing for Tenantial's product direction.
+
+The model is intentionally cautious:
+
+- Inventory is treated as observed state.
+- Snapshots are explicit records for comparison and planning.
+- Drift and findings become review work.
+- Exceptions and audit notes keep decisions attributable.
+- Restore is planned through preview, validation, selective scope, and explicit confirmation.
diff --git a/apps/website/src/content/docs/welcome-to-docs.mdx b/apps/website/src/content/docs/welcome-to-docs.mdx
new file mode 100644
index 00000000..57cf6773
--- /dev/null
+++ b/apps/website/src/content/docs/welcome-to-docs.mdx
@@ -0,0 +1,30 @@
+---
+title: Tenantial Docs
+head:
+ - tag: title
+ content: Tenantial Docs
+description: Public notes for understanding Tenantial's evidence-first Microsoft tenant governance model.
+editUrl: false
+lastUpdated: false
+next: false
+hero:
+ title: Tenantial documentation
+ tagline: Public notes for evidence review, snapshot discipline, drift review, and cautious restore planning.
+ actions:
+ - text: Get started
+ icon: right-arrow
+ variant: primary
+ link: /guides/getting-started/
+---
+import "@styles/starlight_main.css";
+import { Card, CardGrid } from '@astrojs/starlight/components';
+
+
+
+
+
+
+
+
+
+ + 404 +
++ Page not found. +
++ This public Tenantial route is not available. +
+
-
-
- {entries.map((entry) => (
-
-
- ))}
-
- - {formatter.format(entry.data.publishedAt)} -
-- {entry.data.title} -
-- {entry.data.description} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {integrationEntries.map((item) =>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Trust
-- Review the canonical public trust surface for tenant isolation, access boundaries, and operating discipline. -
- - Trust - -Privacy
-- Review how the public contact path handles inquiry information and what this static website does not claim to process. -
- - Privacy - -Terms
-- Read the website terms that explain the public-site scope and why marketing pages do not replace signed agreements. -
- - Terms - -Imprint
-- Review the canonical notice baseline for publisher identity and jurisdiction-specific disclosure details. -
- - Imprint - -Terms
-- Read the website terms that explain the public-site scope and why marketing pages do not replace signed agreements. -
- - Terms - -
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {platformHero.eyebrow}
-
-
-
-
-
- {platformHero.title}
-
-
-
-
- {platformHero.description}
-
-
-
-
-
- -
- {platformHeroTrustSignals.map((signal) => (
-
- - - {signal.label} - - ))} -
-
-
-
-
-
- Operating model
-A continuous governance loop you can trust.
- From observed tenant state to reviewable decision, every step is connected, sequenced, and provable. -
-
-
- {governanceLoopIntro.eyebrow}
-
-
- {governanceLoopIntro.title}
-{governanceLoopIntro.description}
--
- {governanceLoopIntro.bullets.map((bullet) => (
-
- - - {bullet} - - ))} -
-
-
- Observed sources
- Source of truth
-
-
-
-
- {sourceNode.description}
- -
-
-
- Capabilities
-Purpose-built for Microsoft tenant governance.
- Powerful capabilities that help operators run a tight, evidence-first governance program. -
-
-
-
-
-
-
-
-
- {platformCapabilityPrimary.title}
-{platformCapabilityPrimary.description}
- {platformCapabilityPrimary.ctaLabel} → --
- {platformCapabilityPrimary.proofPoints.map((point) => (
-
- {point} - ))} -
- {platformCapabilities.map((capability) => (
-
- {capability.icon && (
-
- )}
-
- ))}
-
-
-
- {capability.title}
-{capability.description}
- {capability.meta && {capability.meta}} -
-
-
- Truth layers
-
-
- Not every signal should collapse into one status.
-- Tenantial separates truth into layers so you always know what you are seeing, what proves it, - what can be recovered, and what to do next. -
-
-
-
-
-
- {truthLayers.map((_layer, index) => (
-
-
-
-
- ))}
-
- - The visual shows five separated truth layers. The adjacent list names each layer and its review question. -
-
- {truthLayers.map((layer) => (
-
-
- ))}
-
-
-
- {layer.question}
- {layer.title}
-{layer.description}
-
-
-
-
- Operator workflows
-Different teams. Same evidence loop.
- Tailored views and workflows for every operator in the governance journey. -
- {operatorWorkflows.map((workflow) => (
-
-
-
-
-
- ))}
-
- {workflow.audience}
-{workflow.description}
-
-
-
- Platform boundaries
-
- {platformBoundary.headline}
-{platformBoundary.description}
--
- {platformBoundary.items.map((item) => (
-
- - - {item} - - ))} -
-
-
-
- {platformFinalCta.eyebrow}
-{platformFinalCta.title}
- {platformFinalCta.description} -
-
-
-
- {solutionsAudiences.map((item) =>
-
-
-
- {trustNotes.map((note) =>
-
-