From f45e36e9c7b6a62c7e7e89dd0d157e5622b10902 Mon Sep 17 00:00:00 2001 From: Shraddha Bhujbal Date: Sat, 23 Aug 2025 15:26:47 +0530 Subject: [PATCH 1/2] About page enhanced --- src/components/AboutPage.jsx | 177 ++++++++++++++++++++++++++++++----- 1 file changed, 156 insertions(+), 21 deletions(-) diff --git a/src/components/AboutPage.jsx b/src/components/AboutPage.jsx index 6cf551b..c82d404 100644 --- a/src/components/AboutPage.jsx +++ b/src/components/AboutPage.jsx @@ -1,7 +1,7 @@ import React, { useState, useEffect } from 'react'; import { Link } from 'react-router-dom'; -import { ArrowLeft, User, Mail } from 'lucide-react'; -import Footer from './Footer'; +import { ArrowLeft, User, Mail, Sparkles, LineChart, BarChart3, Star } from 'lucide-react'; +import Footer from './Footer'; const AboutPage = () => { const [isVisible, setIsVisible] = useState(false); @@ -9,21 +9,64 @@ const AboutPage = () => { useEffect(() => { const timer = setTimeout(() => { setIsVisible(true); - }, 10); - return () => clearTimeout(timer); - }, []); + }, 10); + return () => clearTimeout(timer); + }, []); + + const testimonials = [ + { + text: "SmartLog has completely changed how I see my money. The visuals are amazing and make budgeting feel effortless!", + author: "Priya S.", + }, + { + text: "I love the simplicity and clean design. Tracking expenses has never been this easy.", + author: "Amit K.", + }, + { + text: "The insights are a game-changer. I finally feel in control of my finances. Highly recommend!", + author: "Neha R.", + }, + ]; + + const faqs = [ + { + question: "1.) Is SmartLog free to use?", + answer: "--> SmartLog offers a powerful free tier that includes all core features. We also have premium plans for advanced analytics and features.", + }, + { + question: "2.) Is my financial data secure?", + answer: "--> Yes, your data is our top priority. We use industry-standard encryption and security protocols to ensure your information is always safe.", + }, + { + question: "3.) Can I sync with my bank account?", + answer: " --> Currently, SmartLog supports manual expense tracking. We are working on adding secure bank synchronization in a future update.", + }, + { + question: "4.) What is an expense tracker?", + answer: " --> An expense tracker is an application or software that helps individuals and businesses record, categorize, and manage their income and outflow of money", + }, + { + question : "5.) Can I change my profile details later?", + answer: "--> Yes, profile settings, including currency, can usually be adjusted by a finance manager or through user settings" + }, + { + question: "6.) Can I add recurring expenses?", + answer: "--> Yes, for regular payments like subscriptions, you can set up recurring transactions", + + } + ]; return ( -
+
+ {/* Main Title */}

{ About SmartLog

+ {/* Introduction */}

- SmartLog is a modern, intuitive application designed to help you effortlessly track your expenses and manage your finances. Our goal is to provide a clean, simple, and powerful tool that gives you clear insights into your spending habits. + SmartLog is a modern, intuitive application designed to help you effortlessly track your expenses and manage your finances. We believe that **financial wellness should be accessible to everyone**, and our goal is to provide a clean, simple, and powerful tool that gives you clear insights into your spending habits.

+ {/* Core Philosophy Section */}
-

Developer Details

-
-
- - Tanmay Kalra +

Our Core Philosophy

+
+ +
+ +

Simplicity

+

We've built SmartLog to be intuitive and easy to use, so you can focus on what matters.

+
+ +
+ +

Clarity

+

Get clear, actionable insights through beautiful visualizations and smart analytics.

-
- - tanmaykalra0910@gmail.com + +
+ +

Empowerment

+

Our tools help you set goals and track progress to take full control of your finances.

+
+ + {/* Testimonials Section */} +
+

What Our Users Say

+
+ {testimonials.map((testimonial, index) => ( +
+
+ {[...Array(5)].map((_, i) => ( + + ))} +
+

"{testimonial.text}"

+

- {testimonial.author}

+
+ ))} +
+
+ +
+ + {/* FAQ Section */} +
+

Frequently Asked Questions

+
+ {faqs.map((faq, index) => ( +
+

{faq.question}

+

{faq.answer}

+
+ ))} +
+
+ +
+ + {/* Developer Details */} +
+

Meet the Developer

+
+

+ SmartLog was created with a passion for building effective tools that simplify everyday tasks. Your feedback is invaluable, so please don't hesitate to reach out with any questions or suggestions. +

+
+
+ + Tanmay Kalra +
+ +
+
+
+ + {/* Back Button */} +
Back to Dashboard From 75587b08f5dab11cefbec56c1f18ccb7cf04e79e Mon Sep 17 00:00:00 2001 From: Shraddha Bhujbal Date: Sat, 23 Aug 2025 15:33:53 +0530 Subject: [PATCH 2/2] Small Update --- src/components/AboutPage.jsx | 31 +++++++++++-------------------- 1 file changed, 11 insertions(+), 20 deletions(-) diff --git a/src/components/AboutPage.jsx b/src/components/AboutPage.jsx index c82d404..be99d7d 100644 --- a/src/components/AboutPage.jsx +++ b/src/components/AboutPage.jsx @@ -30,30 +30,17 @@ const AboutPage = () => { const faqs = [ { - question: "1.) Is SmartLog free to use?", - answer: "--> SmartLog offers a powerful free tier that includes all core features. We also have premium plans for advanced analytics and features.", + question: "Is SmartLog free to use?", + answer: "SmartLog offers a powerful free tier that includes all core features. We also have premium plans for advanced analytics and features.", }, { - question: "2.) Is my financial data secure?", - answer: "--> Yes, your data is our top priority. We use industry-standard encryption and security protocols to ensure your information is always safe.", + question: "Is my financial data secure?", + answer: "Yes, your data is our top priority. We use industry-standard encryption and security protocols to ensure your information is always safe.", }, { - question: "3.) Can I sync with my bank account?", - answer: " --> Currently, SmartLog supports manual expense tracking. We are working on adding secure bank synchronization in a future update.", + question: "Can I sync with my bank account?", + answer: "Currently, SmartLog supports manual expense tracking. We are working on adding secure bank synchronization in a future update.", }, - { - question: "4.) What is an expense tracker?", - answer: " --> An expense tracker is an application or software that helps individuals and businesses record, categorize, and manage their income and outflow of money", - }, - { - question : "5.) Can I change my profile details later?", - answer: "--> Yes, profile settings, including currency, can usually be adjusted by a finance manager or through user settings" - }, - { - question: "6.) Can I add recurring expenses?", - answer: "--> Yes, for regular payments like subscriptions, you can set up recurring transactions", - - } ]; return ( @@ -175,7 +162,11 @@ const AboutPage = () => { className={`transition-all duration-1000 ${isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4'}`} style={{ transitionDelay: '2000ms' }} > -

Meet the Developer

+

+ Meet the Developer +

SmartLog was created with a passion for building effective tools that simplify everyday tasks. Your feedback is invaluable, so please don't hesitate to reach out with any questions or suggestions.