UNPKG

@ar-dacity/ardacity-landingbw

Version:

Black and white landing page component for Ardacity UI

3 lines (2 loc) 3.38 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("@ar-dacity/ardacity-headerbw"),s=require("@ar-dacity/ardacity-bentobw"),a=require("@ar-dacity/ardacity-footerbw"),r=function(){return r=Object.assign||function(e){for(var l,s=1,a=arguments.length;s<a;s++)for(var r in l=arguments[s])Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);return e},r.apply(this,arguments)};exports.ArdacityLandingPageOne=function(d){var i=d.onConnectWallet,t=d.onDisconnectWallet,n=d.walletAddress,c=void 0===n?"":n,o=d.isConnecting,x=void 0!==o&&o;return e.jsxs("div",r({className:"min-h-screen bg-white text-black flex flex-col"},{children:[e.jsx(l.ArdacityHeaderBW,{title:"Ardacity",walletAddress:c,isConnecting:x,onConnectWallet:i,onDisconnectWallet:t}),e.jsxs("main",r({className:"flex-1"},{children:[e.jsx("section",r({className:"py-20 border-b border-gray-200"},{children:e.jsx("div",r({className:"container mx-auto px-4 max-w-6xl"},{children:e.jsxs("div",r({className:"flex flex-col md:flex-row items-center justify-between gap-12"},{children:[e.jsxs("div",r({className:"md:w-1/2"},{children:[e.jsxs("h1",r({className:"text-5xl font-bold mb-6"},{children:[e.jsx("span",r({className:"text-gray-500"},{children:"The Fitness"}))," Journey",e.jsx("br",{}),"Starts Here"]})),e.jsx("p",r({className:"text-gray-600 mb-8 text-lg"},{children:"Welcome to Ardacity UI, where your fitness goals meet decentralized technology. Track, manage, and achieve your fitness milestones with blockchain security."})),e.jsx("button",r({className:"bg-black hover:bg-gray-800 text-white font-bold py-3 px-8 rounded-md transition duration-300",onClick:i},{children:c?"View Dashboard":"Connect Wallet"}))]})),e.jsx("div",r({className:"md:w-1/2"},{children:e.jsx("div",r({className:"relative"},{children:e.jsxs("div",r({className:"bg-gray-100 rounded-2xl p-6 shadow-lg"},{children:[e.jsx("div",r({className:"text-sm text-gray-500 mb-2"},{children:"Progress"})),e.jsxs("div",r({className:"flex items-center gap-3 mb-6"},{children:[e.jsx("div",r({className:"h-16 w-4 bg-gray-200 rounded-full overflow-hidden"},{children:e.jsx("div",{className:"h-[60%] w-full bg-black rounded-full"})})),e.jsx("div",r({className:"h-16 w-4 bg-gray-200 rounded-full overflow-hidden"},{children:e.jsx("div",{className:"h-[80%] w-full bg-black rounded-full"})})),e.jsx("div",r({className:"h-16 w-4 bg-gray-200 rounded-full overflow-hidden"},{children:e.jsx("div",{className:"h-[40%] w-full bg-black rounded-full"})})),e.jsx("div",r({className:"h-16 w-4 bg-gray-200 rounded-full overflow-hidden"},{children:e.jsx("div",{className:"h-[70%] w-full bg-black rounded-full"})})),e.jsx("div",r({className:"h-16 w-4 bg-gray-200 rounded-full overflow-hidden"},{children:e.jsx("div",{className:"h-[90%] w-full bg-black rounded-full"})}))]})),e.jsxs("div",r({className:"flex justify-between items-center"},{children:[e.jsxs("div",{children:[e.jsx("div",r({className:"text-sm text-gray-500"},{children:"Daily Goal"})),e.jsx("div",r({className:"text-xl font-bold"},{children:"1,500 kcal"}))]}),e.jsxs("div",{children:[e.jsx("div",r({className:"text-sm text-gray-500"},{children:"Completed"})),e.jsx("div",r({className:"text-xl font-bold"},{children:"1,100 kcal"}))]})]}))]}))}))}))]}))}))})),e.jsx(s.ArdacityBentoBW,{})]})),e.jsx(a.ArdacityFooterBW,{})]}))}; //# sourceMappingURL=index.js.map