Merge version_3 into main #3
261
src/app/admin/page.tsx
Normal file
261
src/app/admin/page.tsx
Normal file
@@ -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<Payment[]>([
|
||||
{
|
||||
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 <CheckCircle className="w-5 h-5 text-green-500" />;
|
||||
if (status === "rejected") return <XCircle className="w-5 h-5 text-red-500" />;
|
||||
return <Clock className="w-5 h-5 text-yellow-500" />;
|
||||
};
|
||||
|
||||
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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Dashboard", id: "/admin" },
|
||||
]}
|
||||
brandName="7 Ready AI Agents"
|
||||
bottomLeftText="Admin Dashboard"
|
||||
bottomRightText="admin@uptodivyansh.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="min-h-screen bg-gradient-to-br from-slate-50 to-slate-100 pt-32 pb-20">
|
||||
<div className="max-w-7xl mx-auto px-6 lg:px-8">
|
||||
<h1 className="text-4xl font-bold text-slate-900 mb-2">Payment Dashboard</h1>
|
||||
<p className="text-lg text-slate-600 mb-8">View and verify all transactions</p>
|
||||
|
||||
{/* Stats Cards */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-8">
|
||||
<div className="bg-white rounded-lg shadow-md p-6 border-l-4 border-blue-500">
|
||||
<p className="text-gray-600 text-sm font-medium">Total Transactions</p>
|
||||
<p className="text-3xl font-bold text-slate-900 mt-2">{stats.total}</p>
|
||||
</div>
|
||||
<div className="bg-white rounded-lg shadow-md p-6 border-l-4 border-yellow-500">
|
||||
<p className="text-gray-600 text-sm font-medium">Pending</p>
|
||||
<p className="text-3xl font-bold text-yellow-600 mt-2">{stats.pending}</p>
|
||||
</div>
|
||||
<div className="bg-white rounded-lg shadow-md p-6 border-l-4 border-green-500">
|
||||
<p className="text-gray-600 text-sm font-medium">Verified</p>
|
||||
<p className="text-3xl font-bold text-green-600 mt-2">{stats.verified}</p>
|
||||
</div>
|
||||
<div className="bg-white rounded-lg shadow-md p-6 border-l-4 border-red-500">
|
||||
<p className="text-gray-600 text-sm font-medium">Rejected</p>
|
||||
<p className="text-3xl font-bold text-red-600 mt-2">{stats.rejected}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Search and Filter */}
|
||||
<div className="bg-white rounded-lg shadow-md p-6 mb-6">
|
||||
<div className="flex flex-col md:flex-row gap-4 items-center">
|
||||
<div className="flex-1 relative w-full">
|
||||
<Search className="absolute left-3 top-3 w-5 h-5 text-gray-400" />
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Search by email, transaction ID, or name..."
|
||||
value={searchTerm}
|
||||
onChange={(e) => 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"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex gap-2 w-full md:w-auto">
|
||||
<button
|
||||
onClick={() => setFilterStatus("all")}
|
||||
className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
|
||||
filterStatus === "all"
|
||||
? "bg-blue-500 text-white"
|
||||
: "bg-gray-200 text-gray-700 hover:bg-gray-300"
|
||||
}`}
|
||||
>
|
||||
All
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setFilterStatus("pending")}
|
||||
className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
|
||||
filterStatus === "pending"
|
||||
? "bg-yellow-500 text-white"
|
||||
: "bg-gray-200 text-gray-700 hover:bg-gray-300"
|
||||
}`}
|
||||
>
|
||||
Pending
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setFilterStatus("verified")}
|
||||
className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
|
||||
filterStatus === "verified"
|
||||
? "bg-green-500 text-white"
|
||||
: "bg-gray-200 text-gray-700 hover:bg-gray-300"
|
||||
}`}
|
||||
>
|
||||
Verified
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setFilterStatus("rejected")}
|
||||
className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
|
||||
filterStatus === "rejected"
|
||||
? "bg-red-500 text-white"
|
||||
: "bg-gray-200 text-gray-700 hover:bg-gray-300"
|
||||
}`}
|
||||
>
|
||||
Rejected
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Transactions Table */}
|
||||
<div className="bg-white rounded-lg shadow-md overflow-hidden">
|
||||
<div className="overflow-x-auto">
|
||||
<table className="w-full">
|
||||
<thead className="bg-gray-50 border-b border-gray-200">
|
||||
<tr>
|
||||
<th className="px-6 py-3 text-left text-sm font-semibold text-gray-700">Name</th>
|
||||
<th className="px-6 py-3 text-left text-sm font-semibold text-gray-700">Email</th>
|
||||
<th className="px-6 py-3 text-left text-sm font-semibold text-gray-700">Transaction ID</th>
|
||||
<th className="px-6 py-3 text-left text-sm font-semibold text-gray-700">Amount</th>
|
||||
<th className="px-6 py-3 text-left text-sm font-semibold text-gray-700">Date</th>
|
||||
<th className="px-6 py-3 text-left text-sm font-semibold text-gray-700">Status</th>
|
||||
<th className="px-6 py-3 text-left text-sm font-semibold text-gray-700">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody className="divide-y divide-gray-200">
|
||||
{filteredPayments.length > 0 ? (
|
||||
filteredPayments.map((payment) => (
|
||||
<tr key={payment.id} className="hover:bg-gray-50 transition-colors">
|
||||
<td className="px-6 py-4 text-sm text-gray-900 font-medium">{payment.name}</td>
|
||||
<td className="px-6 py-4 text-sm text-gray-600">{payment.email}</td>
|
||||
<td className="px-6 py-4 text-sm text-gray-600 font-mono">{payment.transactionId}</td>
|
||||
<td className="px-6 py-4 text-sm text-gray-900 font-semibold">{payment.amount}</td>
|
||||
<td className="px-6 py-4 text-sm text-gray-600">
|
||||
{new Date(payment.timestamp).toLocaleDateString()}
|
||||
</td>
|
||||
<td className="px-6 py-4">
|
||||
<div className="flex items-center gap-2">
|
||||
{getStatusIcon(payment.status)}
|
||||
<span
|
||||
className={`px-3 py-1 rounded-full text-xs font-semibold ${
|
||||
getStatusBadgeClass(payment.status)
|
||||
}`}
|
||||
>
|
||||
{payment.status.charAt(0).toUpperCase() + payment.status.slice(1)}
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="px-6 py-4 text-sm space-x-2 flex">
|
||||
{payment.status === "pending" && (
|
||||
<>
|
||||
<button
|
||||
onClick={() => handleApprove(payment.id)}
|
||||
className="px-3 py-1 bg-green-500 text-white rounded text-xs font-semibold hover:bg-green-600 transition-colors"
|
||||
>
|
||||
Approve
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleReject(payment.id)}
|
||||
className="px-3 py-1 bg-red-500 text-white rounded text-xs font-semibold hover:bg-red-600 transition-colors"
|
||||
>
|
||||
Reject
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
{payment.status !== "pending" && (
|
||||
<span className="text-xs text-gray-500 italic">No actions available</span>
|
||||
)}
|
||||
</td>
|
||||
</tr>
|
||||
))
|
||||
) : (
|
||||
<tr>
|
||||
<td colSpan={7} className="px-6 py-4 text-center text-gray-500 text-sm">
|
||||
No transactions found matching your search criteria.
|
||||
</td>
|
||||
</tr>
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -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."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user