Skip to content

Commit a40b3a6

Browse files
PvsaintPvsaint
authored
Merge pull request #116 from BudgetChain/refactor-UI
feat: refactor ui
2 parents 02086ac + 3a887c4 commit a40b3a6

19 files changed

Lines changed: 798 additions & 695 deletions

‎src/app/about-us/page.tsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ function AboutUs() {
1414
return (
1515
<div className="bg-[#050512]">
1616
<Navbar />
17-
<main className="flex flex-col items-center justify-center py-32 space-y-16">
17+
<main className="flex flex-col items-center justify-center py-16 space-y-10">
1818
<ScrollReveal>
1919
<CompanyMission />
2020
</ScrollReveal>
@@ -31,7 +31,6 @@ function AboutUs() {
3131
<CompanyHistory />
3232
</ScrollReveal>
3333
</main>
34-
<hr />
3534
<Footer />
3635
</div>
3736
)

‎src/app/demo/page.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -146,15 +146,15 @@ export default function Demo() {
146146
};
147147

148148
return (
149-
<div className="bg-[#050512] min-h-screen text-white">
149+
<div className="bg-[#050512] mt-32 min-h-screen text-white">
150150
<Navbar />
151151

152152
{/* Demo Features */}
153153
<section id="demo-features" className="py-16">
154154
<div className="container mx-auto px-4">
155-
<h2 className="text-3xl font-bold mb-12 text-center">
155+
<h1 className="md:text-[64px] text-[30px] font-bold mb-4 bg-gradient-to-r from-[#c4c4cf] via-[#9493cf] to-[#5B54FF] bg-clip-text text-transparent text-center">
156156
Interactive Demo Features
157-
</h2>
157+
</h1>
158158

159159
<Tabs
160160
defaultValue="dashboard"

‎src/app/faqs/page.tsx‎

Lines changed: 182 additions & 149 deletions
Large diffs are not rendered by default.

‎src/app/favicon.ico‎

-22.8 KB
Binary file not shown.

‎src/app/page.tsx‎

Lines changed: 27 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -28,41 +28,54 @@ export default function Home() {
2828

2929
return (
3030
<Suspense fallback={<Loading />}>
31-
<div className="bg-[#050512]">
31+
<div className="w-full bg-[#050512] overflow-hidden relative">
3232
<Navbar />
3333
{/* Hero Section */}
34-
<main className=" flex flex-col items-center justify-center px-4 py-16 md:py-24 lg:py-32">
35-
<h1 className="mb-6 font-semibold text-gray-300 md:text-[20px]">
34+
<main className="flex flex-col items-center justify-center mt-20 px-6 py-16 md:py-24 lg:py-32">
35+
<h4 className="font-semibold text-gray-300 md:text-[20px]">
3636
Introducing
37+
</h4>
38+
<h1 className="md:text-[64px] text-[30px] font-bold bg-gradient-to-r from-[#c4c4cf] via-[#9493cf] to-[#5B54FF] bg-clip-text text-transparent">
39+
BUDGETCHAIN
3740
</h1>
38-
<div className="mb-5">
39-
<Image src={Brand} alt="Brand" />
40-
</div>
4141
<p className="mb-8 max-w-2xl text-center text-gray-300">
4242
Revolutionizing how you manage, allocate, and optimize financial
43-
resources with real-time insights and AI-driven automati
43+
resources with real-time insights and AI-driven automation
4444
</p>
45-
<div className="flex space-x-4">
45+
<div className="w-full flex md:flex-row flex-col gap-4 items-center justify-center">
4646
<button
47-
className="w-[170px] h-[50px] rounded-[12px] bg-[#050512] border border-[#EBEBEB80] px-4 py-2 text-[#EBEBEB] transition hover:bg-white hover:text-black"
47+
className="md:w-[170px] w-full h-[50px] rounded-[12px] bg-[#050512] border border-[#EBEBEB80] px-4 py-2 text-[#EBEBEB] transition hover:bg-white hover:text-black"
4848
onClick={handleLoginClick}
4949
>
5050
LOGIN
5151
</button>
5252
<button
53-
className="w-[170px] h-[50px] rounded-[12px] bg-white px-4 py-2 text-black transition hover:bg-opacity-80"
53+
className="md:w-[170px] w-full h-[50px] rounded-[12px] bg-white px-4 py-2 text-black transition hover:bg-opacity-80"
5454
onClick={handleRole}
5555
>
5656
GET STARTED
5757
</button>
5858
</div>
5959
</main>
6060

61-
{/* Snapshot Od Dashboard */}
61+
{/* Snapshot Of Dashboard */}
62+
<div className="w-full p-4 md:p-0 flex flex-col items-center justify-center relative">
63+
<div
64+
className="w-full h-full absolute inset-0 pointer-events-none z-10"
65+
style={{
66+
background:
67+
'linear-gradient(to bottom, transparent 0%, transparent 75%, rgba(5, 5, 18, 0.9) 85%, #050512 100%)',
68+
}}
69+
></div>
70+
<Image
71+
src="/svg/landingImage1.svg"
72+
alt="Dashboard Preview"
73+
width={976}
74+
height={507}
75+
className="relative"
76+
/>
77+
</div>
6278

63-
<main className="flex flex-col items-center justify-center">
64-
<Image src={Land1} alt="Images" />
65-
</main>
6679
{/* How it works */}
6780
<main className="flex flex-col items-center justify-center">
6881
<HowItWorks />
@@ -84,7 +97,6 @@ export default function Home() {
8497
</main>
8598

8699
{/* Footer */}
87-
88100
<Footer />
89101

90102
{/* Login Modal */}

‎src/app/white-paper/page.tsx‎

Lines changed: 19 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,23 @@
1-
"use client"
2-
import ScrollReveal from "@/components/Common/ScrollBasedReveal";
3-
import Footer from "@/components/footer";
4-
import Navbar from "@/components/navbar";
5-
import Others from "@/components/WhitePaper/Others";
6-
import TechnicalDocumentation from "@/components/WhitePaper/TechnicalDocumentation";
1+
'use client';
2+
import ScrollReveal from '@/components/Common/ScrollBasedReveal';
3+
import Footer from '@/components/footer';
4+
import Navbar from '@/components/navbar';
5+
import Others from '@/components/WhitePaper/Others';
6+
import TechnicalDocumentation from '@/components/WhitePaper/TechnicalDocumentation';
77

88
function WhitePaper() {
9-
return (
10-
<>
11-
<Navbar />
12-
<ScrollReveal>
13-
<TechnicalDocumentation />
14-
</ScrollReveal>
15-
<ScrollReveal delay={0.3}>
16-
<Others />
17-
</ScrollReveal>
18-
<hr />
19-
<Footer />
20-
</>
21-
)
9+
return (
10+
<>
11+
<Navbar />
12+
<ScrollReveal>
13+
<TechnicalDocumentation />
14+
</ScrollReveal>
15+
<ScrollReveal delay={0.3}>
16+
<Others />
17+
</ScrollReveal>
18+
<Footer />
19+
</>
20+
);
2221
}
2322

24-
25-
26-
export default WhitePaper;
23+
export default WhitePaper;

‎src/components/AboutUs/companyHistory.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ const timelineData = [
2929

3030
const CompanyHistory = () => {
3131
return (
32-
<section className="text-white flex flex-col items-center justify-center py-16 px-8 md:px-16 ">
32+
<section className="text-white flex flex-col items-center justify-center px-8 md:px-16">
3333
<h3 className="text-3xl font-bold mb-6 text-center">
3434
Company History & Impact Timeline
3535
</h3>

‎src/components/AboutUs/companyMission.tsx‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
11
const CompanyMission = () => {
22
return (
3-
<section className="py-16 px-8 md:px-16 text-white text-center rounded-2xl w-[95%] mx-auto"
4-
style={{
5-
background: 'linear-gradient(to right, #312e81 0%, #050512 30%, #050512 70%, #312e81 100%)'
6-
}}>
3+
<section
4+
className="py-16 px-8 md:px-16 text-white text-center rounded-2xl w-[95%] mx-auto md:mt-24 mt-10"
5+
style={{
6+
background:
7+
'linear-gradient(to right, #312e81 0%, #050512 30%, #050512 70%, #312e81 100%)',
8+
}}
9+
>
710
<h3 className="text-4xl font-semibold mb-2 text-white">
811
Company Mission
912
</h3>
@@ -17,4 +20,4 @@ const CompanyMission = () => {
1720
);
1821
};
1922

20-
export default CompanyMission;
23+
export default CompanyMission;

‎src/components/AboutUs/teamOverview.tsx‎

Lines changed: 72 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -1,77 +1,80 @@
1-
import Image from "next/image";
1+
import Image from 'next/image';
22

33
const teamMembers = [
4-
{
5-
name: "John Doe",
6-
role: "CEO",
7-
image: "/svg/TestImage.svg",
8-
bio: "John is the visionary behind our company, leading strategy and growth with over 15 years of experience in tech and business.",
9-
},
10-
{
11-
name: "Jane Smith",
12-
role: "CTO",
13-
image: "/svg/TestImage.svg",
14-
bio: "Jane drives our tech innovations, overseeing product development, system architecture, and engineering operations.",
15-
},
16-
{
17-
name: "Mike Johnson",
18-
role: "Head of Marketing",
19-
image: "/svg/TestImage.svg",
20-
bio: "Mike leads our marketing team, crafting campaigns that connect with our users and expand our brand reach globally.",
21-
},
22-
{
23-
name: "Linda Brown",
24-
role: "Product Manager",
25-
image: "/svg/TestImage.svg",
26-
bio: "Linda coordinates cross-functional teams to deliver exceptional products that meet user needs and market trends.",
27-
},
28-
{
29-
name: "Chris Evans",
30-
role: "Lead Designer",
31-
image: "/svg/TestImage.svg",
32-
bio: "Chris brings designs to life with a focus on user-centered experiences, UI consistency, and visual storytelling.",
33-
},
34-
{
35-
name: "Sara Lee",
36-
role: "Operations Manager",
37-
image: "/svg/TestImage.svg",
38-
bio: "Sara ensures smooth daily operations and team efficiency, supporting growth with systems and processes that scale.",
39-
},
4+
{
5+
name: 'John Doe',
6+
role: 'CEO',
7+
image: '/svg/TestImage.svg',
8+
bio: 'John is the visionary behind our company, leading strategy and growth with over 15 years of experience in tech and business.',
9+
},
10+
{
11+
name: 'Jane Smith',
12+
role: 'CTO',
13+
image: '/svg/TestImage.svg',
14+
bio: 'Jane drives our tech innovations, overseeing product development, system architecture, and engineering operations.',
15+
},
16+
{
17+
name: 'Mike Johnson',
18+
role: 'Head of Marketing',
19+
image: '/svg/TestImage.svg',
20+
bio: 'Mike leads our marketing team, crafting campaigns that connect with our users and expand our brand reach globally.',
21+
},
22+
{
23+
name: 'Linda Brown',
24+
role: 'Product Manager',
25+
image: '/svg/TestImage.svg',
26+
bio: 'Linda coordinates cross-functional teams to deliver exceptional products that meet user needs and market trends.',
27+
},
28+
{
29+
name: 'Chris Evans',
30+
role: 'Lead Designer',
31+
image: '/svg/TestImage.svg',
32+
bio: 'Chris brings designs to life with a focus on user-centered experiences, UI consistency, and visual storytelling.',
33+
},
34+
{
35+
name: 'Sara Lee',
36+
role: 'Operations Manager',
37+
image: '/svg/TestImage.svg',
38+
bio: 'Sara ensures smooth daily operations and team efficiency, supporting growth with systems and processes that scale.',
39+
},
4040
];
4141

42-
4342
const TeamOverview = () => {
44-
return (<section className="text-white flex flex-col items-start gap-10 justify-center py-16 px-8 md:px-16 ">
45-
<h3 className="text-3xl font-bold text-white">Team Overview</h3>
43+
return (
44+
<section className="text-white flex flex-col items-start gap-10 justify-center py-16 px-8 md:px-16 ">
45+
<h3 className="text-3xl font-bold text-white">Team Overview</h3>
4646

47-
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 w-full">
48-
{teamMembers.map((member, index) => (
49-
<div
50-
key={index}
51-
className="bg-[#050512] hover:bg-gray-700 transition-colors p-6 rounded-2xl shadow-xl border border-gray-700"
52-
>
53-
<div className="flex items-center space-x-4 mb-4">
54-
<Image
55-
src={member.image}
56-
alt={member.name}
57-
width={48}
58-
height={48}
59-
className="rounded-full border border-gray-600"
60-
/>
61-
<div>
62-
<h4 className="text-lg font-semibold">{member.name}</h4>
63-
<p className="text-sm text-gray-300 italic">{member.role}</p>
64-
</div>
65-
</div>
66-
<p className="text-sm text-gray-400">{member.bio}</p>
67-
</div>
68-
))}
69-
</div>
47+
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 w-full">
48+
{teamMembers.map((member, index) => (
49+
<div
50+
key={index}
51+
className="bg-[#050512] hover:bg-gray-700 transition-colors p-6 rounded-2xl shadow-xl border border-gray-700"
52+
>
53+
<div className="flex items-center space-x-4 mb-4">
54+
<Image
55+
src={member.image}
56+
alt={member.name}
57+
width={48}
58+
height={48}
59+
className="rounded-full border border-gray-600"
60+
/>
61+
<div>
62+
<h4 className="text-lg font-semibold">{member.name}</h4>
63+
<p className="text-sm text-gray-300 italic">{member.role}</p>
64+
</div>
65+
</div>
66+
<p className="text-sm text-gray-400">{member.bio}</p>
67+
</div>
68+
))}
69+
</div>
7070

71-
<p className="text-sm text-gray-400 max-w-3xl">
72-
Our team is made up of passionate individuals committed to delivering excellence across every department. From engineering to design, strategy to operations — we work together to bring the vision to life.
73-
</p>
74-
</section>);
75-
}
71+
<p className="text-sm text-gray-400 max-w-3xl">
72+
Our team is made up of passionate individuals committed to delivering
73+
excellence across every department. From engineering to design, strategy
74+
to operations — we work together to bring the vision to life.
75+
</p>
76+
</section>
77+
);
78+
};
7679

77-
export default TeamOverview;
80+
export default TeamOverview;

0 commit comments

Comments
 (0)