Skip to content

Commit 1e73a23

Browse files
SaravanakumarR2018SaravanakumarR2018
committed
Align policy page layout with landing
1 parent b65ddef commit 1e73a23

3 files changed

Lines changed: 76 additions & 25 deletions

File tree

‎src/frontend/src/pages/PrivacyPolicyPage/index.tsx‎

Lines changed: 25 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,37 @@
11
import { Link } from "react-router-dom";
2+
import logoicon from "../../assets/visualailogo.png";
23

34
export default function PrivacyPolicyPage() {
45
return (
5-
<div className="min-h-screen bg-white text-gray-900">
6+
<div className="min-h-screen bg-[#0f1217] text-white">
7+
<div className="pointer-events-none fixed inset-0 -z-10">
8+
<div className="absolute -top-24 -left-24 h-72 w-72 rounded-full bg-gradient-to-br from-teal-500 to-blue-500/20 blur-3xl" />
9+
<div className="absolute -bottom-24 -right-24 h-72 w-72 rounded-full bg-gradient-to-br from-purple-500 to-pink-500/20 blur-3xl" />
10+
</div>
11+
12+
<header className="sticky top-0 z-40 backdrop-blur supports-[backdrop-filter]:bg-neutral-900/60">
13+
<div className="mx-auto flex max-w-7xl items-center justify-between px-4 py-4">
14+
<Link to="/" className="flex items-center gap-2">
15+
<img src={logoicon} alt="Logo" className="h-8 w-8 object-contain drop-shadow-md" />
16+
<span className="whitespace-nowrap text-sm font-semibold tracking-wide text-white/90">
17+
Visual AI Agents Builder
18+
</span>
19+
</Link>
20+
<Link to="/" className="text-sm text-white/70 hover:text-white">
21+
Back to home
22+
</Link>
23+
</div>
24+
</header>
25+
626
<main className="mx-auto flex w-full max-w-3xl flex-col gap-6 px-6 py-12">
727
<div className="flex flex-col gap-2">
8-
<Link to="/" className="text-sm font-medium text-blue-600">
9-
← Back to home
10-
</Link>
1128
<h1 className="text-3xl font-semibold">Privacy Policy</h1>
12-
<p className="text-sm text-gray-500">Last updated: March 2025</p>
29+
<p className="text-sm text-white/60">Last updated: March 2025</p>
1330
</div>
1431

1532
<section className="flex flex-col gap-3">
1633
<h2 className="text-xl font-semibold">Information we collect</h2>
17-
<p>
34+
<p className="text-white/80">
1835
Visual AI Agents Builder collects information you provide when
1936
creating an account, subscribing, or contacting support. We also
2037
collect usage data to operate and improve the platform.
@@ -23,15 +40,15 @@ export default function PrivacyPolicyPage() {
2340

2441
<section className="flex flex-col gap-3">
2542
<h2 className="text-xl font-semibold">Payment processing</h2>
26-
<p>
43+
<p className="text-white/80">
2744
Subscription payments are processed by Paddle. We do not store your
2845
full payment card details on our servers.
2946
</p>
3047
</section>
3148

3249
<section className="flex flex-col gap-3">
3350
<h2 className="text-xl font-semibold">Service delivery</h2>
34-
<p>
51+
<p className="text-white/80">
3552
The platform is delivered through automated systems. There are no
3653
human-driven services involved in fulfilling the service.
3754
</p>

‎src/frontend/src/pages/RefundPolicyPage/index.tsx‎

Lines changed: 25 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,50 @@
11
import { Link } from "react-router-dom";
2+
import logoicon from "../../assets/visualailogo.png";
23

34
export default function RefundPolicyPage() {
45
return (
5-
<div className="min-h-screen bg-white text-gray-900">
6+
<div className="min-h-screen bg-[#0f1217] text-white">
7+
<div className="pointer-events-none fixed inset-0 -z-10">
8+
<div className="absolute -top-24 -left-24 h-72 w-72 rounded-full bg-gradient-to-br from-teal-500 to-blue-500/20 blur-3xl" />
9+
<div className="absolute -bottom-24 -right-24 h-72 w-72 rounded-full bg-gradient-to-br from-purple-500 to-pink-500/20 blur-3xl" />
10+
</div>
11+
12+
<header className="sticky top-0 z-40 backdrop-blur supports-[backdrop-filter]:bg-neutral-900/60">
13+
<div className="mx-auto flex max-w-7xl items-center justify-between px-4 py-4">
14+
<Link to="/" className="flex items-center gap-2">
15+
<img src={logoicon} alt="Logo" className="h-8 w-8 object-contain drop-shadow-md" />
16+
<span className="whitespace-nowrap text-sm font-semibold tracking-wide text-white/90">
17+
Visual AI Agents Builder
18+
</span>
19+
</Link>
20+
<Link to="/" className="text-sm text-white/70 hover:text-white">
21+
Back to home
22+
</Link>
23+
</div>
24+
</header>
25+
626
<main className="mx-auto flex w-full max-w-3xl flex-col gap-6 px-6 py-12">
727
<div className="flex flex-col gap-2">
8-
<Link to="/" className="text-sm font-medium text-blue-600">
9-
← Back to home
10-
</Link>
1128
<h1 className="text-3xl font-semibold">Refund Policy</h1>
12-
<p className="text-sm text-gray-500">Last updated: March 2025</p>
29+
<p className="text-sm text-white/60">Last updated: March 2025</p>
1330
</div>
1431

1532
<section className="flex flex-col gap-3">
1633
<h2 className="text-xl font-semibold">Monthly subscriptions</h2>
17-
<p>
34+
<p className="text-white/80">
1835
Visual AI Agents Builder subscriptions are billed on a monthly
1936
recurring basis. Once a payment is made, your subscription remains
2037
active until the end of that billing month.
2138
</p>
22-
<p>
39+
<p className="text-white/80">
2340
If you cancel, your subscription will stay active until the month
2441
ends and will not renew for the following month.
2542
</p>
2643
</section>
2744

2845
<section className="flex flex-col gap-3">
2946
<h2 className="text-xl font-semibold">No refunds</h2>
30-
<p>
47+
<p className="text-white/80">
3148
All payments are final. We do not provide refunds after a payment is
3249
made.
3350
</p>

‎src/frontend/src/pages/TermsOfServicePage/index.tsx‎

Lines changed: 26 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,37 @@
11
import { Link } from "react-router-dom";
2+
import logoicon from "../../assets/visualailogo.png";
23

34
export default function TermsOfServicePage() {
45
return (
5-
<div className="min-h-screen bg-white text-gray-900">
6+
<div className="min-h-screen bg-[#0f1217] text-white">
7+
<div className="pointer-events-none fixed inset-0 -z-10">
8+
<div className="absolute -top-24 -left-24 h-72 w-72 rounded-full bg-gradient-to-br from-teal-500 to-blue-500/20 blur-3xl" />
9+
<div className="absolute -bottom-24 -right-24 h-72 w-72 rounded-full bg-gradient-to-br from-purple-500 to-pink-500/20 blur-3xl" />
10+
</div>
11+
12+
<header className="sticky top-0 z-40 backdrop-blur supports-[backdrop-filter]:bg-neutral-900/60">
13+
<div className="mx-auto flex max-w-7xl items-center justify-between px-4 py-4">
14+
<Link to="/" className="flex items-center gap-2">
15+
<img src={logoicon} alt="Logo" className="h-8 w-8 object-contain drop-shadow-md" />
16+
<span className="whitespace-nowrap text-sm font-semibold tracking-wide text-white/90">
17+
Visual AI Agents Builder
18+
</span>
19+
</Link>
20+
<Link to="/" className="text-sm text-white/70 hover:text-white">
21+
Back to home
22+
</Link>
23+
</div>
24+
</header>
25+
626
<main className="mx-auto flex w-full max-w-3xl flex-col gap-6 px-6 py-12">
727
<div className="flex flex-col gap-2">
8-
<Link to="/" className="text-sm font-medium text-blue-600">
9-
← Back to home
10-
</Link>
1128
<h1 className="text-3xl font-semibold">Terms of Service</h1>
12-
<p className="text-sm text-gray-500">Last updated: March 2025</p>
29+
<p className="text-sm text-white/60">Last updated: March 2025</p>
1330
</div>
1431

1532
<section className="flex flex-col gap-3">
1633
<h2 className="text-xl font-semibold">Service overview</h2>
17-
<p>
34+
<p className="text-white/80">
1835
These Terms of Service apply to Visual AI Agents Builder (the
1936
"Service"). The Service provides an automated software platform.
2037
There are no human-driven services involved in this offering.
@@ -23,20 +40,20 @@ export default function TermsOfServicePage() {
2340

2441
<section className="flex flex-col gap-3">
2542
<h2 className="text-xl font-semibold">Subscriptions and billing</h2>
26-
<p>
43+
<p className="text-white/80">
2744
Plans are billed as monthly recurring subscriptions. Once a
2845
subscription payment is made, access is active for the remainder of
2946
that billing month.
3047
</p>
31-
<p>
48+
<p className="text-white/80">
3249
If you cancel your subscription, it remains active until the end of
3350
the current billing month and will not renew.
3451
</p>
3552
</section>
3653

3754
<section className="flex flex-col gap-3">
3855
<h2 className="text-xl font-semibold">Refunds</h2>
39-
<p>All payments are final. We do not offer refunds.</p>
56+
<p className="text-white/80">All payments are final. We do not offer refunds.</p>
4057
</section>
4158
</main>
4259
</div>

0 commit comments

Comments
 (0)