From c26169b08b3d49a7a735855c55d1d7c9c51c6026 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 17:44:26 +0000 Subject: [PATCH 1/2] Add src/app/admin/page.tsx --- src/app/admin/page.tsx | 261 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 261 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..46eff2d --- /dev/null +++ b/src/app/admin/page.tsx @@ -0,0 +1,261 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; +import { useState, useEffect } from "react"; +import { CheckCircle, XCircle, Clock, Search } from "lucide-react"; + +interface Payment { + id: string; + email: string; + transactionId: string; + name: string; + amount: string; + status: "pending" | "verified" | "rejected"; + timestamp: string; +} + +export default function AdminDashboard() { + const [payments, setPayments] = useState([ + { + id: "1", email: "user1@example.com", transactionId: "TXN123456", name: "John Doe", amount: "₹97", status: "pending", timestamp: "2025-01-20T10:30:00Z"}, + { + id: "2", email: "user2@example.com", transactionId: "TXN123457", name: "Jane Smith", amount: "₹97", status: "verified", timestamp: "2025-01-19T15:45:00Z"}, + { + id: "3", email: "user3@example.com", transactionId: "TXN123458", name: "Mike Johnson", amount: "₹97", status: "rejected", timestamp: "2025-01-18T09:20:00Z"}, + ]); + + const [searchTerm, setSearchTerm] = useState(""); + const [filterStatus, setFilterStatus] = useState<"all" | "pending" | "verified" | "rejected">("all"); + + const filteredPayments = payments.filter((payment) => { + const matchesSearch = + payment.email.toLowerCase().includes(searchTerm.toLowerCase()) || + payment.transactionId.toLowerCase().includes(searchTerm.toLowerCase()) || + payment.name.toLowerCase().includes(searchTerm.toLowerCase()); + + const matchesStatus = filterStatus === "all" || payment.status === filterStatus; + + return matchesSearch && matchesStatus; + }); + + const handleApprove = (id: string) => { + setPayments((prev) => + prev.map((payment) => + payment.id === id ? { ...payment, status: "verified" } : payment + ) + ); + }; + + const handleReject = (id: string) => { + setPayments((prev) => + prev.map((payment) => + payment.id === id ? { ...payment, status: "rejected" } : payment + ) + ); + }; + + const getStatusIcon = (status: "pending" | "verified" | "rejected") => { + if (status === "verified") return ; + if (status === "rejected") return ; + return ; + }; + + const getStatusBadgeClass = (status: "pending" | "verified" | "rejected") => { + if (status === "verified") return "bg-green-100 text-green-800"; + if (status === "rejected") return "bg-red-100 text-red-800"; + return "bg-yellow-100 text-yellow-800"; + }; + + const stats = { + total: payments.length, + pending: payments.filter((p) => p.status === "pending").length, + verified: payments.filter((p) => p.status === "verified").length, + rejected: payments.filter((p) => p.status === "rejected").length, + }; + + return ( + + + +
+
+

Payment Dashboard

+

View and verify all transactions

+ + {/* Stats Cards */} +
+
+

Total Transactions

+

{stats.total}

+
+
+

Pending

+

{stats.pending}

+
+
+

Verified

+

{stats.verified}

+
+
+

Rejected

+

{stats.rejected}

+
+
+ + {/* Search and Filter */} +
+
+
+ + setSearchTerm(e.target.value)} + className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" + /> +
+
+ + + + +
+
+
+ + {/* Transactions Table */} +
+
+ + + + + + + + + + + + + + {filteredPayments.length > 0 ? ( + filteredPayments.map((payment) => ( + + + + + + + + + + )) + ) : ( + + + + )} + +
NameEmailTransaction IDAmountDateStatusActions
{payment.name}{payment.email}{payment.transactionId}{payment.amount} + {new Date(payment.timestamp).toLocaleDateString()} + +
+ {getStatusIcon(payment.status)} + + {payment.status.charAt(0).toUpperCase() + payment.status.slice(1)} + +
+ 		+ {payment.status === "pending" && ( + <> + + + + )} + {payment.status !== "pending" && ( + No actions available + )} +
+ No transactions found matching your search criteria. +
+
+
+
+
+ + ); +} -- 2.49.1 From 17559afa5278a5de2a8dd0a9b36540cac7156d27 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 17:44:26 +0000 Subject: [PATCH 2/2] Update src/app/page.tsx --- src/app/page.tsx | 72 ++++++++++++++++++++++++++++++++---------------- 1 file changed, 48 insertions(+), 24 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a903acb..41f7e11 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -76,19 +76,26 @@ export default function LandingPage() { tagAnimation="slide-up" products={[ { - id: "1", name: "Viral Reel Hook Generator", price: "₹0", variant: "Generate viral-worthy hooks instantly", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/close-up-of-a-smartphone-screen-displayi-1772818433565-5dbe1cf4.png", imageAlt: "Viral Reel Generator"}, + id: "1", name: "Viral Reel Hook Generator", price: "₹0", variant: "Generate viral-worthy hooks instantly", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/close-up-of-a-smartphone-screen-displayi-1772818433565-5dbe1cf4.png", imageAlt: "Viral Reel Generator" + }, { - id: "2", name: "College Assignment Summarizer", price: "₹0", variant: "Instantly summarize lengthy documents", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/academic-interface-showing-document-uplo-1772818433007-de6b5a7e.png", imageAlt: "Assignment Summarizer"}, + id: "2", name: "College Assignment Summarizer", price: "₹0", variant: "Instantly summarize lengthy documents", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/academic-interface-showing-document-uplo-1772818433007-de6b5a7e.png", imageAlt: "Assignment Summarizer" + }, { - id: "3", name: "Resume Generator", price: "₹0", variant: "Professional resume in minutes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/beautiful-resume-template-showcase-with--1772818433599-16ab9150.png", imageAlt: "Resume Generator"}, + id: "3", name: "Resume Generator", price: "₹0", variant: "Professional resume in minutes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/beautiful-resume-template-showcase-with--1772818433599-16ab9150.png", imageAlt: "Resume Generator" + }, { - id: "4", name: "Side Hustle Engine", price: "₹0", variant: "Discover income opportunities daily", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/entrepreneurial-dashboard-showing-multip-1772818434024-c34e240a.png", imageAlt: "Side Hustle Engine"}, + id: "4", name: "Side Hustle Engine", price: "₹0", variant: "Discover income opportunities daily", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/entrepreneurial-dashboard-showing-multip-1772818434024-c34e240a.png", imageAlt: "Side Hustle Engine" + }, { - id: "5", name: "Productivity Planner", price: "₹0", variant: "Optimize your daily schedule", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/elegant-time-management-interface-showin-1772818434129-1ae4e787.png", imageAlt: "Productivity Planner"}, + id: "5", name: "Productivity Planner", price: "₹0", variant: "Optimize your daily schedule", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/elegant-time-management-interface-showin-1772818434129-1ae4e787.png", imageAlt: "Productivity Planner" + }, { - id: "6", name: "YouTube Script Generator", price: "₹0", variant: "Create engaging video scripts", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/creative-content-interface-showing-youtu-1772818433362-e48de8cb.png", imageAlt: "YouTube Script Generator"}, + id: "6", name: "YouTube Script Generator", price: "₹0", variant: "Create engaging video scripts", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/creative-content-interface-showing-youtu-1772818433362-e48de8cb.png", imageAlt: "YouTube Script Generator" + }, { - id: "7", name: "Finance Tracker", price: "₹0", variant: "Track wealth & manage finances", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/personal-finance-dashboard-with-transact-1772818435057-0bbe691b.png", imageAlt: "Finance Tracker"}, + id: "7", name: "Finance Tracker", price: "₹0", variant: "Track wealth & manage finances", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/personal-finance-dashboard-with-transact-1772818435057-0bbe691b.png", imageAlt: "Finance Tracker" + }, ]} textboxLayout="default" gridVariant="uniform-all-items-equal" @@ -132,17 +139,23 @@ export default function LandingPage() { animationType="slide-up" testimonials={[ { - id: "1", name: "Raj Kumar", handle: "@rajkumar_dev", testimonial: "These AI agents cut my daily tasks from 4 hours to 30 minutes. The Resume Generator alone has helped me land 3 interviews. Worth every rupee!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-confident-you-1772818432695-91cca40e.png?_wi=1", imageAlt: "Raj Kumar"}, + id: "1", name: "Raj Kumar", handle: "@rajkumar_dev", testimonial: "These AI agents cut my daily tasks from 4 hours to 30 minutes. The Resume Generator alone has helped me land 3 interviews. Worth every rupee!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-confident-you-1772818432695-91cca40e.png?_wi=1", imageAlt: "Raj Kumar" + }, { - id: "2", name: "Priya Sharma", handle: "@priya_content", testimonial: "The Viral Reel Hook Generator is a game-changer for content creators. My engagement increased by 300% in just 2 weeks. Highly recommend!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-successful-wo-1772818432353-7f0c4e07.png?_wi=1", imageAlt: "Priya Sharma"}, + id: "2", name: "Priya Sharma", handle: "@priya_content", testimonial: "The Viral Reel Hook Generator is a game-changer for content creators. My engagement increased by 300% in just 2 weeks. Highly recommend!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-successful-wo-1772818432353-7f0c4e07.png?_wi=1", imageAlt: "Priya Sharma" + }, { - id: "3", name: "Amit Patel", handle: "@amit_entrepreneur", testimonial: "Side Hustle Engine helped me discover 5 new income streams. Already making 40K extra per month. This is the best ₹97 I've ever spent.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-creative-prof-1772818432476-913136e9.png", imageAlt: "Amit Patel"}, + id: "3", name: "Amit Patel", handle: "@amit_entrepreneur", testimonial: "Side Hustle Engine helped me discover 5 new income streams. Already making 40K extra per month. This is the best ₹97 I've ever spent.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-creative-prof-1772818432476-913136e9.png", imageAlt: "Amit Patel" + }, { - id: "4", name: "Neha Singh", handle: "@neha_student", testimonial: "Assignment Summarizer saved my semester. I can now focus on understanding concepts instead of drowning in paperwork. Lifesaver!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-business-woma-1772818431916-7df1a247.png", imageAlt: "Neha Singh"}, + id: "4", name: "Neha Singh", handle: "@neha_student", testimonial: "Assignment Summarizer saved my semester. I can now focus on understanding concepts instead of drowning in paperwork. Lifesaver!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-business-woma-1772818431916-7df1a247.png", imageAlt: "Neha Singh" + }, { - id: "5", name: "Vikram Desai", handle: "@vikram_hustle", testimonial: "Complete suite of tools at one price. The Productivity Planner alone is worth ₹97. Everything exceeds expectations!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-confident-you-1772818432695-91cca40e.png?_wi=2", imageAlt: "Vikram Desai"}, + id: "5", name: "Vikram Desai", handle: "@vikram_hustle", testimonial: "Complete suite of tools at one price. The Productivity Planner alone is worth ₹97. Everything exceeds expectations!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-confident-you-1772818432695-91cca40e.png?_wi=2", imageAlt: "Vikram Desai" + }, { - id: "6", name: "Anjali Verma", handle: "@anjali_finance", testimonial: "Finance Tracker gives me complete visibility into my spending. Combined with other agents, I'm optimizing every aspect of my life.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-successful-wo-1772818432353-7f0c4e07.png?_wi=2", imageAlt: "Anjali Verma"}, + id: "6", name: "Anjali Verma", handle: "@anjali_finance", testimonial: "Finance Tracker gives me complete visibility into my spending. Combined with other agents, I'm optimizing every aspect of my life.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/professional-headshot-of-a-successful-wo-1772818432353-7f0c4e07.png?_wi=2", imageAlt: "Anjali Verma" + }, ]} speed={40} topMarqueeDirection="left" @@ -165,7 +178,8 @@ export default function LandingPage() { { id: "complete", title: "7 Ready AI Agents", price: "₹97", period: "One-time", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aa6RsYSzG8zkhnZGD8pPkpUj1y/a-sleek-modern-dashboard-showcasing-ai-a-1772818434783-ad5230db.png?_wi=2", imageAlt: "7 AI Agents Dashboard", button: { text: "Get Access Now via UPI", href: "#contact" }, features: [ - "All 7 AI agents included", "Instant access after payment verification", "Lifetime updates", "Email support", "Notion templates included", "Download link via email", "Secure payment verification"], + "All 7 AI agents included", "Instant access after payment verification", "Lifetime updates", "Email support", "Notion templates included", "Download link via email", "Secure payment verification" + ], }, ]} /> @@ -184,25 +198,35 @@ export default function LandingPage() { animationType="smooth" faqs={[ { - id: "1", title: "How do I pay with UPI?", content: "Click the 'Get Access Now via UPI' button. Your UPI app will open automatically with payment details prefilled. Complete the payment in your UPI app (Google Pay, PhonePe, Paytm, or BHIM). After payment, return to verify the transaction and get your download link."}, + id: "1", title: "How do I pay with UPI?", content: "Click the 'Get Access Now via UPI' button. Your UPI app will open automatically with payment details prefilled. Complete the payment in your UPI app (Google Pay, PhonePe, Paytm, or BHIM). After payment, return to verify the transaction and get your download link." + }, { - id: "2", title: "Which UPI apps work?", content: "Any UPI app works! Google Pay, PhonePe, Paytm, BHIM, WhatsApp Pay, and all bank UPI apps are supported. The deep link automatically opens your default UPI app."}, + id: "2", title: "Which UPI apps work?", content: "Any UPI app works! Google Pay, PhonePe, Paytm, BHIM, WhatsApp Pay, and all bank UPI apps are supported. The deep link automatically opens your default UPI app." + }, { - id: "3", title: "How do I receive the product after payment?", content: "After successful payment verification by our admin, you'll receive an email with: 1) Download link for all 7 AI agents, 2) Notion template links, 3) Setup instructions. Usually processed within 2-4 hours. Instant verification available for certain payment methods."}, + id: "3", title: "How do I receive the product after payment?", content: "After successful payment verification by our admin, you'll receive an email with: 1) Download link for all 7 AI agents, 2) Notion template links, 3) Setup instructions. Usually processed within 2-4 hours. Instant verification available for certain payment methods." + }, { - id: "4", title: "What payment verification process do I follow?", content: "After paying via UPI, you'll see a verification form asking for: Email, Transaction ID (from your UPI app), and Name. Submit this, and our team will verify it within hours. Upon verification, you'll get the product download link."}, + id: "4", title: "What payment verification process do I follow?", content: "After paying via UPI, you'll see a verification form asking for: Email, Transaction ID (from your UPI app), and Name. Submit this, and our team will verify it within hours. Upon verification, you'll get the product download link." + }, { - id: "5", title: "Can I get a refund?", content: "No refunds are offered as this is a digital product with instant access. However, all 7 agents come with comprehensive documentation and email support to ensure you get maximum value."}, + id: "5", title: "Can I get a refund?", content: "No refunds are offered as this is a digital product with instant access. However, all 7 agents come with comprehensive documentation and email support to ensure you get maximum value." + }, { - id: "6", title: "What if I don't receive the product?", content: "If you don't receive your download link within 4 hours of verified payment, email us at encryptshahi@fam with your transaction ID. We'll send your product immediately and investigate the issue."}, + id: "6", title: "What if I don't receive the product?", content: "If you don't receive your download link within 4 hours of verified payment, email us at encryptshahi@fam with your transaction ID. We'll send your product immediately and investigate the issue." + }, { - id: "7", title: "Are these agents actually production-ready?", content: "Yes! All 7 agents have been tested extensively and are used daily by 1000+ users. They come with full documentation, examples, and email support to help you get started immediately."}, + id: "7", title: "Are these agents actually production-ready?", content: "Yes! All 7 agents have been tested extensively and are used daily by 1000+ users. They come with full documentation, examples, and email support to help you get started immediately." + }, { - id: "8", title: "Can I share access with others?", content: "The product is for personal use only. Each person needs their own purchase. This ensures everyone gets dedicated support and stays updated with new versions."}, + id: "8", title: "Can I share access with others?", content: "The product is for personal use only. Each person needs their own purchase. This ensures everyone gets dedicated support and stays updated with new versions." + }, { - id: "9", title: "Will I get updates?", content: "Yes! Your ₹97 payment includes lifetime updates. New agents, improvements, and features are added regularly. You'll get notifications about updates via email."}, + id: "9", title: "Will I get updates?", content: "Yes! Your ₹97 payment includes lifetime updates. New agents, improvements, and features are added regularly. You'll get notifications about updates via email." + }, { - id: "10", title: "Is my payment information secure?", content: "Absolutely! We use UPI, which is secured by your bank. We never store payment information. We only store your transaction ID for verification purposes. Your financial data is 100% safe."}, + id: "10", title: "Is my payment information secure?", content: "Absolutely! We use UPI, which is secured by your bank. We never store payment information. We only store your transaction ID for verification purposes. Your financial data is 100% safe." + }, ]} /> -- 2.49.1