import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button, Typography } from 'antd';
import styled from 'styled-components';
import { Header } from '../components/Ui';
const { Title, Paragraph, Link } = Typography;
const CenteredContainer = styled.div `
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 48px;
`;
const StyledHeader = styled(Header) `
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 50px;

  h1 {
    margin: 0;
  }
`;
const VideoContainer = styled.div `
  margin-top: 48px;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16 / 9;
  
  iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
  }
`;
export function CubeBiPage() {
    return (_jsxs(CenteredContainer, { children: [_jsxs(StyledHeader, { children: [_jsx(Title, { children: "Cube \u2014 Modern BI Tool from Cube Core Creators" }), _jsxs(Paragraph, { style: { fontSize: '18px', marginTop: '16px', color: '#666' }, children: [_jsx(Link, { href: "https://cube.dev?ref=github-readme", target: "_blank", children: "Cube" }), " is an agentic analytics platform built on Cube Core. It provides a user-friendly interface with reporting and dashboard capabilities, leveraging the Cube Core data model."] }), _jsx(Button, { type: "primary", size: "large", style: { marginTop: '24px' }, href: "https://cubecloud.dev/auth/signup", target: "_blank", children: "Get Started for Free" })] }), _jsx(VideoContainer, { children: _jsx("iframe", { src: "https://www.youtube.com/embed/7ZQGGepDjUQ?start=1289", title: "Cube BI Video", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true }) })] }));
}
//# sourceMappingURL=CubeBiPage.js.map