265 lines
11 KiB
TypeScript
265 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import Link from "next/link";
|
|
import {
|
|
Zap,
|
|
Smartphone,
|
|
Send,
|
|
BarChart3,
|
|
AlertCircle,
|
|
Clock,
|
|
Rocket,
|
|
} from "lucide-react";
|
|
|
|
export default function FeaturesPage() {
|
|
const navItems = [
|
|
{ name: "Features", id: "features" },
|
|
{ name: "AI Tools", id: "ai-tools" },
|
|
{ name: "WhatsApp", id: "whatsapp" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Product",
|
|
items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "AI Tools", href: "#ai-tools" },
|
|
{ label: "WhatsApp Bot", href: "#whatsapp" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Blog", href: "/blog" },
|
|
{ label: "Careers", href: "/careers" },
|
|
{ label: "Press", href: "/press" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "Help Center", href: "/help" },
|
|
{ label: "Contact Us", href: "mailto:support@fintrack.app" },
|
|
{ label: "Status", href: "https://status.fintrack.app" },
|
|
{ label: "Feedback", href: "/feedback" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "/privacy" },
|
|
{ label: "Terms of Service", href: "/terms" },
|
|
{ label: "Security", href: "/security" },
|
|
{ label: "Compliance", href: "/compliance" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="FinTrack"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="whatsapp-features" data-section="whatsapp-features">
|
|
<FeatureCardTwentyFive
|
|
title="WhatsApp Features - Communication Made Easy"
|
|
description="Manage your family finances directly through WhatsApp with instant notifications and real-time updates"
|
|
tag="WhatsApp Enabled"
|
|
tagIcon={Smartphone}
|
|
features={[
|
|
{
|
|
title: "Instant Expense Logging via Chat",
|
|
description: "Send natural language messages to log expenses instantly. The bot understands context and extracts details automatically for quick entry.",
|
|
icon: Send,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-whatsapp-chat-interface-showing-expens-1773052141213-bb07eda6.png?_wi=5",
|
|
imageAlt: "WhatsApp expense logging",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-transaction-history-screen-with-a-deta-1773052141094-a3bc12dc.png?_wi=4",
|
|
imageAlt: "Transaction confirmation",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Daily & Weekly Summaries",
|
|
description: "Request summaries of your daily, weekly, or monthly spending with automated breakdowns by category. Get insights delivered directly to your WhatsApp.",
|
|
icon: BarChart3,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/an-ai-financial-insights-dashboard-showi-1773052141306-e76978b1.png?_wi=6",
|
|
imageAlt: "Financial summaries",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-cash-flow-forecast-visualization-showi-1773052140960-443601ee.png?_wi=4",
|
|
imageAlt: "Cash flow insights",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Real-Time Budget Alerts",
|
|
description: "Receive instant notifications when you approach budget limits for any category. Stay informed and adjust spending before going over budget.",
|
|
icon: AlertCircle,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-budget-management-interface-showing-mo-1773052141399-60d3c098.png?_wi=6",
|
|
imageAlt: "Budget alerts setup",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-whatsapp-chat-interface-showing-expens-1773052141213-bb07eda6.png?_wi=6",
|
|
imageAlt: "Alert notifications",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Bill Payment Reminders",
|
|
description: "Set recurring bill reminders for rent, utilities, subscriptions, and other payments. Get notifications on your preferred dates to never miss a deadline.",
|
|
icon: Clock,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-budget-management-interface-showing-mo-1773052141399-60d3c098.png?_wi=7",
|
|
imageAlt: "Reminder calendar",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-cash-flow-forecast-visualization-showi-1773052140960-443601ee.png?_wi=5",
|
|
imageAlt: "Upcoming bills preview",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Back to Home", href: "/" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="advanced-features" data-section="advanced-features">
|
|
<FeatureCardTwentyFive
|
|
title="Advanced Tracking & Analytics"
|
|
description="Deep insights into your family's financial habits with powerful analytics and forecasting tools"
|
|
tag="Advanced Tools"
|
|
tagIcon={Zap}
|
|
features={[
|
|
{
|
|
title: "Subscription Tracker",
|
|
description: "Automatically detect and categorize recurring subscriptions. See all your monthly recurring charges in one place and identify wasteful spending.",
|
|
icon: Zap,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-budget-management-interface-showing-mo-1773052141399-60d3c098.png?_wi=8",
|
|
imageAlt: "Subscription management",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-cash-flow-forecast-visualization-showi-1773052140960-443601ee.png?_wi=6",
|
|
imageAlt: "Recurring charges analysis",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Family Member Breakdown",
|
|
description: "Track individual spending for each family member. See spending patterns per person and set individual budgets to teach financial responsibility.",
|
|
icon: Send,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-family-member-management-screen-showin-1773052143199-ab7a07bf.png?_wi=2",
|
|
imageAlt: "Family member profiles",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-transaction-history-screen-with-a-deta-1773052141094-a3bc12dc.png?_wi=5",
|
|
imageAlt: "Individual spending history",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Cash Flow Forecasting",
|
|
description: "Predict your end-of-month balance based on current spending patterns. Plan ahead and adjust budgets proactively.",
|
|
icon: BarChart3,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-cash-flow-forecast-visualization-showi-1773052140960-443601ee.png?_wi=7",
|
|
imageAlt: "Cash flow forecast",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/an-ai-financial-insights-dashboard-showi-1773052141306-e76978b1.png?_wi=7",
|
|
imageAlt: "Spending projections",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Savings Goals Tracking",
|
|
description: "Set financial goals for your family (vacation fund, emergency fund, down payment). Track progress and get motivation to reach your targets.",
|
|
icon: AlertCircle,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-financial-goals-tracking-interface-sho-1773052141060-e7faee3d.png?_wi=2",
|
|
imageAlt: "Savings goals dashboard",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhiBPIkImpWniAUBZqSFU3dCvL/a-budget-management-interface-showing-mo-1773052141399-60d3c098.png?_wi=9",
|
|
imageAlt: "Goal progress tracking",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Start Free Trial", href: "/" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Get Started?"
|
|
tagIcon={Rocket}
|
|
title="Experience Smart Family Finance Management"
|
|
description="Join thousands of Indian families using FinTrack to take control of their finances with confidence and ease."
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "/" },
|
|
{ text: "Contact Us", href: "mailto:support@fintrack.app" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "aurora" }}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Features page call-to-action"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 FinTrack. All rights reserved."
|
|
bottomRightText="Made with care for Indian families"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |