Merge version_2 into main #1
110
src/app/architecture/page.tsx
Normal file
110
src/app/architecture/page.tsx
Normal file
@@ -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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview", id: "/"},
|
||||
{
|
||||
name: "Capabilities", id: "/capabilities"},
|
||||
{
|
||||
name: "Impact", id: "/impact"},
|
||||
{
|
||||
name: "Architecture", id: "/architecture"},
|
||||
{
|
||||
name: "Testimonials", id: "/testimonials"},
|
||||
{
|
||||
name: "FAQs", id: "/faqs"},
|
||||
]}
|
||||
brandName="TreasuryAI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="architecture" data-section="architecture">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Foundation"
|
||||
title="TreasuryAI's Agentic Architecture Explained"
|
||||
description="At its core, TreasuryAI orchestrates a seamless flow between users, intelligent AI agents, and legacy treasury systems. This layered architecture ensures data integrity, security, and real-time decision-making, setting a new standard for government financial systems."
|
||||
subdescription="The system processes vast datasets, employs machine learning for predictive insights, and integrates directly with various bank networks, all secured by robust, future-proof encryption protocols tailored for Indian regulatory compliance."
|
||||
icon={Network}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Overview", href: "/"},
|
||||
{
|
||||
label: "Features", href: "/capabilities"},
|
||||
{
|
||||
label: "AI Assistant", href: "/ai-assistant"},
|
||||
{
|
||||
label: "Mobile App", href: "/mobile-app"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/architecture"},
|
||||
{
|
||||
label: "Careers", href: "/careers"},
|
||||
{
|
||||
label: "Press", href: "/press"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQs", href: "/faqs"},
|
||||
{
|
||||
label: "Support", href: "/support"},
|
||||
{
|
||||
label: "Documentation", href: "/documentation"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "/privacy-policy"},
|
||||
{
|
||||
label: "Terms of Service", href: "/terms-of-service"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2030 TreasuryAI. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
116
src/app/capabilities/page.tsx
Normal file
116
src/app/capabilities/page.tsx
Normal file
@@ -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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview", id: "/"},
|
||||
{
|
||||
name: "Capabilities", id: "/capabilities"},
|
||||
{
|
||||
name: "Impact", id: "/impact"},
|
||||
{
|
||||
name: "Architecture", id: "/architecture"},
|
||||
{
|
||||
name: "Testimonials", id: "/testimonials"},
|
||||
{
|
||||
name: "FAQs", id: "/faqs"},
|
||||
]}
|
||||
brandName="TreasuryAI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="capabilities" data-section="capabilities">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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="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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Overview", href: "/"},
|
||||
{
|
||||
label: "Features", href: "/capabilities"},
|
||||
{
|
||||
label: "AI Assistant", href: "/ai-assistant"},
|
||||
{
|
||||
label: "Mobile App", href: "/mobile-app"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/architecture"},
|
||||
{
|
||||
label: "Careers", href: "/careers"},
|
||||
{
|
||||
label: "Press", href: "/press"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQs", href: "/faqs"},
|
||||
{
|
||||
label: "Support", href: "/support"},
|
||||
{
|
||||
label: "Documentation", href: "/documentation"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "/privacy-policy"},
|
||||
{
|
||||
label: "Terms of Service", href: "/terms-of-service"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2030 TreasuryAI. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
109
src/app/chatbot/page.tsx
Normal file
109
src/app/chatbot/page.tsx
Normal file
@@ -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 (
|
||||
<div className="relative w-full py-16 lg:py-24 bg-background">
|
||||
<div className="container relative z-10 mx-auto px-4 md:px-6 max-w-3xl">
|
||||
<div className="text-center mb-12">
|
||||
<MessageSquareText className="mx-auto h-12 w-12 text-primary-cta mb-4" />
|
||||
<h1 className="text-4xl font-bold text-foreground mb-4">TreasuryAI Chatbot</h1>
|
||||
<p className="text-lg text-foreground-accent">Your intelligent assistant for all Indian treasury queries.</p>
|
||||
</div>
|
||||
<div className="bg-card shadow-lg rounded-xl overflow-hidden border border-border-color">
|
||||
<div className="p-4 bg-background-accent border-b border-border-color">
|
||||
<h2 className="text-xl font-semibold text-foreground">Live Chat Simulation</h2>
|
||||
</div>
|
||||
<div className="h-96 overflow-y-auto p-4 space-y-4">
|
||||
{messages.map((msg) => (
|
||||
<div
|
||||
key={msg.id}
|
||||
className={`flex ${msg.sender === 'user' ? 'justify-end' : 'justify-start'}`}
|
||||
>
|
||||
<div
|
||||
className={`max-w-[70%] p-3 rounded-lg ${
|
||||
msg.sender === 'user'
|
||||
? 'bg-primary-cta text-primary-cta-foreground'
|
||||
: 'bg-background-accent text-foreground'
|
||||
}`}
|
||||
>
|
||||
<p className="font-medium">{msg.text}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="p-4 border-t border-border-color bg-background-accent">
|
||||
<div className="flex items-center space-x-2">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Type your message..."
|
||||
className="flex-1 p-3 rounded-lg border border-border-color bg-background text-foreground focus:ring-2 focus:ring-primary-cta focus:outline-none"
|
||||
readOnly // Make it read-only for simulation
|
||||
/>
|
||||
<button
|
||||
className="px-5 py-3 rounded-lg bg-primary-cta text-primary-cta-foreground font-semibold hover:opacity-90 transition-opacity"
|
||||
disabled // Disable for simulation
|
||||
>
|
||||
Send
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navbarNavItems} brandName="TreasuryAI" />
|
||||
</div>
|
||||
<ChatbotSimulation />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
52
src/app/dashboard/page.tsx
Normal file
52
src/app/dashboard/page.tsx
Normal file
@@ -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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="TreasuryAI" />
|
||||
</div>
|
||||
<main className="flex min-h-screen flex-col items-center justify-center p-4 sm:p-24 text-center">
|
||||
<h1 className="text-4xl sm:text-5xl font-bold mb-4">Dashboard</h1>
|
||||
<p className="mt-4 text-lg text-gray-600 max-w-2xl">Welcome to your personalized TreasuryAI dashboard. Get a quick overview of your financial activity, alerts, and key insights.</p>
|
||||
{/* Placeholder for dashboard widgets and summary information */}
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mt-8 w-full max-w-4xl">
|
||||
<div className="bg-card p-6 rounded-lg shadow-md">Monthly Spending</div>
|
||||
<div className="bg-card p-6 rounded-lg shadow-md">Recent Transactions</div>
|
||||
<div className="bg-card p-6 rounded-lg shadow-md">Alerts & Notifications</div>
|
||||
</div>
|
||||
</main>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
117
src/app/impact/page.tsx
Normal file
117
src/app/impact/page.tsx
Normal file
@@ -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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview", id: "/"},
|
||||
{
|
||||
name: "Capabilities", id: "/capabilities"},
|
||||
{
|
||||
name: "Impact", id: "/impact"},
|
||||
{
|
||||
name: "Architecture", id: "/architecture"},
|
||||
{
|
||||
name: "Testimonials", id: "/testimonials"},
|
||||
{
|
||||
name: "FAQs", id: "/faqs"},
|
||||
]}
|
||||
brandName="TreasuryAI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="impact" data-section="impact">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Gauge,
|
||||
title: "Processing Efficiency", value: "+70%"},
|
||||
{
|
||||
id: "m2", icon: Briefcase,
|
||||
title: "Transparency Index", value: "95%"},
|
||||
{
|
||||
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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Overview", href: "/"},
|
||||
{
|
||||
label: "Features", href: "/capabilities"},
|
||||
{
|
||||
label: "AI Assistant", href: "/ai-assistant"},
|
||||
{
|
||||
label: "Mobile App", href: "/mobile-app"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/architecture"},
|
||||
{
|
||||
label: "Careers", href: "/careers"},
|
||||
{
|
||||
label: "Press", href: "/press"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQs", href: "/faqs"},
|
||||
{
|
||||
label: "Support", href: "/support"},
|
||||
{
|
||||
label: "Documentation", href: "/documentation"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "/privacy-policy"},
|
||||
{
|
||||
label: "Terms of Service", href: "/terms-of-service"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2030 TreasuryAI. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
247
src/app/page.tsx
247
src/app/page.tsx
@@ -15,7 +15,7 @@ import { Briefcase, Gauge, Network, Users } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "overview",
|
||||
},
|
||||
name: "Overview", id: "overview"},
|
||||
{
|
||||
name: "Capabilities",
|
||||
id: "capabilities",
|
||||
},
|
||||
name: "Capabilities", id: "capabilities"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "impact",
|
||||
},
|
||||
name: "Impact", id: "impact"},
|
||||
{
|
||||
name: "Architecture",
|
||||
id: "architecture",
|
||||
},
|
||||
name: "Architecture", id: "architecture"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "faqs",
|
||||
},
|
||||
name: "FAQs", id: "faqs"},
|
||||
]}
|
||||
brandName="TreasuryAI"
|
||||
/>
|
||||
@@ -63,73 +51,46 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
imagePosition="right"
|
||||
title="TreasuryAI: Agentic AI for India's Future Treasury (2030)"
|
||||
description="Experience the next-generation digital system revolutionizing Indian financial governance. TreasuryAI leverages cutting-edge AI to bring transparency, automation, and intelligent assistance to employees, pensioners, and officers across India's treasury systems."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
handle: "@priya_fin",
|
||||
testimonial: "TreasuryAI transforms complex processes into seamless digital flows. It's truly revolutionary for government finance.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-professional-headshot-of-a-young-india-1774288574613-1a032945.png",
|
||||
},
|
||||
name: "Priya Sharma", handle: "@priya_fin", testimonial: "TreasuryAI transforms complex processes into seamless digital flows. It's truly revolutionary for government finance.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-professional-headshot-of-a-young-india-1774288574613-1a032945.png"},
|
||||
{
|
||||
name: "Rajesh Kumar",
|
||||
handle: "@rajeshk",
|
||||
testimonial: "Navigating pension and salary details is now effortless. The AI assistant is a game-changer for pensioners.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-candid-portrait-of-an-older-indian-man-1774288578059-4544d2ed.png",
|
||||
},
|
||||
name: "Rajesh Kumar", handle: "@rajeshk", testimonial: "Navigating pension and salary details is now effortless. The AI assistant is a game-changer for pensioners.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-candid-portrait-of-an-older-indian-man-1774288578059-4544d2ed.png"},
|
||||
{
|
||||
name: "Dr. Anjali Singh",
|
||||
handle: "@anjali_dpt",
|
||||
testimonial: "As a DDO, approving documents is faster and more secure with AI validation. This is the future of treasury management.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-composed-and-authoritative-headshot-of-1774288576540-ea133037.png",
|
||||
},
|
||||
name: "Dr. Anjali Singh", handle: "@anjali_dpt", testimonial: "As a DDO, approving documents is faster and more secure with AI validation. This is the future of treasury management.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-composed-and-authoritative-headshot-of-1774288576540-ea133037.png"},
|
||||
{
|
||||
name: "Siddharth Mehta",
|
||||
handle: "@sidd_tech",
|
||||
testimonial: "The 3D environment and interactive UI make learning about treasury incredibly engaging. A true innovation!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-dynamic-headshot-of-a-young-indian-man-1774288574929-3078f1ef.png",
|
||||
},
|
||||
name: "Siddharth Mehta", handle: "@sidd_tech", testimonial: "The 3D environment and interactive UI make learning about treasury incredibly engaging. A true innovation!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-dynamic-headshot-of-a-young-indian-man-1774288574929-3078f1ef.png"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "Explore Demo", href: "#"},
|
||||
{
|
||||
text: "Watch Video",
|
||||
href: "#",
|
||||
},
|
||||
text: "Watch Video", href: "#"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-professional-portrait-of-an-indian-gov-1774288574950-68ff507f.png",
|
||||
alt: "Employee avatar",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-professional-portrait-of-an-indian-gov-1774288574950-68ff507f.png", alt: "Employee avatar"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-dignified-portrait-of-an-indian-pensio-1774288574572-117edd4e.png",
|
||||
alt: "Pensioner avatar",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-dignified-portrait-of-an-indian-pensio-1774288574572-117edd4e.png", alt: "Pensioner avatar"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-sharp-portrait-of-an-indian-treasury-o-1774288574245-4dd837c5.png",
|
||||
alt: "Officer avatar",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-sharp-portrait-of-an-indian-treasury-o-1774288574245-4dd837c5.png", alt: "Officer avatar"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-friendly-portrait-of-an-indian-treasur-1774288574718-18eca0d9.png",
|
||||
alt: "Treasury staff avatar",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-friendly-portrait-of-an-indian-treasur-1774288574718-18eca0d9.png", alt: "Treasury staff avatar"},
|
||||
]}
|
||||
avatarText="Serving 1.3 Billion Indians by 2030"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BM90ANrFa0AJxeoWRGjOFXJy6S/a-futuristic-3d-immersive-web-applicatio-1774288576184-04ec79cd.png"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="TreasuryAI app dashboard with 3D elements and mobile screen"
|
||||
tagAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -290,71 +203,43 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Overview",
|
||||
href: "#overview",
|
||||
},
|
||||
label: "Overview", href: "#overview"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#capabilities",
|
||||
},
|
||||
label: "Features", href: "#capabilities"},
|
||||
{
|
||||
label: "AI Assistant",
|
||||
href: "#",
|
||||
},
|
||||
label: "AI Assistant", href: "#"},
|
||||
{
|
||||
label: "Mobile App",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mobile App", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#architecture",
|
||||
},
|
||||
label: "About Us", href: "#architecture"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faqs",
|
||||
},
|
||||
label: "FAQs", href: "#faqs"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Documentation", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -364,4 +249,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user