diff --git a/src/app/architecture/page.tsx b/src/app/architecture/page.tsx new file mode 100644 index 0000000..6f42d34 --- /dev/null +++ b/src/app/architecture/page.tsx @@ -0,0 +1,110 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; + +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; +import { Network } from "lucide-react"; + +export default function ArchitecturePage() { + return ( + + + + +
+ +
+ + + + + ); +} diff --git a/src/app/capabilities/page.tsx b/src/app/capabilities/page.tsx new file mode 100644 index 0000000..2e2d067 --- /dev/null +++ b/src/app/capabilities/page.tsx @@ -0,0 +1,116 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; + +import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; + +export default function CapabilitiesPage() { + return ( + + + + +
+ +
+ + + + + ); +} diff --git a/src/app/chatbot/page.tsx b/src/app/chatbot/page.tsx new file mode 100644 index 0000000..46bd537 --- /dev/null +++ b/src/app/chatbot/page.tsx @@ -0,0 +1,109 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import { MessageSquareText } from "lucide-react"; + +// This component simulates a chatbot interface with pre-defined conversation flow. +const ChatbotSimulation = () => { + const messages = [ + { id: 1, sender: 'bot', text: "Hello! I'm your TreasuryAI assistant. How can I help you today regarding your salary, pension, or document approvals?" }, + { id: 2, sender: 'user', text: "What's the status of my latest pension disbursement?" }, + { id: 3, sender: 'bot', text: "Please provide your unique Employee ID or Pension ID for a real-time update. I can then fetch details about your latest disbursement, including amount and expected credit date." }, + { id: 4, sender: 'user', text: "I also wanted to know about the new DA rates for government employees." }, + { id: 5, sender: 'bot', text: "The latest Dearness Allowance (DA) rates effective from [Month, Year] are [X]%. This applies to [specific employee categories]. Would you like a detailed breakdown or a link to the official notification?" }, + ]; + + return ( +
+
+
+ +

TreasuryAI Chatbot

+

Your intelligent assistant for all Indian treasury queries.

+
+
+
+

Live Chat Simulation

+
+
+ {messages.map((msg) => ( +
+
+

{msg.text}

+
+
+ ))} +
+
+
+ + +
+
+
+
+
+ ); +}; + +export default function ChatbotPage() { + const navbarNavItems = [ + { + name: "Overview", id: "#overview"}, + { + name: "Capabilities", id: "#capabilities"}, + { + name: "Impact", id: "#impact"}, + { + name: "Architecture", id: "#architecture"}, + { + name: "Testimonials", id: "#testimonials"}, + { + name: "FAQs", id: "#faqs"}, + { + name: "AI Chatbot", id: "/chatbot"}, + ]; + + return ( + + + + + + + ); +} diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx new file mode 100644 index 0000000..99f8ebb --- /dev/null +++ b/src/app/dashboard/page.tsx @@ -0,0 +1,52 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; + +export default function DashboardPage() { + const navItems = [ + { name: "Home", id: "/" }, + { name: "Dashboard", id: "/dashboard" }, + { name: "Portfolio", id: "/portfolio" }, + { name: "Transactions", id: "/transactions" }, + { name: "Analytics", id: "/analytics" }, + { name: "Settings", id: "/settings" }, + { name: "Capabilities", id: "/#capabilities" }, + { name: "Impact", id: "/#impact" }, + { name: "Architecture", id: "/#architecture" }, + { name: "Testimonials", id: "/#testimonials" }, + { name: "FAQs", id: "/#faqs" } + ]; + + return ( + + + +
+

Dashboard

+

Welcome to your personalized TreasuryAI dashboard. Get a quick overview of your financial activity, alerts, and key insights.

+ {/* Placeholder for dashboard widgets and summary information */} +
+
Monthly Spending
+
Recent Transactions
+
Alerts & Notifications
+
+
+ + + ); +} diff --git a/src/app/impact/page.tsx b/src/app/impact/page.tsx new file mode 100644 index 0000000..5d3b423 --- /dev/null +++ b/src/app/impact/page.tsx @@ -0,0 +1,117 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; + +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; +import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import { Briefcase, Gauge, Users } from "lucide-react"; + +export default function ImpactPage() { + return ( + + + + +
+ +
+ + + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 2942aa4..a8387ba 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -15,7 +15,7 @@ import { Briefcase, Gauge, Network, Users } from "lucide-react"; export default function LandingPage() { return ( @@ -63,73 +51,46 @@ export default function LandingPage() { @@ -144,6 +105,7 @@ export default function LandingPage() { imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-sleek-futuristic-block-diagram-illustr-1774288577128-004dfd66.png" mediaAnimation="slide-up" imageAlt="System architecture diagram of TreasuryAI" + tagAnimation="blur-reveal" /> @@ -155,28 +117,18 @@ export default function LandingPage() { features={[ { id: 1, - title: "Smart Salary & Pension Tracking", - description: "Seamlessly track your salary and pension status from submission to credit. Get real-time updates on DA, HRA, and deduction breakdowns with animated progress timelines.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-mobile-app-screen-mockup-within-the-tr-1774288575788-8c73a6d4.png", - imageAlt: "Mobile app screen showing salary tracking timeline", - }, + title: "Smart Salary & Pension Tracking", description: "Seamlessly track your salary and pension status from submission to credit. Get real-time updates on DA, HRA, and deduction breakdowns with animated progress timelines.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-mobile-app-screen-mockup-within-the-tr-1774288575788-8c73a6d4.png", imageAlt: "Mobile app screen showing salary tracking timeline"}, { id: 2, - title: "Agentic AI Chatbot & Proactive Alerts", - description: "Engage with an AI assistant that understands Indian treasury nuances. Get instant explanations for salary delays, pension releases, and deductions, along with predictive alerts for financial planning.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-mobile-app-screen-mockup-of-the-treasu-1774288575308-817d6f1e.png", - imageAlt: "Mobile app screen showing AI chatbot interface", - }, + title: "Agentic AI Chatbot & Proactive Alerts", description: "Engage with an AI assistant that understands Indian treasury nuances. Get instant explanations for salary delays, pension releases, and deductions, along with predictive alerts for financial planning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-mobile-app-screen-mockup-of-the-treasu-1774288575308-817d6f1e.png", imageAlt: "Mobile app screen showing AI chatbot interface"}, { id: 3, - title: "Streamlined Officer Approvals & Document Verification", - description: "For DDOs and Treasury Officers, TreasuryAI streamlines document review and approval workflows with AI-powered validation, reducing processing times and enhancing data security across all financial transactions.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-mobile-app-screen-mockup-showing-the-t-1774288576154-651758c3.png", - imageAlt: "Mobile app screen showing treasury officer approval dashboard", - }, + title: "Streamlined Officer Approvals & Document Verification", description: "For DDOs and Treasury Officers, TreasuryAI streamlines document review and approval workflows with AI-powered validation, reducing processing times and enhancing data security across all financial transactions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-mobile-app-screen-mockup-showing-the-t-1774288576154-651758c3.png", imageAlt: "Mobile app screen showing treasury officer approval dashboard"}, ]} title="Intelligent Automation & Real-time Insights" description="TreasuryAI's agentic AI layer automates routine tasks, provides proactive financial advice, and ensures compliance with Indian treasury regulations, making financial management smarter and simpler." + tagAnimation="blur-reveal" + buttonAnimation="slide-up" /> @@ -187,26 +139,19 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "m1", - icon: Gauge, - title: "Processing Efficiency", - value: "+70%", - }, + id: "m1", icon: Gauge, + title: "Processing Efficiency", value: "+70%"}, { - id: "m2", - icon: Briefcase, - title: "Transparency Index", - value: "95%", - }, + id: "m2", icon: Briefcase, + title: "Transparency Index", value: "95%"}, { - id: "m3", - icon: Users, - title: "User Satisfaction", - value: "4.8/5", - }, + id: "m3", icon: Users, + title: "User Satisfaction", value: "4.8/5"}, ]} title="Transforming Treasury: Key Metrics" description="Witness the tangible impact of Agentic AI on efficiency, transparency, and user satisfaction within India's treasury operations." + tagAnimation="blur-reveal" + buttonAnimation="slide-up" /> @@ -217,40 +162,18 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Anjali Rao", - role: "Government Employee", - testimonial: "I used to spend hours figuring out my DA and HRA. Now, TreasuryAI breaks it down instantly with clear charts and explanations.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-friendly-and-professional-headshot-of--1774288574625-2b5d2019.png", - imageAlt: "Anjali Rao, Government Employee", - }, + id: "1", name: "Anjali Rao", role: "Government Employee", testimonial: "I used to spend hours figuring out my DA and HRA. Now, TreasuryAI breaks it down instantly with clear charts and explanations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-friendly-and-professional-headshot-of--1774288574625-2b5d2019.png", imageAlt: "Anjali Rao, Government Employee"}, { - id: "2", - name: "Vivek Sharma", - role: "Retired Pensioner", - testimonial: "Life Certificate verification has always been a hassle. With TreasuryAI's biometric scan, it's done in seconds from home. A blessing!", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-kind-and-wise-looking-headshot-of-an-e-1774288577327-76908b63.png", - imageAlt: "Vivek Sharma, Retired Pensioner", - }, + id: "2", name: "Vivek Sharma", role: "Retired Pensioner", testimonial: "Life Certificate verification has always been a hassle. With TreasuryAI's biometric scan, it's done in seconds from home. A blessing!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-kind-and-wise-looking-headshot-of-an-e-1774288577327-76908b63.png", imageAlt: "Vivek Sharma, Retired Pensioner"}, { - id: "3", - name: "Smt. Kavita Devi", - role: "Treasury Officer, MP", - testimonial: "The AI's ability to validate documents and flag discrepancies is invaluable. It helps us prevent errors and ensure compliance efficiently.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-distinguished-and-authoritative-headsh-1774288574704-7224511c.png", - imageAlt: "Smt. Kavita Devi, Treasury Officer, MP", - }, + id: "3", name: "Smt. Kavita Devi", role: "Treasury Officer, MP", testimonial: "The AI's ability to validate documents and flag discrepancies is invaluable. It helps us prevent errors and ensure compliance efficiently.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-distinguished-and-authoritative-headsh-1774288574704-7224511c.png", imageAlt: "Smt. Kavita Devi, Treasury Officer, MP"}, { - id: "4", - name: "Arjun Patel", - role: "Finance Ministry Analyst", - testimonial: "This system provides unprecedented data for policy-making. The real-time insights are crucial for India's economic growth.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-thoughtful-and-analytical-headshot-of--1774288575460-74500b04.png", - imageAlt: "Arjun Patel, Finance Ministry Analyst", - }, + id: "4", name: "Arjun Patel", role: "Finance Ministry Analyst", testimonial: "This system provides unprecedented data for policy-making. The real-time insights are crucial for India's economic growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-thoughtful-and-analytical-headshot-of--1774288575460-74500b04.png", imageAlt: "Arjun Patel, Finance Ministry Analyst"}, ]} title="Voices of a New Era in Indian Finance" description="Hear from employees, pensioners, and treasury officers who are experiencing the future of financial management with TreasuryAI." + tagAnimation="blur-reveal" + buttonAnimation="slide-up" /> @@ -259,30 +182,20 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "q1", - title: "What is Agentic AI in TreasuryAI?", - content: "Agentic AI refers to intelligent software agents within TreasuryAI that autonomously monitor, analyze, and execute tasks related to treasury operations. They detect anomalies, predict financial flows, and provide explanations for their decisions, enhancing efficiency and trust.", - }, + id: "q1", title: "What is Agentic AI in TreasuryAI?", content: "Agentic AI refers to intelligent software agents within TreasuryAI that autonomously monitor, analyze, and execute tasks related to treasury operations. They detect anomalies, predict financial flows, and provide explanations for their decisions, enhancing efficiency and trust."}, { - id: "q2", - title: "How does TreasuryAI ensure data security and privacy?", - content: "TreasuryAI employs advanced encryption standards (AES-256), multi-factor authentication, and blockchain-inspired ledger systems to secure all financial data. All processes adhere strictly to Indian data protection laws and government cybersecurity mandates.", - }, + id: "q2", title: "How does TreasuryAI ensure data security and privacy?", content: "TreasuryAI employs advanced encryption standards (AES-256), multi-factor authentication, and blockchain-inspired ledger systems to secure all financial data. All processes adhere strictly to Indian data protection laws and government cybersecurity mandates."}, { - id: "q3", - title: "Can TreasuryAI integrate with existing government financial systems?", - content: "Yes, TreasuryAI is designed with robust API frameworks for seamless integration with legacy government financial systems and various banking platforms across India, ensuring a smooth transition and interoperability.", - }, + id: "q3", title: "Can TreasuryAI integrate with existing government financial systems?", content: "Yes, TreasuryAI is designed with robust API frameworks for seamless integration with legacy government financial systems and various banking platforms across India, ensuring a smooth transition and interoperability."}, ]} sideTitle="Your Questions, Answered" sideDescription="Navigate common queries about TreasuryAI, its functionality, and how it secures your financial future." buttons={[ { - text: "Contact Support", - href: "#", - }, + text: "Contact Support", href: "#"}, ]} faqsAnimation="slide-up" + buttonAnimation="slide-up" /> @@ -290,71 +203,43 @@ export default function LandingPage() { ); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 6385f72..6338356 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #000000; - --card: #0c0c0c; - --foreground: #ffffff; - --primary-cta: #003333; + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #ffffffe6; + --primary-cta: #e6e6e6; --primary-cta-text: #ffffff; - --secondary-cta: #000000; + --secondary-cta: #1a1a1a; --secondary-cta-text: #ffffff; - --accent: #003333; - --background-accent: #004d4d; + --accent: #737373; + --background-accent: #737373; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);