From f45e36e9c7b6a62c7e7e89dd0d157e5622b10902 Mon Sep 17 00:00:00 2001 From: Shraddha Bhujbal Date: Sat, 23 Aug 2025 15:26:47 +0530 Subject: [PATCH 1/3] 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/3] 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. From 03aff259bcfef8ba862249449d5634ddfe993e43 Mon Sep 17 00:00:00 2001 From: Shraddha Bhujbal Date: Sat, 23 Aug 2025 16:05:55 +0530 Subject: [PATCH 3/3] Restricted New Users from Dashboard Access --- src/components/AboutPage.jsx | 4 ++-- src/components/HomePage.jsx | 5 +++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/AboutPage.jsx b/src/components/AboutPage.jsx index be99d7d..4a3af6d 100644 --- a/src/components/AboutPage.jsx +++ b/src/components/AboutPage.jsx @@ -190,14 +190,14 @@ const AboutPage = () => { style={{ transitionDelay: '2200ms' }} > - Back to Dashboard + Want to start the journey

diff --git a/src/components/HomePage.jsx b/src/components/HomePage.jsx index ebe1c57..cf252cb 100644 --- a/src/components/HomePage.jsx +++ b/src/components/HomePage.jsx @@ -27,7 +27,8 @@ export default function HomePage() { } }, [darkMode]); - const handleGetStarted = () => navigate('/dashboard'); + // Corrected function to navigate to the signup page for new users + const handleGetStarted = () => navigate('/signup'); const cardVariants = { initial: { opacity: 0, y: 80, scale: 0.9 }, @@ -218,4 +219,4 @@ export default function HomePage() {
); -} +} \ No newline at end of file