From 057ec44c0970ebc95af35c5ddec82eb891c5be79 Mon Sep 17 00:00:00 2001 From: suvanbanerjee Date: Thu, 16 Jan 2025 23:58:35 +0530 Subject: [PATCH] new ui kinda --- app/page.tsx | 138 ++++++++++++++++++---------------- components/health-article.tsx | 15 ++-- 2 files changed, 78 insertions(+), 75 deletions(-) diff --git a/app/page.tsx b/app/page.tsx index 8742ab4..0d66ad1 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -4,41 +4,40 @@ import Image from "next/image"; import { HealthArticle } from "@/components/health-article"; import { cn } from "@/lib/utils"; import { DotPattern } from "@/components/ui/dot-pattern"; -import { Heart, ShieldCheck, DollarSign, Briefcase, Plane, Smartphone, Car, Baby, HardHat, Backpack, Lock, Wifi, Server, Zap, Clock, Globe, QrCode } from 'lucide-react'; +import { Heart, ShieldCheck, DollarSign, Server, Wifi, QrCode } from 'lucide-react'; export default function Home() { return ( -
+
{/* Hero Section */} -
+
-
+
OpenTag Serverless Logo
-

+

OpenTag Serverless

-

- Medical information indise a QR code Literally +

+ Medical information inside a QR code Literally

-
-
@@ -47,41 +46,45 @@ export default function Home() {
{/* Bold Claims Section */} -
-
-

Why OpenTag Serverless?

-
-
- -

Same goodness of OpenTag

-

Instant access to critical medical information in emergencies, but now with the added benefit of no server dependency (But the amount of data is limited)

-
-
- -

Fully Anonymous

-

Serverless version encodes data directly into the QR code hence no need for any login or ID or any server thus forget about privacy concerns

-
-
- -

Compact QR Code

-

No big and chunky QR codes, small in size but big in impact can store data you never thought possible in such form factor

+
+
+
+
+

Why OpenTag Serverless?

+
+
+ +

Same Goodness of OpenTag

+

Instant access to critical medical information in emergencies, but now with no server dependency.

+
+
+ +

Fully Anonymous

+

Data encoded directly into the QR code. No login, no ID, no server. Privacy concerns? Forgotten.

+
+
+ +

Compact QR Code

+

Small in size, big in impact. Store data you never thought possible in such a compact form.

+
{/* Article */} -
+
- -
+ {/* Sample QR Code Section */} +
-
-

Some of your data, in a QR code

+
+

Your Data, In a QR Code

+

Compact, portable, and potentially life-saving.

-
+
OpenTag Serverless Example
-
-

- OpenTag Serverless is clever. By encoding your critical medical information directly into a QR code, we've eliminated the need for servers and databases, putting you in control of your data like never before. In emergencies, every second counts. With OpenTag Serverless, your vital information is instantly accessible to medical professionals, potentially making the difference between life and death. +

+

+ OpenTag Serverless encodes your critical medical information directly into a QR code, eliminating the need for servers and databases. You're in control of your data like never before.

-

- Note: The amount of data that can be stored in the QR code is limited +

+ Note: The amount of data that can be stored in the QR code is limited, but it's enough to save lives.

{/* Benefits Section */} -
+
-
-

Unparalleled Benefits

+
+

Unparalleled Benefits

-
-
- +
+
+
-

Zero Server Dependency

-

Your medical information lives in the QR code, not on vulnerable servers. Absolute data sovereignty.

+

Zero Server Dependency

+

Your medical information lives in the QR code, not on vulnerable servers. Absolute data sovereignty.

-
- +
+
-

No Login Required

-

Generate and access your tags without the need for any login or ID. Complete anonymity and ease of use.

+

No Login Required

+

Generate and access your tags without the need for any login or ID. Complete anonymity and ease of use.

-
- +
+
-

Unlimited Free Tags

-

Create as many tags as you need, all for free. No limits, no hidden costs.

+

Unlimited Free Tags

+

Create as many tags as you need, all for free. No limits, no hidden costs.

-
- +
+
-

You're in Control

-

Choose exactly what information to include. Update anytime. Your tag, your rules.

+

You're in Control

+

Choose exactly what information to include. Update anytime. Your tag, your rules.

@@ -141,13 +144,16 @@ export default function Home() {
{/* CTA Section */} -
-
-

Join the Medical Revolution Today!

-

+

+
+ +
+
+

Join the Medical Revolution Today!

+

Don't wait for an emergency to wish you had OpenTag Serverless. Create your life-saving QR code now.

-
diff --git a/components/health-article.tsx b/components/health-article.tsx index d9c0729..8089e3e 100644 --- a/components/health-article.tsx +++ b/components/health-article.tsx @@ -1,4 +1,3 @@ -import { Button } from "@/components/ui/button"; import BoxReveal from "@/components/ui/box-reveal"; export async function HealthArticle() { @@ -6,20 +5,18 @@ export async function HealthArticle() {
-

- Every Year, Millions of Lives Are Lost Because Critical Medical Data Isn’t Accessible in Time. OpenTag Lets You Change That—With Just a QR Code. -

-

- Critical Medical Data Isn't Accessible in Time. -

+

+ Every Year, Millions of Lives Are Lost Because Critical Medical Data Isn't Accessible in Time. OpenTag Lets You Change That—With Just a QR Code. +

-

- Every second counts in an emergency. When medical responders lack access to vital information like your blood type, allergies, or medical history, lives can hang in the balance. With openTag, a free and open-source solution, you can ensure your critical medical data is available instantly through a simple QR code. Accessible, customizable, and built to save lives—openTag empowers everyone to make a difference. +

+ Every second counts in an emergency. When medical responders lack access to vital information like your blood type, allergies, or medical history, lives can hang in the balance. With OpenTag, a free and open-source solution, you can ensure your critical medical data is available instantly through a simple QR code. Accessible, customizable, and built to save lives—OpenTag empowers everyone to make a difference.

+
); }