function ImageBackgroundRectangle({ text, imageUrl }) { return /*#__PURE__*/ React.createElement("div", { className: "w-[394px] h-[128px] bg-cover bg-center flex items-center justify-center transition duration-300 ease-in-out hover:scale-105 font-inter", style: { backgroundImage: `url(${imageUrl})` }, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-[34px]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[20px] whitespace-nowrap", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, text), /*#__PURE__*/ React.createElement("svg", { width: "101", height: "16", viewBox: "0 0 101 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M100.707 8.70711C101.098 8.31658 101.098 7.68342 100.707 7.29289L94.3431 0.928932C93.9526 0.538408 93.3195 0.538408 92.9289 0.928932C92.5384 1.31946 92.5384 1.95262 92.9289 2.34315L98.5858 8L92.9289 13.6569C92.5384 14.0474 92.5384 14.6805 92.9289 15.0711C93.3195 15.4616 93.9526 15.4616 94.3431 15.0711L100.707 8.70711ZM0 9H100V7H0V9Z", fill: "black", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this })))); } function ImageBackgroundRectangleStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ImageBackgroundRectangle, { text: "Discover More", imageUrl: "background.jpg", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function VerticalImageBackgroundRectangles() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-[12px] font-inter", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ImageBackgroundRectangle, { text: "Image to code", imageUrl: "https://ucarecdn.com/28712249-a7ec-414a-ac2f-8417af83636b/-/format/auto/", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ImageBackgroundRectangle, { text: "Fix your prompt", imageUrl: "https://ucarecdn.com/71cd9ca3-6a36-49fa-b0a3-5889a3243009/-/format/auto/", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ImageBackgroundRectangle, { text: "Instant brand kit", imageUrl: "https://ucarecdn.com/9cf24c8d-2fe5-4749-9ff7-f4ddca788d59/-/format/auto/", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function VerticalImageBackgroundRectanglesStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(VerticalImageBackgroundRectangles, { __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); } function AiAgencyBookADemoButton({ text }) { return /*#__PURE__*/ React.createElement("button", { className: "bg-[#000000] w-[151px] h-[40px] text-white font-inter text-[12px] rounded-[40px] flex items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, text); } function AiAgencyBookADemoButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AiAgencyBookADemoButton, { text: "Book a demo", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function LogoHeaderDesign() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mx-[100px] items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/5d99ce37-57d2-4860-97f5-f6fd25847d0e/Create_Icon_Dark_RGB_300ppi.png", alt: "Company Logo", className: "h-[40px]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(AiAgencyBookADemoButton, { text: "Book a Demo", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this })); } function LogoHeaderDesignStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(LogoHeaderDesign, { __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function FooterDesign() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-[64px] bg-[url('https://ucarecdn.com/03400b62-e550-4ae8-8794-be8ab4e23065/-/format/auto/')] bg-cover bg-center bg-[length:120%_120%] flex items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AiAgencyBookADemoButton, { text: "Book a demo", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); } function FooterDesignStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FooterDesign, { __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen justify-between font-inter mt-[40px]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(LogoHeaderDesign, { __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-1 items-center justify-between mx-[100px]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-[24px]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[48px] text-[#000000]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "AI Agency"), /*#__PURE__*/ React.createElement("p", { className: "w-[458px] text-[16px] text-[#000000]", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "We develop custom enterprise-grade AI products and solutions"), /*#__PURE__*/ React.createElement(AiAgencyBookADemoButton, { text: "Book a Demo", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement(VerticalImageBackgroundRectangles, { __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement(FooterDesign, { __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); }