Overhaul About and Contact pages; add Feed page; update routes and navigation
cgen-c8da938048fe45ad9e9474f0e2f89b7d
This commit is contained in:
Builder.io
parent
ae2c84a91a
commit
a6630895e1
1 changed files with 106 additions and 28 deletions
|
|
@ -1,39 +1,117 @@
|
|||
import Layout from "@/components/Layout";
|
||||
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
|
||||
import { Badge } from "@/components/ui/badge";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Rocket, Cpu, Users, Shield, Zap, GitBranch } from "lucide-react";
|
||||
|
||||
export default function About() {
|
||||
const values = [
|
||||
{ icon: <Shield className="h-5 w-5" />, title: "Integrity", desc: "Transparent processes, honest communication, dependable delivery." },
|
||||
{ icon: <Zap className="h-5 w-5" />, title: "Excellence", desc: "Relentless attention to quality, performance, and user experience." },
|
||||
{ icon: <Users className="h-5 w-5" />, title: "Partnership", desc: "We win with our customers, not at their expense." },
|
||||
];
|
||||
|
||||
const capabilities = [
|
||||
{ title: "Product Engineering", points: ["Web & Mobile Apps", "Realtime & AI Systems", "3D & Game Experiences"] },
|
||||
{ title: "Platform & Infra", points: ["Cloud-native Architecture", "DevOps & Observability", "Security & Compliance"] },
|
||||
{ title: "Advisory & Enablement", points: ["Technical Strategy", "Codebase Modernization", "Team Upskilling"] },
|
||||
];
|
||||
|
||||
const milestones = [
|
||||
{ kpi: "99.9%", label: "Uptime targets" },
|
||||
{ kpi: "10x", label: "Perf improvements" },
|
||||
{ kpi: "50+", label: "Projects shipped" },
|
||||
{ kpi: "<30d", label: "MVP timelines" },
|
||||
];
|
||||
|
||||
return (
|
||||
<Layout>
|
||||
<div className="min-h-screen bg-aethex-gradient py-12">
|
||||
<div className="container mx-auto px-4 max-w-4xl space-y-8">
|
||||
<h1 className="text-3xl font-bold text-gradient-purple">
|
||||
About AeThex
|
||||
</h1>
|
||||
<p className="text-muted-foreground">
|
||||
AeThex crafts digital realities through cutting-edge engineering and
|
||||
design. Our team builds products, tools, and experiences that
|
||||
empower developers, creators, and organizations.
|
||||
</p>
|
||||
<section className="grid md:grid-cols-3 gap-6">
|
||||
<div className="p-6 rounded-xl bg-card/50 border border-border/50">
|
||||
<h2 className="font-semibold mb-2">Mission</h2>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Deliver world-class software that turns bold ideas into reality.
|
||||
<div className="container mx-auto px-4 max-w-6xl space-y-10">
|
||||
<div className="grid md:grid-cols-2 gap-8 items-start">
|
||||
<div className="space-y-4">
|
||||
<h1 className="text-4xl font-bold text-gradient-purple">About AeThex</h1>
|
||||
<p className="text-muted-foreground text-lg">
|
||||
We craft reliable, scalable software—shipping fast without compromising quality. From prototypes to global platforms, we partner end-to-end: strategy, design, engineering, and growth.
|
||||
</p>
|
||||
<div className="flex flex-wrap gap-2">
|
||||
<Badge variant="outline">TypeScript</Badge>
|
||||
<Badge variant="outline">React</Badge>
|
||||
<Badge variant="outline">Node</Badge>
|
||||
<Badge variant="outline">Supabase</Badge>
|
||||
<Badge variant="outline">Edge</Badge>
|
||||
</div>
|
||||
<div className="flex gap-3 pt-2">
|
||||
<Button asChild><a href="/contact">Start a project</a></Button>
|
||||
<Button asChild variant="outline"><a href="/dashboard">Explore dashboard</a></Button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="p-6 rounded-xl bg-card/50 border border-border/50">
|
||||
<h2 className="font-semibold mb-2">What we do</h2>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Apps, platforms, research, and consulting across web, game, and
|
||||
AI.
|
||||
</p>
|
||||
</div>
|
||||
<div className="p-6 rounded-xl bg-card/50 border border-border/50">
|
||||
<h2 className="font-semibold mb-2">Values</h2>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Quality, transparency, long-term partnerships.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<Card className="bg-card/50 border-border/50">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2"><Rocket className="h-5 w-5" /> Mission</CardTitle>
|
||||
<CardDescription>Turn bold ideas into useful, loved software.</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="grid sm:grid-cols-2 gap-4">
|
||||
{capabilities.map((c) => (
|
||||
<div key={c.title}>
|
||||
<div className="font-medium mb-1">{c.title}</div>
|
||||
<ul className="text-sm text-muted-foreground list-disc list-inside space-y-1">
|
||||
{c.points.map((p) => (<li key={p}>{p}</li>))}
|
||||
</ul>
|
||||
</div>
|
||||
))}
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
<div className="grid md:grid-cols-4 gap-4">
|
||||
{milestones.map((m) => (
|
||||
<Card key={m.label} className="bg-card/50 border-border/50 text-center">
|
||||
<CardContent className="p-6">
|
||||
<div className="text-3xl font-bold text-gradient">{m.kpi}</div>
|
||||
<div className="text-sm text-muted-foreground mt-1">{m.label}</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<Card className="bg-card/50 border-border/50">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2"><Cpu className="h-5 w-5" /> Our Approach</CardTitle>
|
||||
<CardDescription>Opinionated engineering, measurable outcomes.</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="grid md:grid-cols-3 gap-6">
|
||||
{values.map((v) => (
|
||||
<div key={v.title} className="p-4 rounded-lg border border-border/50">
|
||||
<div className="flex items-center gap-2 font-semibold">{v.icon}{v.title}</div>
|
||||
<p className="text-sm text-muted-foreground mt-1">{v.desc}</p>
|
||||
</div>
|
||||
))}
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
<Card className="bg-card/50 border-border/50">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2"><GitBranch className="h-5 w-5" /> Timeline</CardTitle>
|
||||
<CardDescription>Highlights from recent builds and launches.</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4">
|
||||
<div className="flex items-start gap-3">
|
||||
<div className="h-2 w-2 rounded-full bg-aethex-400 mt-2" />
|
||||
<div>
|
||||
<div className="font-medium">2024 • Network + Dashboard</div>
|
||||
<div className="text-sm text-muted-foreground">Shipped a creator-centric dashboard and social graph foundations.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex items-start gap-3">
|
||||
<div className="h-2 w-2 rounded-full bg-aethex-400 mt-2" />
|
||||
<div>
|
||||
<div className="font-medium">2025 • Realtime Feed</div>
|
||||
<div className="text-sm text-muted-foreground">Vertical feed with follow, reactions, and frictionless profile onboarding.</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
|
|
|
|||
Loading…
Reference in a new issue