19 | {title && {title} }
20 | {description && {description} }
21 |
22 | {action}
23 |
12 | {/* 1280px */}
13 |
30 |
14 | setLogoAnimation(false)}
16 | className={`text-black text-display-sm font-bold ${
17 | logoAnimation ? "shining-effect" : ""
18 | }`}
19 | href="/"
20 | onClick={() => {
21 | setLogoAnimation(true);
22 | }}
23 | >
24 | Dolcent
25 |
26 |
27 | {statusCode} error
30 |{header}
31 |{desc}
32 | 35 |Sitemap
13 |
14 |
18 | Home
19 |
20 |
24 | Frequently Asked Questions
25 |
26 |
30 | Terms and Conditions
31 |
32 |
36 | Privacy Policy
37 |
38 |
42 | Sitemap
43 |
44 |
45 |
20 |
23 | );
24 | }
25 |
26 | let img = SSPaused;
27 | let text = "All systems checks paused.";
28 |
29 | if (systemStatus === SYSTEM_STATUS_ENUM.DOWN) {
30 | img = SSDown;
31 | text = "System(s) down.";
32 | }
33 | if (systemStatus === SYSTEM_STATUS_ENUM.UP) {
34 | img = SSUp;
35 | text = "All systems operational.";
36 | }
37 |
38 | return (
39 | {text}
54 | 55 |{children}
51 | 16 | You are now visiting {`${HOST_URL}/terms-and-conditions`} 17 |
18 |Terms and Conditions
19 | 20 |Last updated: September 2023
21 | 22 |16 | You are now visiting {`${HOST_URL}/privacy-policy`} 17 |
18 |Privacy Policy
19 |Last updated: September 2023
20 | 21 |
87 |
89 | {navItem.title}
90 |
21 |
33 | );
34 | }
35 | if (type === BENTO_BOX_ENUM.LONG_TEXT_RIGHT) {
36 | return (
37 |
22 |
29 | 25 | {heading} 26 |
27 |{desc}
28 |
30 |
32 |
40 |
52 | );
53 | }
54 |
55 | // BENTO_BOX_TYPE.SMALL
56 | return (
57 |
41 |
43 |
44 |
51 | 47 | {heading} 48 |
49 |{desc}
50 |
58 | {content.map((oneContent, index) => {
59 | if (oneContent.type === BENTO_BOX_ENUM.SMALL_TEXT_LEFT) {
60 | return (
61 |
113 | );
114 | };
115 |
116 | export default BentoBox;
117 |
--------------------------------------------------------------------------------
/components/pages/Home.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 | import React, { useState } from "react";
3 | import Image from "next/image";
4 | import MainLayout from "@/components/layout/MainLayout";
5 | import IOSBadge from "@/public/assets/get-it-on/ios-badge.png";
6 | import AndroidBadge from "@/public/assets/get-it-on/android-badge.png";
7 | import SCOverview from "@/public/assets/app/overview.png";
8 | import { APP_STORE_LISTING_URL, PLAY_STORE_LISTING_URL } from "@/lib/config";
9 | import { OVERVIEW_FEATURES_LIST } from "@/lib/data";
10 | import BentoBox from "@/components/shared/BentoBox";
11 |
12 | const HomePage = () => {
13 | const [shiningEffect, setShiningEffect] = useState(true);
14 |
15 | return (
16 |
65 |
84 | );
85 | }
86 | return (
87 |
66 |
75 | 69 | {oneContent.heading} 70 |
71 |72 | {oneContent.desc} 73 |
74 |
76 |
83 |
91 |
110 | );
111 | })}
112 |
92 |
101 | 95 | {oneContent.heading} 96 |
97 |98 | {oneContent.desc} 99 |
100 |
102 |
109 |
19 |
74 | {/* Features */}
75 |
20 |
65 |
21 |
27 | 
32 |
33 |
34 |
32 |
33 | setShiningEffect(false)} 36 | className={`font-bold text-center md:text-left text-display-md md:text-display-xl mt-4 ${ 37 | shiningEffect ? "shining-effect" : "" 38 | }`} 39 | > 40 | Superchage your Finance Tracking ⚡ 41 |
42 |43 | With Dolcent, you can effortlessly manage your income, expenses, and 44 | budgets in over 140 currencies, making it easier than ever to take 45 | control of your finances. 100% free, with no paywall or ads. 46 |
47 | 64 |
66 |
73 |
76 |
97 | 77 | Powerful Features 78 |
79 |
80 | {OVERVIEW_FEATURES_LIST.map((oneFeature, index) => (
81 |
93 | 94 | and many more... 95 |
96 |
46 | {
50 | if (oneFaq.id === selectedAccordion) {
51 | setSelectedAccordion(null);
52 | } else {
53 | setSelectedAccordion(oneFaq.id);
54 | }
55 | }}
56 | id={oneFaq.id}
57 | key={index}
58 | value={oneFaq.id}
59 | className="scroll-mt-[80px]"
60 | >
61 |
62 | {oneFaq.qns}
63 |
64 |
65 |
67 |
68 | ))}
69 |
70 | );
71 | };
72 |
73 | const FAQPage = () => {
74 | const [urlFragment, setUrlFragment] = useState(null);
75 | const [selectedAccordion, setSelectedAccordion] = useState(null);
76 | const router = useRouter();
77 |
78 | const onHashChangeStart = () => {
79 | if (window.location.hash) {
80 | setUrlFragment(window.location.hash.substring(1));
81 | }
82 | };
83 |
84 | useEffect(() => {
85 | onHashChangeStart();
86 | }, [router.asPath]);
87 |
88 | return (
89 | {heading}
47 | {contents.map((oneFaq, index) => ( 48 |94 | Frequently Asked Questions 95 |
96 |
123 |
149 | 124 | Still have Questions? 125 |
126 |
127 |
148 |
128 |
134 |
135 | Email
136 | 140 | {SUPPORT_EMAIL} 141 |
147 |
42 |
52 | ));
53 |
54 | CommandInput.displayName = CommandPrimitive.Input.displayName;
55 |
56 | const CommandList = React.forwardRef<
57 | React.ElementRef
32 |
64 | );
65 | };
66 |
67 | const Footer = () => {
68 | const { data, isLoading } = useSystemStatus();
69 | const [isClient, setIsClient] = useState(false);
70 | const cachedSystemStatus = JSON.parse(
71 | getLocalStorageItem(STATUS_CHECK_CACHE_KEY)
72 | )?.data;
73 | useEffect(() => {
74 | setIsClient(true);
75 | }, []);
76 |
77 | // to resolve the react rehydration error
78 | if (!isClient) {
79 | return null;
80 | }
81 | return (
82 |
179 | );
180 | };
181 |
182 | export default Footer;
183 |
--------------------------------------------------------------------------------
/lib/data.ts:
--------------------------------------------------------------------------------
1 | import {
2 | APP_STORE_LISTING_URL,
3 | BUY_ME_A_COFFEE_URL,
4 | CANNY_URL,
5 | GITHUB_URL,
6 | PLAY_STORE_LISTING_URL,
7 | REALM_ENCRYPTION_URL,
8 | SUPPORT_EMAIL,
9 | UPTIME_URL
10 | } from "@/lib/config";
11 | import { BENTO_BOX_ENUM, FOOTER_NAV_LINKS_ENUM } from "@/lib/enum";
12 |
13 | // LOCALSTORAGE KEY
14 | export const STATUS_CHECK_CACHE_KEY = "STATUS_CHECK_CACHE_KEY";
15 |
16 | // DATA
17 | export const FAQ_DATA = [
18 | {
19 | heading: "General",
20 | contents: [
21 | {
22 | id: "OZ514",
23 | qns: "What is Dolcent?",
24 | ans: "Dolcent is a powerful budget expense app designed to help you manage your finances and track your expenses with ease."
25 | },
26 | {
27 | id: "YOW2Y",
28 | qns: "Is Dolcent free to use?",
29 | ans: `Yes, Dolcent is completely free to use with no hidden fees or subscriptions. However, if you enjoy using Dolcent and would like to support its development, you can ${BUY_ME_A_COFFEE_URL} or send a tip via the app (iOS only)`
30 | },
31 | {
32 | id: "VNASO",
33 | qns: "Does Dolcent run ads?",
34 | ans: "No, Dolcent does not run ads."
35 | },
36 | {
37 | id: "TOCBB",
38 | qns: "Who built Dolcent?",
39 | ans: `Dolcent is developed by ${GITHUB_URL} , a student studying Computer Science in Singapore.`
40 | },
41 | {
42 | id: "PPWOV",
43 | qns: "What does Dolcent mean?",
44 | ans: `Dolcent is a fusion of the words "Dollars" and "Cents," symbolizing its core purpose of helping you manage your financial matters down to the last cent.`
45 | }
46 | ]
47 | },
48 | {
49 | heading: "Getting Started",
50 | contents: [
51 | {
52 | id: "BDW5W",
53 | qns: "How do I download and install Dolcent?",
54 | ans: `You can download Dolcent from the ${APP_STORE_LISTING_URL} or ${PLAY_STORE_LISTING_URL} , and then simply follow the installation instructions on your device.`
55 | },
56 | {
57 | id: "35MVA",
58 | qns: "Do I need to create an account to use Dolcent?",
59 | ans: "No, Dolcent does not require you to create an account. You can start using the app right away."
60 | }
61 | ]
62 | },
63 | {
64 | heading: "Features",
65 | contents: [
66 | {
67 | id: "5CBL4",
68 | qns: "What currencies does Dolcent support?",
69 | ans: "Dolcent supports over 140 currencies, allowing you to track your expenses no matter where you are. To view the list of supported currnecies, please Open Dolcent app > Settings > Exchange Rates"
70 | },
71 | {
72 | id: "BZ8E5",
73 | qns: "Is my data safe with Dolcent?",
74 | ans: `Absolutely, your data is securely stored on your device and is never uploaded to the cloud or accessible by the developer. Additionally, it's encrypted with ${REALM_ENCRYPTION_URL} , ensuring the highest level of security for your financial information.`
75 | },
76 | {
77 | id: "664XZ",
78 | qns: "Can I set a passcode or biometric lock for added security?",
79 | ans: "Yes, Dolcent offers enhanced security options. You can set a passcode lock and, if your device supports it, use biometric authentication such as Face ID or Touch ID for added protection. You can enable these security features in the app's settings"
80 | },
81 | {
82 | id: "K3Y1A",
83 | qns: "Can I use Dolcent on multiple devices?",
84 | ans: "Currently, Dolcent is designed to be used on a single device. However, you can export your data in JSON format and import it into Dolcent on another device."
85 | },
86 | {
87 | id: "KVY1A",
88 | qns: "Where can I find information about upcoming updates for Dolcent?",
89 | ans: `You can access our product roadmap via ${CANNY_URL} which provides an overview of all the features that are currently worked on and their respective statuses.`
90 | }
91 | ]
92 | },
93 | {
94 | heading: "Troubleshooting",
95 | contents: [
96 | {
97 | id: "S85PV",
98 | qns: "I'm having trouble with currency exchange updates. What should I do?",
99 | ans: `Please ensure you have an internet connection, and Dolcent will automatically update currency exchange rates daily. If you're still facing issues, contact support at ${SUPPORT_EMAIL}`
100 | },
101 | {
102 | id: "CKBL8",
103 | qns: "I forgot my passcode. How can I reset it?",
104 | ans: "If you are already logged in to Dolcent, you can reset your passcode by going to the settings page and turn Passcode off. Unfortunately, if you are at the lockscreen page, you will not be able to reset your passcode."
105 | },
106 | {
107 | id: "PAA8F",
108 | qns: "How do I report issues or submit feature requests?",
109 | ans: `For general support inquiries or concerns related to security, please feel free to reach out to us via email at ${SUPPORT_EMAIL} . If you'd like to submit user feedback or make a feature requests, you can use our feedback platform, ${CANNY_URL} and share your thoughts.`
110 | }
111 | ]
112 | }
113 | ];
114 |
115 | export const COMMAND_MENU_DATA = {
116 | mainNav: [
117 | {
118 | title: "Features",
119 | href: "/#features"
120 | },
121 | {
122 | title: "FAQ",
123 | href: "/faq"
124 | }
125 | ],
126 | faqNav: [
127 | {
128 | title: "FAQ",
129 | items: (() => {
130 | const newItemsArr = [];
131 | FAQ_DATA.forEach((oneFAQSection) =>
132 | oneFAQSection.contents.forEach((oneFAQ) =>
133 | newItemsArr.push({
134 | title: oneFAQ.qns,
135 | href: `/faq#${oneFAQ.id}`,
136 | items: []
137 | })
138 | )
139 | );
140 | return newItemsArr;
141 | })()
142 | }
143 | ]
144 | };
145 |
146 | export const FOOTER_NAV_LINKS_META = {
147 | [FOOTER_NAV_LINKS_ENUM.SUPPORT]: {
148 | heading: "Support",
149 | links: [
150 | {
151 | text: "FAQ",
152 | href: "/faq"
153 | },
154 | {
155 | text: "Contact",
156 | href: "/faq#contact"
157 | },
158 | {
159 | text: "System Status",
160 | href: UPTIME_URL,
161 | external: true
162 | },
163 | {
164 | text: "Feature Request",
165 | href: `${CANNY_URL}/feature-request`,
166 | external: true
167 | }
168 | ]
169 | },
170 | [FOOTER_NAV_LINKS_ENUM.PRODUCT]: {
171 | heading: "Product",
172 | links: [
173 | {
174 | text: "Roadmap",
175 | href: CANNY_URL,
176 | external: true
177 | },
178 | {
179 | text: "Sitemap",
180 | href: "/sitemap"
181 | }
182 | ]
183 | },
184 | [FOOTER_NAV_LINKS_ENUM.LEGAL]: {
185 | heading: "Legal",
186 | links: [
187 | {
188 | text: "Terms and Conditions",
189 | href: "/terms-and-conditions"
190 | },
191 | {
192 | text: "Privacy Policy",
193 | href: "/privacy-policy"
194 | }
195 | ]
196 | }
197 | };
198 |
199 | export const OVERVIEW_FEATURES_LIST = [
200 | {
201 | type: BENTO_BOX_ENUM.LONG_TEXT_LEFT,
202 | imageHref: "/assets/app/bento-1.png",
203 | heading: "Interactive Graphs ⚡",
204 | desc: "Visualize your cash flow, income, and expenses.",
205 | className: "bg-gray-200"
206 | },
207 | {
208 | type: BENTO_BOX_ENUM.LONG_TEXT_RIGHT,
209 | imageHref: "/assets/app/bento-2.png",
210 | heading: "See your Money in One Place 👀",
211 | desc: "Keep tabs on your balances, from cash to digital wallets.",
212 | className: "bg-gray-500",
213 | textClassName: "text-white"
214 | },
215 | {
216 | type: BENTO_BOX_ENUM.SMALL,
217 | content: [
218 | {
219 | type: BENTO_BOX_ENUM.SMALL_TEXT_LEFT,
220 | imageHref: "/assets/app/bento-3.png",
221 | heading: "Multi Currency Support 🌎",
222 | desc: "Track your finances in 140+ currencies.",
223 | className: "bg-gray-200"
224 | },
225 | {
226 | type: BENTO_BOX_ENUM.SMALL_TEXT_RIGHT,
227 | imageHref: "/assets/app/bento-4.png",
228 | heading: "Easily Add Transactions 🔥",
229 | desc: "Easily view and filter all your financial transactions.",
230 | className: "bg-gray-300"
231 | }
232 | ]
233 | },
234 | {
235 | type: BENTO_BOX_ENUM.LONG_TEXT_LEFT,
236 | imageHref: "/assets/app/bento-5.png",
237 | heading: "Know How Much You can Spend 💰",
238 | desc: "Set and manage budgets for a better financial future.",
239 | className: "bg-gray-100"
240 | }
241 | ];
242 |
--------------------------------------------------------------------------------