@ar-dacity/ardacity-landingbw/dist/index.esm.js

Black and white landing page component for Ardacity UI

import{jsxs as e,jsx as l}from"react/jsx-runtime";import{ArdacityHeaderBW as a}from"@ar-dacity/ardacity-headerbw";import{ArdacityBentoBW as r}from"@ar-dacity/ardacity-bentobw";import{ArdacityFooterBW as d}from"@ar-dacity/ardacity-footerbw";
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.

Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */var i=function(){return i=Object.assign||function(e){for(var l,a=1,r=arguments.length;a<r;a++)for(var d in l=arguments[a])Object.prototype.hasOwnProperty.call(l,d)&&(e[d]=l[d]);return e},i.apply(this,arguments)},t=function(t){var n=t.onConnectWallet,c=t.onDisconnectWallet,s=t.walletAddress,o=void 0===s?"":s,m=t.isConnecting;return e("div",i({className:"min-h-screen bg-white text-black flex flex-col"},{children:[l(a,{title:"Ardacity",walletAddress:o,isConnecting:void 0!==m&&m,onConnectWallet:n,onDisconnectWallet:c}),e("main",i({className:"flex-1"},{children:[l("section",i({className:"py-20 border-b border-gray-200"},{children:l("div",i({className:"container mx-auto px-4 max-w-6xl"},{children:e("div",i({className:"flex flex-col md:flex-row items-center justify-between gap-12"},{children:[e("div",i({className:"md:w-1/2"},{children:[e("h1",i({className:"text-5xl font-bold mb-6"},{children:[l("span",i({className:"text-gray-500"},{children:"The Fitness"}))," Journey",l("br",{}),"Starts Here"]})),l("p",i({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."})),l("button",i({className:"bg-black hover:bg-gray-800 text-white font-bold py-3 px-8 rounded-md transition duration-300",onClick:n},{children:o?"View Dashboard":"Connect Wallet"}))]})),l("div",i({className:"md:w-1/2"},{children:l("div",i({className:"relative"},{children:e("div",i({className:"bg-gray-100 rounded-2xl p-6 shadow-lg"},{children:[l("div",i({className:"text-sm text-gray-500 mb-2"},{children:"Progress"})),e("div",i({className:"flex items-center gap-3 mb-6"},{children:[l("div",i({className:"h-16 w-4 bg-gray-200 rounded-full overflow-hidden"},{children:l("div",{className:"h-[60%] w-full bg-black rounded-full"})})),l("div",i({className:"h-16 w-4 bg-gray-200 rounded-full overflow-hidden"},{children:l("div",{className:"h-[80%] w-full bg-black rounded-full"})})),l("div",i({className:"h-16 w-4 bg-gray-200 rounded-full overflow-hidden"},{children:l("div",{className:"h-[40%] w-full bg-black rounded-full"})})),l("div",i({className:"h-16 w-4 bg-gray-200 rounded-full overflow-hidden"},{children:l("div",{className:"h-[70%] w-full bg-black rounded-full"})})),l("div",i({className:"h-16 w-4 bg-gray-200 rounded-full overflow-hidden"},{children:l("div",{className:"h-[90%] w-full bg-black rounded-full"})}))]})),e("div",i({className:"flex justify-between items-center"},{children:[e("div",{children:[l("div",i({className:"text-sm text-gray-500"},{children:"Daily Goal"})),l("div",i({className:"text-xl font-bold"},{children:"1,500 kcal"}))]}),e("div",{children:[l("div",i({className:"text-sm text-gray-500"},{children:"Completed"})),l("div",i({className:"text-xl font-bold"},{children:"1,100 kcal"}))]})]}))]}))}))}))]}))}))})),l(r,{})]})),l(d,{})]}))};export{t as ArdacityLandingPageOne};
//# sourceMappingURL=index.esm.js.map