From 56153ea13e3fda2516ef4d8626ee2ee1c0ae644c Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 12:02:11 +0000 Subject: [PATCH 01/10] Add src/app/admin/page.tsx --- src/app/admin/page.tsx | 311 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 311 insertions(+) create mode 100644 src/app/admin/page.tsx diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx new file mode 100644 index 0000000..9540fd1 --- /dev/null +++ b/src/app/admin/page.tsx @@ -0,0 +1,311 @@ +"use client"; + +import { useState } from "react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; +import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; +import { BarChart3, TrendingUp, DollarSign, Eye, Plus, Edit2, Trash2, Search } from "lucide-react"; + +export default function AdminPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "How It Works", id: "#how-it-works" }, + { name: "Top Products", id: "#products" }, + { name: "Admin", id: "/admin" }, + { name: "Contact", id: "#contact" }, + ]; + + const [campaigns, setCampaigns] = useState([ + { + id: 1, + name: "Wireless Earbuds Campaign", status: "active", impressions: 45230, + clicks: 1240, + conversions: 89, + revenue: 4450, + ctr: 2.74, + conversionRate: 7.18, + }, + { + id: 2, + name: "Power Bank Q1 Push", status: "active", impressions: 32100, + clicks: 890, + conversions: 52, + revenue: 2340, + ctr: 2.77, + conversionRate: 5.84, + }, + { + id: 3, + name: "LED Lamp Bundle", status: "paused", impressions: 28900, + clicks: 720, + conversions: 41, + revenue: 1845, + ctr: 2.49, + conversionRate: 5.69, + }, + ]); + + const totalMetrics = { + totalImpressions: campaigns.reduce((sum, c) => sum + c.impressions, 0), + totalClicks: campaigns.reduce((sum, c) => sum + c.clicks, 0), + totalConversions: campaigns.reduce((sum, c) => sum + c.conversions, 0), + totalRevenue: campaigns.reduce((sum, c) => sum + c.revenue, 0), + overallCTR: 2.67, + overallConversionRate: 6.24, + }; + + const [searchTerm, setSearchTerm] = useState(""); + const [selectedCampaign, setSelectedCampaign] = useState(null); + + const filteredCampaigns = campaigns.filter((campaign) => + campaign.name.toLowerCase().includes(searchTerm.toLowerCase()) + ); + + return ( + + + +
+
+ {/* Header */} +
+

Ad Management Dashboard

+

Manage campaigns, track performance, and monitor revenue generation

+
+ + {/* KPI Cards */} +
+
+
+

Total Revenue

+ +
+

${totalMetrics.totalRevenue.toLocaleString()}

+

From {campaigns.length} active campaigns

+
+ +
+
+

Total Conversions

+ +
+

{totalMetrics.totalConversions}

+

Conversion rate: {totalMetrics.overallConversionRate}%

+
+ +
+
+

Total Impressions

+ +
+

{(totalMetrics.totalImpressions / 1000).toFixed(1)}K

+

CTR: {totalMetrics.overallCTR}%

+
+ +
+
+

Total Clicks

+ +
+

{totalMetrics.totalClicks.toLocaleString()}

+

From impressions

+
+
+ + {/* Campaign Management */} +
+
+

Campaign Manager

+
+
+ + setSearchTerm(e.target.value)} + className="w-full pl-10 pr-4 py-2 bg-background border border-accent/20 rounded-lg text-foreground placeholder-foreground/40 focus:outline-none focus:border-primary-cta" + /> +
+ +
+
+ + {/* Campaign Table */} +
+ + + + + + + + + + + + + + + {filteredCampaigns.map((campaign) => ( + + + + + + + + + + + ))} + +
Campaign NameStatusImpressionsClicksCTRConversionsRevenueActions
{campaign.name} + + {campaign.status.charAt(0).toUpperCase() + campaign.status.slice(1)} + + {campaign.impressions.toLocaleString()}{campaign.clicks.toLocaleString()}{campaign.ctr}%{campaign.conversions}${campaign.revenue.toLocaleString()} +
+ + + +
+
+
+
+ + {/* Campaign Details Modal */} + {selectedCampaign && ( +
+
+
+
+

{selectedCampaign.name}

+ + {selectedCampaign.status.charAt(0).toUpperCase() + selectedCampaign.status.slice(1)} + +
+ +
+ +
+
+

Impressions

+

{selectedCampaign.impressions.toLocaleString()}

+
+
+

Clicks

+

{selectedCampaign.clicks.toLocaleString()}

+
+
+

Conversions

+

{selectedCampaign.conversions}

+
+
+

Revenue

+

${selectedCampaign.revenue.toLocaleString()}

+
+
+

CTR

+

{selectedCampaign.ctr}%

+
+
+

Conversion Rate

+

{selectedCampaign.conversionRate}%

+
+
+ +
+ + +
+
+
+ )} +
+
+ + + + ); +} -- 2.49.1 From faa0185ae94b98132734073565db789d79edb06e Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 12:02:11 +0000 Subject: [PATCH 02/10] Add src/app/auth/page.tsx --- src/app/auth/page.tsx | 151 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 151 insertions(+) create mode 100644 src/app/auth/page.tsx diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx new file mode 100644 index 0000000..fe800ef --- /dev/null +++ b/src/app/auth/page.tsx @@ -0,0 +1,151 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; +import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; +import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; +import { Sparkles } from "lucide-react"; +import Link from "next/link"; + +export default function AuthPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "How It Works", id: "/how-it-works" }, + { name: "Top Products", id: "/products" }, + { name: "Pricing", id: "/pricing" }, + { name: "Contact", id: "/contact" }, + ]; + + return ( + + + +
+
+
+ {/* Left Column: Form */} +
+
+

Create Your Account

+

Start earning passive income with ProductHuntr today

+
+ +
+
+ + +
+
+ + +
+
+ + +
+ +
+ +

+ Already have an account? Log in +

+
+ + {/* Right Column: Benefits */} +
+
+

Why Join ProductHuntr?

+
    +
  • + ✓ + AI-powered product discovery—no manual research needed +
    • +
  • + ✓ + Ready-to-post content for Instagram, TikTok, Pinterest, and Facebook +
    • +
  • + ✓ + Automated affiliate link integration across 5+ platforms +
    • +
  • + ✓ + Real-time earnings tracking and commission management +
    • +
  • + ✓ + Start earning immediately—zero investment required +
    • +
+
+
+
+
+
+ + + + ); +} -- 2.49.1 From 9ade9b21d1cbd966a54dc87a756ed48247910bd4 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 12:02:12 +0000 Subject: [PATCH 03/10] Add src/app/dashboard/page.tsx --- src/app/dashboard/page.tsx | 157 +++++++++++++++++++++++++++++++++++++ 1 file changed, 157 insertions(+) create mode 100644 src/app/dashboard/page.tsx diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx new file mode 100644 index 0000000..284a12a --- /dev/null +++ b/src/app/dashboard/page.tsx @@ -0,0 +1,157 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; +import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; +import { TrendingUp, Eye, ShoppingCart, DollarSign } from "lucide-react"; + +export default function DashboardPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "How It Works", id: "/how-it-works" }, + { name: "Top Products", id: "/products" }, + { name: "Pricing", id: "/pricing" }, + { name: "Contact", id: "/contact" }, + ]; + + return ( + + + +
+
+

Dashboard

+

Welcome back! Here's your performance overview.

+ + {/* KPI Cards */} +
+
+
+
+

Total Earnings

+

$12,450

+

+15% this month

+
+
+ +
+
+
+ +
+
+
+

Total Views

+

45.2K

+

+12% this week

+
+
+ +
+
+
+ +
+
+
+

Conversions

+

342

+

+8% this week

+
+
+ +
+
+
+ +
+
+
+

Avg. Commission

+

$36.38

+

Per conversion

+
+
+ +
+
+
+
+ + {/* Recent Activity */} +
+

Recent Activity

+
+
+
+

Wireless Smart Earbuds Pro shared

+

2 hours ago

+
+

+$45.00

+
+
+
+

LED Desk Lamp purchase conversion

+

4 hours ago

+
+

+$12.50

+
+
+
+

Portable Power Bank shared

+

Yesterday

+
+

+$28.00

+
+
+
+
+
+ + + + ); +} -- 2.49.1 From c13ab3ddeb41e98bc56051089916277c84b33f1b Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 12:02:12 +0000 Subject: [PATCH 04/10] Update src/app/layout.tsx --- src/app/layout.tsx | 70 ++++++---------------------------------------- 1 file changed, 9 insertions(+), 61 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 6071836..c0c5ef7 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,75 +1,24 @@ import type { Metadata } from "next"; -import { Halant } from "next/font/google"; import { Inter } from "next/font/google"; -import { Roboto } from "next/font/google"; import "./globals.css"; -import { ServiceWrapper } from "@/components/ServiceWrapper"; -import Tag from "@/tag/Tag"; - -const halant = Halant({ - variable: "--font-halant", - subsets: ["latin"], - weight: ["300", "400", "500", "600", "700"], -}); const inter = Inter({ - variable: "--font-inter", - subsets: ["latin"], -}); - -const roboto = Roboto({ - variable: "--font-roboto", - subsets: ["latin"], - weight: ["100", "300", "400", "500", "700", "900"], + variable: "--font-inter", subsets: ["latin"], + weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"], }); export const metadata: Metadata = { - title: "ProductHuntr - AI Product Hunting Platform for Passive Income", - description: "Discover trending products from Amazon, Walmart, Alibaba & eBay with AI. Monetize through affiliate links on Instagram, TikTok, Pinterest & Facebook. Zero investment required.", - keywords: "product hunting, affiliate marketing, AI shopping platform, passive income, trending products, e-commerce, social commerce", - metadataBase: new URL("https://producthuntr.com"), - alternates: { - canonical: "https://producthuntr.com", - }, - openGraph: { - title: "ProductHuntr - Make Money from Trending Products", - description: "AI finds winning products. You earn passive income. Zero investment. Join 10K+ product scouts earning $500-$10K+ monthly.", - url: "https://producthuntr.com", - siteName: "ProductHuntr", - type: "website", - images: [ - { - url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZPWQCWDl0BG7OaRt0W4bMN2B9/a-sleek-ai-product-hunting-dashboard-dis-1772797252298-0e709f90.png", - alt: "ProductHuntr AI Dashboard - Trending Products", - }, - ], - }, - twitter: { - card: "summary_large_image", - title: "ProductHuntr - Passive Income from Trending Products", - description: "AI hunts winning products. You earn commissions. Zero investment. Start today.", - images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZPWQCWDl0BG7OaRt0W4bMN2B9/a-sleek-ai-product-hunting-dashboard-dis-1772797252298-0e709f90.png"], - }, - robots: { - index: true, - follow: true, - }, -}; + title: "ProductHuntr - AI-Powered Affiliate Marketing Platform", description: + "Discover trending products automatically with AI. Earn passive income through affiliate marketing with zero investment."}; export default function RootLayout({ children, -}: Readonly<{ +}: { children: React.ReactNode; -}>) { +}) { return ( - - - - - {children} - + + {children}