Prettier format pending files
This commit is contained in:
parent
883188e6b2
commit
37f80a623f
2 changed files with 93 additions and 22 deletions
|
|
@ -1,18 +1,22 @@
|
||||||
import Layout from "@/components/Layout";
|
import Layout from "@/components/Layout";
|
||||||
import { Badge } from "@/components/ui/badge";
|
import { Badge } from "@/components/ui/badge";
|
||||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
|
import {
|
||||||
|
Card,
|
||||||
|
CardContent,
|
||||||
|
CardDescription,
|
||||||
|
CardHeader,
|
||||||
|
CardTitle,
|
||||||
|
} from "@/components/ui/card";
|
||||||
|
|
||||||
export default function PressKit() {
|
export default function PressKit() {
|
||||||
const logos = [
|
const logos = [
|
||||||
{
|
{
|
||||||
label: "Logo (PNG, 512)",
|
label: "Logo (PNG, 512)",
|
||||||
href:
|
href: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F3979ec9a8a28471d900a80e94e2c45fe?format=png&width=512",
|
||||||
"https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F3979ec9a8a28471d900a80e94e2c45fe?format=png&width=512",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Logo (PNG, 1200)",
|
label: "Logo (PNG, 1200)",
|
||||||
href:
|
href: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F3979ec9a8a28471d900a80e94e2c45fe?format=png&width=1200",
|
||||||
"https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F3979ec9a8a28471d900a80e94e2c45fe?format=png&width=1200",
|
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
@ -34,8 +38,13 @@ export default function PressKit() {
|
||||||
<div className="container mx-auto max-w-6xl px-4 space-y-8">
|
<div className="container mx-auto max-w-6xl px-4 space-y-8">
|
||||||
<div className="text-center space-y-2">
|
<div className="text-center space-y-2">
|
||||||
<Badge variant="outline">Press Kit</Badge>
|
<Badge variant="outline">Press Kit</Badge>
|
||||||
<h1 className="text-4xl font-bold text-gradient-purple">AeThex Brand Assets</h1>
|
<h1 className="text-4xl font-bold text-gradient-purple">
|
||||||
<p className="text-muted-foreground">Download logos, view colors and typography, and read usage guidelines.</p>
|
AeThex Brand Assets
|
||||||
|
</h1>
|
||||||
|
<p className="text-muted-foreground">
|
||||||
|
Download logos, view colors and typography, and read usage
|
||||||
|
guidelines.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Card className="bg-card/50 border-border/50">
|
<Card className="bg-card/50 border-border/50">
|
||||||
|
|
@ -45,7 +54,13 @@ export default function PressKit() {
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent className="grid sm:grid-cols-2 gap-3">
|
<CardContent className="grid sm:grid-cols-2 gap-3">
|
||||||
{logos.map((l) => (
|
{logos.map((l) => (
|
||||||
<a key={l.label} href={l.href} target="_blank" rel="noreferrer" className="rounded-lg border border-border/50 p-3 hover:border-aethex-400/50 transition">
|
<a
|
||||||
|
key={l.label}
|
||||||
|
href={l.href}
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"
|
||||||
|
className="rounded-lg border border-border/50 p-3 hover:border-aethex-400/50 transition"
|
||||||
|
>
|
||||||
{l.label}
|
{l.label}
|
||||||
</a>
|
</a>
|
||||||
))}
|
))}
|
||||||
|
|
@ -59,8 +74,14 @@ export default function PressKit() {
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent className="grid sm:grid-cols-2 lg:grid-cols-4 gap-3">
|
<CardContent className="grid sm:grid-cols-2 lg:grid-cols-4 gap-3">
|
||||||
{colors.map((c) => (
|
{colors.map((c) => (
|
||||||
<div key={c.hex} className="rounded-lg border border-border/50 p-3 space-y-2">
|
<div
|
||||||
<div className="h-12 w-full rounded" style={{ backgroundColor: c.hex }} />
|
key={c.hex}
|
||||||
|
className="rounded-lg border border-border/50 p-3 space-y-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="h-12 w-full rounded"
|
||||||
|
style={{ backgroundColor: c.hex }}
|
||||||
|
/>
|
||||||
<div className="text-sm text-muted-foreground">{c.name}</div>
|
<div className="text-sm text-muted-foreground">{c.name}</div>
|
||||||
<div className="text-xs">{c.hex}</div>
|
<div className="text-xs">{c.hex}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -75,7 +96,10 @@ export default function PressKit() {
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent className="grid sm:grid-cols-2 gap-3">
|
<CardContent className="grid sm:grid-cols-2 gap-3">
|
||||||
{typography.map((t) => (
|
{typography.map((t) => (
|
||||||
<div key={t.name} className="rounded-lg border border-border/50 p-3">
|
<div
|
||||||
|
key={t.name}
|
||||||
|
className="rounded-lg border border-border/50 p-3"
|
||||||
|
>
|
||||||
<div className="font-semibold">{t.name}</div>
|
<div className="font-semibold">{t.name}</div>
|
||||||
<div className="text-sm text-muted-foreground">{t.usage}</div>
|
<div className="text-sm text-muted-foreground">{t.usage}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -91,9 +115,25 @@ export default function PressKit() {
|
||||||
<CardContent className="text-sm text-muted-foreground space-y-2">
|
<CardContent className="text-sm text-muted-foreground space-y-2">
|
||||||
<ul className="list-disc pl-5 space-y-1">
|
<ul className="list-disc pl-5 space-y-1">
|
||||||
<li>Use official logos without modification or distortion.</li>
|
<li>Use official logos without modification or distortion.</li>
|
||||||
<li>Maintain clear space around marks; avoid busy backgrounds.</li>
|
<li>
|
||||||
<li>Do not imply partnership or endorsement without written approval.</li>
|
Maintain clear space around marks; avoid busy backgrounds.
|
||||||
<li>Link to <a href="https://aethex.biz" className="text-aethex-400" target="_blank" rel="noreferrer">aethex.biz</a> for official context.</li>
|
</li>
|
||||||
|
<li>
|
||||||
|
Do not imply partnership or endorsement without written
|
||||||
|
approval.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Link to{" "}
|
||||||
|
<a
|
||||||
|
href="https://aethex.biz"
|
||||||
|
className="text-aethex-400"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"
|
||||||
|
>
|
||||||
|
aethex.biz
|
||||||
|
</a>{" "}
|
||||||
|
for official context.
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
|
|
|
||||||
|
|
@ -122,14 +122,34 @@ export default function Trust() {
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent className="grid sm:grid-cols-2 gap-4 text-sm text-muted-foreground">
|
<CardContent className="grid sm:grid-cols-2 gap-4 text-sm text-muted-foreground">
|
||||||
{[
|
{[
|
||||||
{ name: "Anderson Gladney", title: "Founder & CEO", href: "https://www.linkedin.com/in/andersongladney/" },
|
{
|
||||||
{ name: "Dylan Gladney", title: "Founder & COO", href: "https://www.linkedin.com/in/dylangladney/" },
|
name: "Anderson Gladney",
|
||||||
{ name: "Trevor Davis", title: "Co-Founder & CFO", href: "https://www.linkedin.com/in/trevor-davis-892642324/" },
|
title: "Founder & CEO",
|
||||||
{ name: "Braden Eiser", title: "Co-Founder & CTO", href: "https://www.linkedin.com/in/bradeneiser/" },
|
href: "https://www.linkedin.com/in/andersongladney/",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Dylan Gladney",
|
||||||
|
title: "Founder & COO",
|
||||||
|
href: "https://www.linkedin.com/in/dylangladney/",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Trevor Davis",
|
||||||
|
title: "Co-Founder & CFO",
|
||||||
|
href: "https://www.linkedin.com/in/trevor-davis-892642324/",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Braden Eiser",
|
||||||
|
title: "Co-Founder & CTO",
|
||||||
|
href: "https://www.linkedin.com/in/bradeneiser/",
|
||||||
|
},
|
||||||
].map((p) => {
|
].map((p) => {
|
||||||
const unavatar = `https://unavatar.io/${encodeURIComponent(p.href)}`;
|
const unavatar = `https://unavatar.io/${encodeURIComponent(p.href)}`;
|
||||||
const fallback = `https://ui-avatars.com/api/?name=${encodeURIComponent(p.name)}&background=0D8ABC&color=fff&size=256`;
|
const fallback = `https://ui-avatars.com/api/?name=${encodeURIComponent(p.name)}&background=0D8ABC&color=fff&size=256`;
|
||||||
const initials = p.name.split(" ").map((n) => n[0]).join("").toUpperCase();
|
const initials = p.name
|
||||||
|
.split(" ")
|
||||||
|
.map((n) => n[0])
|
||||||
|
.join("")
|
||||||
|
.toUpperCase();
|
||||||
return (
|
return (
|
||||||
<a
|
<a
|
||||||
key={p.name}
|
key={p.name}
|
||||||
|
|
@ -140,13 +160,24 @@ export default function Trust() {
|
||||||
>
|
>
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<Avatar className="h-10 w-10">
|
<Avatar className="h-10 w-10">
|
||||||
<AvatarImage src={unavatar} alt={p.name} onError={(e) => { (e.currentTarget as HTMLImageElement).src = fallback; }} />
|
<AvatarImage
|
||||||
|
src={unavatar}
|
||||||
|
alt={p.name}
|
||||||
|
onError={(e) => {
|
||||||
|
(e.currentTarget as HTMLImageElement).src =
|
||||||
|
fallback;
|
||||||
|
}}
|
||||||
|
/>
|
||||||
<AvatarFallback>{initials}</AvatarFallback>
|
<AvatarFallback>{initials}</AvatarFallback>
|
||||||
</Avatar>
|
</Avatar>
|
||||||
<div>
|
<div>
|
||||||
<div className="font-semibold text-foreground">{p.name}</div>
|
<div className="font-semibold text-foreground">
|
||||||
|
{p.name}
|
||||||
|
</div>
|
||||||
<div className="text-xs">{p.title}</div>
|
<div className="text-xs">{p.title}</div>
|
||||||
<div className="text-xs text-aethex-400 mt-1">LinkedIn ↗</div>
|
<div className="text-xs text-aethex-400 mt-1">
|
||||||
|
LinkedIn ↗
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue