g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix colors

Browse Source
This commit is contained in:
NotII
2025-03-28 22:30:39 +00:00
parent 224ccfdd8e
commit 56ef98bb52
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/page.tsx
View File

@@ -28,11 +28,11 @@ export default async function Home() {
<div className="flex flex-col min-h-screen bg-black text-white"> <div className="flex flex-col min-h-screen bg-black text-white">
<HomeNavbar /> <HomeNavbar />
{/* Hero Section */} {/* Hero Section */}
<section className="flex-1 py-20 md:py-32 px-6 md:px-10 flex flex-col items-center text-center space-y-10 bg-black"> <section className="flex-1 py-20 md:py-32 px-6 md:px-10 flex flex-col items-center text-center space-y-10 bg-black">
<div className="space-y-4 max-w-3xl"> <div className="space-y-4 max-w-3xl">
<h1 className="text-4xl md:text-6xl font-bold tracking-tighter"> <h1 className="text-4xl md:text-6xl font-bold tracking-tighter">
Streamlined E-commerce <span className="text-[#FF7A00]">Management</span> Streamlined E-commerce <span className="text-[#D53F8C]">Management</span>
</h1> </h1>
<p className="text-xl md:text-2xl text-gray-400 max-w-2xl mx-auto"> <p className="text-xl md:text-2xl text-gray-400 max-w-2xl mx-auto">
Ember provides everything you need to manage your e-commerce business efficiently in one place, with secure cryptocurrency payments. Ember provides everything you need to manage your e-commerce business efficiently in one place, with secure cryptocurrency payments.
@@ -40,7 +40,7 @@ export default async function Home() {
</div> </div>
<div className="flex flex-col sm:flex-row gap-4"> <div className="flex flex-col sm:flex-row gap-4">
<Link href="/dashboard"> <Link href="/dashboard">
<Button size="lg" className="gap-2 bg-[#FF7A00] hover:bg-[#E86A00] text-white border-0"> <Button size="lg" className="gap-2 bg-[#D53F8C] hover:bg-[#B83280] text-white border-0">
Go to Dashboard Go to Dashboard
<ArrowRight className="h-4 w-4" /> <ArrowRight className="h-4 w-4" />
</Button> </Button>
@@ -59,20 +59,20 @@ export default async function Home() {
<Suspense fallback={<div className="text-center">Loading statistics...</div>}> <Suspense fallback={<div className="text-center">Loading statistics...</div>}>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8"> <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0">
<Package className="h-12 w-12 text-[#FF7A00] mb-4" /> <Package className="h-12 w-12 text-[#D53F8C] mb-4" />
<div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatNumber(stats.orders.completed)}+</div> <div className="text-4xl font-bold text-[#D53F8C] mb-2">{formatNumber(stats.orders.completed)}+</div>
<div className="text-xl font-semibold text-white mb-1">Orders Processed</div> <div className="text-xl font-semibold text-white mb-1">Orders Processed</div>
<p className="text-sm text-gray-400">Successfully delivered to customers around the world</p> <p className="text-sm text-gray-400">Successfully delivered to customers around the world</p>
</div> </div>
<div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0">
<Users className="h-12 w-12 text-[#FF7A00] mb-4" /> <Users className="h-12 w-12 text-[#D53F8C] mb-4" />
<div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatNumber(stats.vendors.total)}+</div> <div className="text-4xl font-bold text-[#D53F8C] mb-2">{formatNumber(stats.vendors.total)}+</div>
<div className="text-xl font-semibold text-white mb-1">Registered Vendors</div> <div className="text-xl font-semibold text-white mb-1">Registered Vendors</div>
<p className="text-sm text-gray-400">Trusted merchants selling on our platform</p> <p className="text-sm text-gray-400">Trusted merchants selling on our platform</p>
</div> </div>
<div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0">
<CreditCard className="h-12 w-12 text-[#FF7A00] mb-4" /> <CreditCard className="h-12 w-12 text-[#D53F8C] mb-4" />
<div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatCurrency(stats.transactions.volume)}</div> <div className="text-4xl font-bold text-[#D53F8C] mb-2">{formatCurrency(stats.transactions.volume)}</div>
<div className="text-xl font-semibold text-white mb-1">Transaction Volume</div> <div className="text-xl font-semibold text-white mb-1">Transaction Volume</div>
<p className="text-sm text-gray-400">Securely processed by our platform</p> <p className="text-sm text-gray-400">Securely processed by our platform</p>
</div> </div>
@@ -94,7 +94,7 @@ export default async function Home() {
<div className="p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="p-6 rounded-md bg-[#1C1C1C] border-0">
<div className="mb-4"> <div className="mb-4">
<div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]"> <div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]">
<Shield className="h-6 w-6 text-[#FF7A00]" /> <Shield className="h-6 w-6 text-[#D53F8C]" />
</div> </div>
<h3 className="mt-4 text-xl font-semibold text-white">Cryptocurrency Payments</h3> <h3 className="mt-4 text-xl font-semibold text-white">Cryptocurrency Payments</h3>
</div> </div>
@@ -105,7 +105,7 @@ export default async function Home() {
<div className="p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="p-6 rounded-md bg-[#1C1C1C] border-0">
<div className="mb-4"> <div className="mb-4">
<div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]"> <div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]">
<LineChart className="h-6 w-6 text-[#FF7A00]" /> <LineChart className="h-6 w-6 text-[#D53F8C]" />
</div> </div>
<h3 className="mt-4 text-xl font-semibold text-white">Order Tracking</h3> <h3 className="mt-4 text-xl font-semibold text-white">Order Tracking</h3>
</div> </div>
@@ -116,7 +116,7 @@ export default async function Home() {
<div className="p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="p-6 rounded-md bg-[#1C1C1C] border-0">
<div className="mb-4"> <div className="mb-4">
<div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]"> <div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]">
<Zap className="h-6 w-6 text-[#FF7A00]" /> <Zap className="h-6 w-6 text-[#D53F8C]" />
</div> </div>
<h3 className="mt-4 text-xl font-semibold text-white">Fast Performance</h3> <h3 className="mt-4 text-xl font-semibold text-white">Fast Performance</h3>
</div> </div>
@@ -165,7 +165,7 @@ export default async function Home() {
</div> </div>
<div className="flex justify-center mt-10"> <div className="flex justify-center mt-10">
<Link href="/dashboard"> <Link href="/dashboard">
<Button size="lg" className="bg-[#FF7A00] hover:bg-[#E86A00] text-white border-0">Start Now</Button> <Button size="lg" className="bg-[#D53F8C] hover:bg-[#B83280] text-white border-0">Start Now</Button>
</Link> </Link>
</div> </div>
</div> </div>

2
components/home-navbar.tsx
View File

@@ -28,7 +28,7 @@ export function HomeNavbar() {
</Button> </Button>
</Link> </Link>
<Link href="/auth/login"> <Link href="/auth/login">
<Button className="bg-[#FF7A00] hover:bg-[#E86A00] text-white border-0">Get Started</Button> <Button className="bg-[#D53F8C] hover:bg-[#B83280] text-white border-0">Get Started</Button>
</Link> </Link>
</nav> </nav>
<div className="md:hidden"> <div className="md:hidden">