@watheia/pwa.sections.hybrid-homepage.build-together/dist/build-together.js

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BuildTogether = void 0;
const react_1 = __importDefault(require("react"));
const classnames_1 = __importDefault(require("classnames"));
const build_together_module_scss_1 = __importDefault(require("./build-together.module.scss"));
const base_ui_layout_grid_presets_four_way_grid_1 = require("@watheia/base-ui.layout.grid-presets.four-way-grid");
const base_ui_theme_sizes_1 = require("@watheia/base-ui.theme.sizes");
const base_ui_text_paragraph_1 = require("@watheia/base-ui.text.paragraph");
const base_ui_layout_align_1 = require("@watheia/base-ui.layout.align");
const base_ui_layout_grid_component_1 = require("@watheia/base-ui.layout.grid-component");
const base_ui_layout_page_frame_1 = require("@watheia/base-ui.layout.page-frame");
const base_ui_atoms_image_1 = require("@watheia/base-ui.atoms.image");
const base_ui_atoms_heading_1 = require("@watheia/base-ui.atoms.heading");
/**
 * @name BuildTogether
 * @description
 * A section of static content, showing Watheia's collaboration abilities.
 * Assumes the consuming component to supply className with width and other styles.
 */
function BuildTogether(props) {
    return (react_1.default.createElement("div", Object.assign({}, props, { className: classnames_1.default(props.className, base_ui_layout_align_1.text.center), "data-bit-id": "watheia.pwa/sections/build-together" }),
        react_1.default.createElement("div", { className: classnames_1.default(base_ui_layout_page_frame_1.textColumn, base_ui_layout_align_1.marginCenter) },
            react_1.default.createElement(base_ui_atoms_heading_1.H2, { size: base_ui_theme_sizes_1.PossibleSizes.sm }, "Continuously release and integrate component updates. Innovate more."),
            react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, { size: base_ui_theme_sizes_1.PossibleSizes.lg, className: build_together_module_scss_1.default.subtitle }, "Bit empowers teams to deliver more often and faster to production while making sure all applications and teams are updated in perfect sync and harmony.")),
        react_1.default.createElement(base_ui_layout_grid_component_1.Grid, { className: classnames_1.default(base_ui_layout_align_1.text.center, base_ui_layout_align_1.text.sm.left, base_ui_layout_grid_presets_four_way_grid_1.fourWayGrid, base_ui_layout_align_1.alignItems.center) },
            react_1.default.createElement("div", { className: build_together_module_scss_1.default.text },
                react_1.default.createElement(base_ui_atoms_heading_1.H3, { size: base_ui_theme_sizes_1.PossibleSizes.xs }, "Rapidly release component upgrades, hotfixes, or rollbacks"),
                react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, null, "Deliver updates fast and fearlessly multiple times a day with decoupled component versions and release pipelines. Ship changes to many apps in a click.")),
            react_1.default.createElement(base_ui_atoms_image_1.Image, { alt: "multi packagers", src: "home/component-versions.png", fullWidth: true }),
            react_1.default.createElement("div", { className: build_together_module_scss_1.default.text },
                react_1.default.createElement(base_ui_atoms_heading_1.H3, { size: base_ui_theme_sizes_1.PossibleSizes.xs }, "Build and test all impacted components, nothing else"),
                react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, null, "Watheia's component-driven CI propogates changes to all impacted components, in all your apps, and nothing else. Result: 10x faster builds, and bulletproof updates.")),
            react_1.default.createElement(base_ui_atoms_image_1.Image, { alt: "cloud code", src: "home/comp-build-flow.png", fullWidth: true }),
            react_1.default.createElement("div", { className: build_together_module_scss_1.default.text },
                react_1.default.createElement(base_ui_atoms_heading_1.H3, { size: base_ui_theme_sizes_1.PossibleSizes.xs }, "Automatically create PRs to impacted GitHub projects"),
                react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, null, "Connect Bit with GitHub to get automatic PRs for every new component update. Effortlessly keep dependant projects up to date, and track adoption.")),
            react_1.default.createElement(base_ui_atoms_image_1.Image, { alt: "cloud components", src: "home/automated-github.png", fullWidth: true }),
            react_1.default.createElement("div", { className: build_together_module_scss_1.default.text },
                react_1.default.createElement(base_ui_atoms_heading_1.H3, { size: base_ui_theme_sizes_1.PossibleSizes.xs }, "Keep everyone in the loop with automatic Slack updates"),
                react_1.default.createElement(base_ui_text_paragraph_1.Paragraph, null, "Connect your team to Slack to get automatic updates on important stuff like new component versions. Create relevant discussions with instant feedback.")),
            react_1.default.createElement(base_ui_atoms_image_1.Image, { alt: "components community", src: "home/slack-integration.png", fullWidth: true }))));
}
exports.BuildTogether = BuildTogether;
//# sourceMappingURL=build-together.js.map