Skip to content

feat: refactor ui #116

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Pvsaint merged 1 commit into from
Aug 26, 2025
Merged

feat: refactor ui #116

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions src/app/about-us/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ function AboutUs() {
return (
<div className="bg-[#050512]">
<Navbar />
<main className="flex flex-col items-center justify-center py-32 space-y-16">
<main className="flex flex-col items-center justify-center py-16 space-y-10">
<ScrollReveal>
<CompanyMission />
</ScrollReveal>
Expand All @@ -31,7 +31,6 @@ function AboutUs() {
<CompanyHistory />
</ScrollReveal>
</main>
<hr />
<Footer />
</div>
)
Expand Down
6 changes: 3 additions & 3 deletions src/app/demo/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -146,15 +146,15 @@ export default function Demo() {
};

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

{/* Demo Features */}
<section id="demo-features" className="py-16">
<div className="container mx-auto px-4">
<h2 className="text-3xl font-bold mb-12 text-center">
<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">
Interactive Demo Features
</h2>
</h1>

<Tabs
defaultValue="dashboard"
Expand Down
331 changes: 182 additions & 149 deletions src/app/faqs/page.tsx
View file
Open in desktop

Large diffs are not rendered by default.

Binary file modified src/app/favicon.ico
View file
Open in desktop
Binary file not shown.
42 changes: 27 additions & 15 deletions src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,41 +28,54 @@ export default function Home() {

return (
<Suspense fallback={<Loading />}>
<div className="bg-[#050512]">
<div className="w-full bg-[#050512] overflow-hidden relative">
<Navbar />
{/* Hero Section */}
<main className=" flex flex-col items-center justify-center px-4 py-16 md:py-24 lg:py-32">
<h1 className="mb-6 font-semibold text-gray-300 md:text-[20px]">
<main className="flex flex-col items-center justify-center mt-20 px-6 py-16 md:py-24 lg:py-32">
<h4 className="font-semibold text-gray-300 md:text-[20px]">
Introducing
</h4>
<h1 className="md:text-[64px] text-[30px] font-bold bg-gradient-to-r from-[#c4c4cf] via-[#9493cf] to-[#5B54FF] bg-clip-text text-transparent">
BUDGETCHAIN
</h1>
<div className="mb-5">
<Image src={Brand} alt="Brand" />
</div>
<p className="mb-8 max-w-2xl text-center text-gray-300">
Revolutionizing how you manage, allocate, and optimize financial
resources with real-time insights and AI-driven automati
resources with real-time insights and AI-driven automation
</p>
<div className="flex space-x-4">
<div className="w-full flex md:flex-row flex-col gap-4 items-center justify-center">
<button
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"
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"
onClick={handleLoginClick}
>
LOGIN
</button>
<button
className="w-[170px] h-[50px] rounded-[12px] bg-white px-4 py-2 text-black transition hover:bg-opacity-80"
className="md:w-[170px] w-full h-[50px] rounded-[12px] bg-white px-4 py-2 text-black transition hover:bg-opacity-80"
onClick={handleRole}
>
GET STARTED
</button>
</div>
</main>

{/* Snapshot Od Dashboard */}
{/* Snapshot Of Dashboard */}
<div className="w-full p-4 md:p-0 flex flex-col items-center justify-center relative">
<div
className="w-full h-full absolute inset-0 pointer-events-none z-10"
style={{
background:
'linear-gradient(to bottom, transparent 0%, transparent 75%, rgba(5, 5, 18, 0.9) 85%, #050512 100%)',
}}
></div>
<Image
src="/svg/landingImage1.svg"
alt="Dashboard Preview"
width={976}
height={507}
className="relative"
/>
</div>

<main className="flex flex-col items-center justify-center">
<Image src={Land1} alt="Images" />
</main>
{/* How it works */}
<main className="flex flex-col items-center justify-center">
<HowItWorks />
Expand All @@ -84,7 +97,6 @@ export default function Home() {
</main>

{/* Footer */}

<Footer />

{/* Login Modal */}
Expand Down
41 changes: 19 additions & 22 deletions src/app/white-paper/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,23 @@
"use client"
import ScrollReveal from "@/components/Common/ScrollBasedReveal";
import Footer from "@/components/footer";
import Navbar from "@/components/navbar";
import Others from "@/components/WhitePaper/Others";
import TechnicalDocumentation from "@/components/WhitePaper/TechnicalDocumentation";
'use client';
import ScrollReveal from '@/components/Common/ScrollBasedReveal';
import Footer from '@/components/footer';
import Navbar from '@/components/navbar';
import Others from '@/components/WhitePaper/Others';
import TechnicalDocumentation from '@/components/WhitePaper/TechnicalDocumentation';

function WhitePaper() {
return (
<>
<Navbar />
<ScrollReveal>
<TechnicalDocumentation />
</ScrollReveal>
<ScrollReveal delay={0.3}>
<Others />
</ScrollReveal>
<hr />
<Footer />
</>
)
return (
<>
<Navbar />
<ScrollReveal>
<TechnicalDocumentation />
</ScrollReveal>
<ScrollReveal delay={0.3}>
<Others />
</ScrollReveal>
<Footer />
</>
);
}



export default WhitePaper;
export default WhitePaper;
2 changes: 1 addition & 1 deletion src/components/AboutUs/companyHistory.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ const timelineData = [

const CompanyHistory = () => {
return (
<section className="text-white flex flex-col items-center justify-center py-16 px-8 md:px-16 ">
<section className="text-white flex flex-col items-center justify-center px-8 md:px-16">
<h3 className="text-3xl font-bold mb-6 text-center">
Company History & Impact Timeline
</h3>
Expand Down
13 changes: 8 additions & 5 deletions src/components/AboutUs/companyMission.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,12 @@
const CompanyMission = () => {
return (
<section className="py-16 px-8 md:px-16 text-white text-center rounded-2xl w-[95%] mx-auto"
style={{
background: 'linear-gradient(to right, #312e81 0%, #050512 30%, #050512 70%, #312e81 100%)'
}}>
<section
className="py-16 px-8 md:px-16 text-white text-center rounded-2xl w-[95%] mx-auto md:mt-24 mt-10"
style={{
background:
'linear-gradient(to right, #312e81 0%, #050512 30%, #050512 70%, #312e81 100%)',
}}
>
<h3 className="text-4xl font-semibold mb-2 text-white">
Company Mission
</h3>
Expand All @@ -17,4 +20,4 @@ const CompanyMission = () => {
);
};

export default CompanyMission;
export default CompanyMission;
141 changes: 72 additions & 69 deletions src/components/AboutUs/teamOverview.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,77 +1,80 @@
import Image from "next/image";
import Image from 'next/image';

const teamMembers = [
{
name: "John Doe",
role: "CEO",
image: "/svg/TestImage.svg",
bio: "John is the visionary behind our company, leading strategy and growth with over 15 years of experience in tech and business.",
},
{
name: "Jane Smith",
role: "CTO",
image: "/svg/TestImage.svg",
bio: "Jane drives our tech innovations, overseeing product development, system architecture, and engineering operations.",
},
{
name: "Mike Johnson",
role: "Head of Marketing",
image: "/svg/TestImage.svg",
bio: "Mike leads our marketing team, crafting campaigns that connect with our users and expand our brand reach globally.",
},
{
name: "Linda Brown",
role: "Product Manager",
image: "/svg/TestImage.svg",
bio: "Linda coordinates cross-functional teams to deliver exceptional products that meet user needs and market trends.",
},
{
name: "Chris Evans",
role: "Lead Designer",
image: "/svg/TestImage.svg",
bio: "Chris brings designs to life with a focus on user-centered experiences, UI consistency, and visual storytelling.",
},
{
name: "Sara Lee",
role: "Operations Manager",
image: "/svg/TestImage.svg",
bio: "Sara ensures smooth daily operations and team efficiency, supporting growth with systems and processes that scale.",
},
{
name: 'John Doe',
role: 'CEO',
image: '/svg/TestImage.svg',
bio: 'John is the visionary behind our company, leading strategy and growth with over 15 years of experience in tech and business.',
},
{
name: 'Jane Smith',
role: 'CTO',
image: '/svg/TestImage.svg',
bio: 'Jane drives our tech innovations, overseeing product development, system architecture, and engineering operations.',
},
{
name: 'Mike Johnson',
role: 'Head of Marketing',
image: '/svg/TestImage.svg',
bio: 'Mike leads our marketing team, crafting campaigns that connect with our users and expand our brand reach globally.',
},
{
name: 'Linda Brown',
role: 'Product Manager',
image: '/svg/TestImage.svg',
bio: 'Linda coordinates cross-functional teams to deliver exceptional products that meet user needs and market trends.',
},
{
name: 'Chris Evans',
role: 'Lead Designer',
image: '/svg/TestImage.svg',
bio: 'Chris brings designs to life with a focus on user-centered experiences, UI consistency, and visual storytelling.',
},
{
name: 'Sara Lee',
role: 'Operations Manager',
image: '/svg/TestImage.svg',
bio: 'Sara ensures smooth daily operations and team efficiency, supporting growth with systems and processes that scale.',
},
];


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

<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 w-full">
{teamMembers.map((member, index) => (
<div
key={index}
className="bg-[#050512] hover:bg-gray-700 transition-colors p-6 rounded-2xl shadow-xl border border-gray-700"
>
<div className="flex items-center space-x-4 mb-4">
<Image
src={member.image}
alt={member.name}
width={48}
height={48}
className="rounded-full border border-gray-600"
/>
<div>
<h4 className="text-lg font-semibold">{member.name}</h4>
<p className="text-sm text-gray-300 italic">{member.role}</p>
</div>
</div>
<p className="text-sm text-gray-400">{member.bio}</p>
</div>
))}
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 w-full">
{teamMembers.map((member, index) => (
<div
key={index}
className="bg-[#050512] hover:bg-gray-700 transition-colors p-6 rounded-2xl shadow-xl border border-gray-700"
>
<div className="flex items-center space-x-4 mb-4">
<Image
src={member.image}
alt={member.name}
width={48}
height={48}
className="rounded-full border border-gray-600"
/>
<div>
<h4 className="text-lg font-semibold">{member.name}</h4>
<p className="text-sm text-gray-300 italic">{member.role}</p>
</div>
</div>
<p className="text-sm text-gray-400">{member.bio}</p>
</div>
))}
</div>

<p className="text-sm text-gray-400 max-w-3xl">
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.
</p>
</section>);
}
<p className="text-sm text-gray-400 max-w-3xl">
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.
</p>
</section>
);
};

export default TeamOverview;
export default TeamOverview;
Loading
Loading