Skip to content

Commit bbb8f13

Browse files
guntagunta
committed
feat: Update platform and validation disclosure pages with enhanced backgrounds and styling
- Introduced animated backgrounds and improved layout for the Platform and Validation Disclosure pages to enhance visual appeal. - Added global CSS import for consistent styling across pages. - Removed outdated inline styles and unnecessary elements to streamline the code and improve maintainability. These changes aim to create a more engaging and visually appealing experience for users accessing disclosure information.
1 parent 76baf59 commit bbb8f13

File tree

2 files changed

+18
-88
lines changed

2 files changed

+18
-88
lines changed

‎src/pages/platform-disclosure.astro‎

Lines changed: 9 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,22 @@
11
---
22
import Layout from '../layouts/Layout.astro';
3+
import '../styles/global.css';
34
---
45

56
<Layout
67
title="Platform Commerce Disclosure - PRiority"
78
description="Commercial disclosure for PRiority platform services in compliance with applicable regulations."
89
>
9-
<div class="relative min-h-screen overflow-hidden bg-black text-white">
10-
<!-- Background Effects -->
11-
<div class="fixed inset-0 z-0">
12-
<div class="absolute inset-0 bg-gradient-to-br from-blue-900/20 via-purple-900/20 to-pink-900/20"></div>
13-
<div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_50%,rgba(120,119,198,0.1),transparent_50%)]"></div>
10+
<div class="relative overflow-hidden">
11+
<!-- Animated background -->
12+
<div class="fixed inset-0 mesh-gradient opacity-30 z-[-20]"></div>
13+
<div class="fixed inset-0 z-[-15]">
14+
<div class="absolute -top-40 -right-40 w-80 h-80 bg-purple-500 rounded-full mix-blend-multiply filter blur-3xl opacity-10 animate-float"></div>
15+
<div class="absolute -bottom-40 -left-40 w-80 h-80 bg-blue-500 rounded-full mix-blend-multiply filter blur-3xl opacity-10 animate-float" style="animation-delay: 2s;"></div>
1416
</div>
1517

1618
<!-- Navigation -->
17-
<nav class="fixed top-0 left-0 right-0 z-[100] px-6 py-4 lg:px-12 bg-black/80 backdrop-blur-md border-b border-gray-800/50">
19+
<nav class="fixed top-0 left-0 right-0 z-[100] px-6 py-4 lg:px-12 bg-black/50 backdrop-blur-md border-b border-gray-800/50">
1820
<div class="max-w-7xl mx-auto flex items-center justify-between">
1921
<div class="flex items-center space-x-2">
2022
<a href="/PRiority/">
@@ -27,7 +29,7 @@ import Layout from '../layouts/Layout.astro';
2729
</div>
2830
</nav>
2931

30-
<main class="relative z-20 pt-32 px-6 py-20 lg:px-12">
32+
<main class="relative z-20 pt-20 px-6 py-20 lg:px-12">
3133
<div class="max-w-4xl mx-auto">
3234
<!-- Important Notice Banner -->
3335
<div class="bg-gradient-to-r from-blue-500/20 to-green-500/20 border border-blue-500/30 rounded-lg p-6 mb-8">
@@ -69,7 +71,6 @@ import Layout from '../layouts/Layout.astro';
6971

7072
<section>
7173
<h2 class="text-xl font-bold mb-4 text-white">Contact Information</h2>
72-
<p><strong>Email:</strong> <a href="mailto:contact@priority-platform.com" class="text-blue-400 hover:underline">contact@priority-platform.com</a></p>
7374
<p><strong>Website:</strong> <a href="https://gunta.github.io/PRiority" class="text-blue-400 hover:underline">https://gunta.github.io/PRiority</a></p>
7475
</section>
7576

@@ -256,39 +257,3 @@ import Layout from '../layouts/Layout.astro';
256257
</div>
257258
</Layout>
258259

259-
<style>
260-
/* Import global styles */
261-
@import url('../styles/global.css');
262-
263-
.glass-card {
264-
background: rgba(17, 24, 39, 0.8);
265-
backdrop-filter: blur(16px);
266-
border: 1px solid rgba(55, 65, 81, 0.3);
267-
border-radius: 1rem;
268-
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
269-
}
270-
271-
.gradient-text {
272-
background: linear-gradient(135deg, #60a5fa, #a855f7, #ec4899);
273-
background-clip: text;
274-
-webkit-background-clip: text;
275-
-webkit-text-fill-color: transparent;
276-
}
277-
278-
section {
279-
scroll-margin-top: 100px;
280-
}
281-
282-
/* Ensure proper text contrast */
283-
body {
284-
background-color: #000;
285-
color: #fff;
286-
}
287-
288-
/* Enhanced glass card styling */
289-
.glass-card:hover {
290-
background: rgba(17, 24, 39, 0.9);
291-
transform: translateY(-2px);
292-
transition: all 0.3s ease;
293-
}
294-
</style>

‎src/pages/validation-disclosure.astro‎

Lines changed: 9 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,22 @@
11
---
22
import Layout from '../layouts/Layout.astro';
3+
import '../styles/global.css';
34
---
45

56
<Layout
67
title="Crowd-Validation Commerce Disclosure - PRiority"
78
description="Commercial disclosure for PRiority crowd-validation campaign - validating demand before building."
89
>
9-
<div class="relative min-h-screen overflow-hidden bg-black text-white">
10-
<!-- Background Effects -->
11-
<div class="fixed inset-0 z-0">
12-
<div class="absolute inset-0 bg-gradient-to-br from-blue-900/20 via-purple-900/20 to-pink-900/20"></div>
13-
<div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_50%,rgba(120,119,198,0.1),transparent_50%)]"></div>
10+
<div class="relative overflow-hidden">
11+
<!-- Animated background -->
12+
<div class="fixed inset-0 mesh-gradient opacity-30 z-[-20]"></div>
13+
<div class="fixed inset-0 z-[-15]">
14+
<div class="absolute -top-40 -right-40 w-80 h-80 bg-purple-500 rounded-full mix-blend-multiply filter blur-3xl opacity-10 animate-float"></div>
15+
<div class="absolute -bottom-40 -left-40 w-80 h-80 bg-blue-500 rounded-full mix-blend-multiply filter blur-3xl opacity-10 animate-float" style="animation-delay: 2s;"></div>
1416
</div>
1517

1618
<!-- Navigation -->
17-
<nav class="fixed top-0 left-0 right-0 z-[100] px-6 py-4 lg:px-12 bg-black/80 backdrop-blur-md border-b border-gray-800/50">
19+
<nav class="fixed top-0 left-0 right-0 z-[100] px-6 py-4 lg:px-12 bg-black/50 backdrop-blur-md border-b border-gray-800/50">
1820
<div class="max-w-7xl mx-auto flex items-center justify-between">
1921
<div class="flex items-center space-x-2">
2022
<a href="/PRiority/">
@@ -27,7 +29,7 @@ import Layout from '../layouts/Layout.astro';
2729
</div>
2830
</nav>
2931

30-
<main class="relative z-20 pt-32 px-6 py-20 lg:px-12">
32+
<main class="relative z-20 pt-20 px-6 py-20 lg:px-12">
3133
<div class="max-w-4xl mx-auto">
3234
<!-- Important Notice Banner -->
3335
<div class="bg-gradient-to-r from-purple-500/20 to-blue-500/20 border border-purple-500/30 rounded-lg p-6 mb-8">
@@ -289,7 +291,6 @@ import Layout from '../layouts/Layout.astro';
289291
<h2 class="text-xl font-bold mb-4 text-white">Contact Information</h2>
290292
<p>For questions about the crowdfunding campaign:</p>
291293
<p class="mt-2">
292-
<strong>Email:</strong> <a href="mailto:crowdfunding@priority-platform.com" class="text-blue-400 hover:underline">crowdfunding@priority-platform.com</a><br>
293294
<strong>GitHub:</strong> <a href="https://github.com/gunta" class="text-blue-400 hover:underline" target="_blank">@gunta</a><br>
294295
<strong>Twitter/X:</strong> <a href="https://x.com/gunta85" class="text-blue-400 hover:underline" target="_blank">@gunta85</a>
295296
</p>
@@ -309,39 +310,3 @@ import Layout from '../layouts/Layout.astro';
309310
</div>
310311
</Layout>
311312

312-
<style>
313-
/* Import global styles */
314-
@import url('../styles/global.css');
315-
316-
.glass-card {
317-
background: rgba(17, 24, 39, 0.8);
318-
backdrop-filter: blur(16px);
319-
border: 1px solid rgba(55, 65, 81, 0.3);
320-
border-radius: 1rem;
321-
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
322-
}
323-
324-
.gradient-text {
325-
background: linear-gradient(135deg, #60a5fa, #a855f7, #ec4899);
326-
background-clip: text;
327-
-webkit-background-clip: text;
328-
-webkit-text-fill-color: transparent;
329-
}
330-
331-
section {
332-
scroll-margin-top: 100px;
333-
}
334-
335-
/* Ensure proper text contrast */
336-
body {
337-
background-color: #000;
338-
color: #fff;
339-
}
340-
341-
/* Enhanced glass card styling */
342-
.glass-card:hover {
343-
background: rgba(17, 24, 39, 0.9);
344-
transform: translateY(-2px);
345-
transition: all 0.3s ease;
346-
}
347-
</style>

0 commit comments

Comments
 (0)