mirror of
https://github.com/Such-Software/such.software.git
synced 2026-10-17 05:32:05 +02:00
jwinterm
717a3be1c8
- **Architecture**: Initialized Turborepo monorepo with pnpm workspace. - **Frontend**: Scaffolding for Next.js 14 app (apps/web) with Tailwind CSS v4 configuration. - **UI System**: Created shared UI package (@repo/ui) with Shadcn/UI primitives (Card, Button). - **Procedural Design**: - Implemented 'NebulaField' organic background animation for Home. - Implemented 'DataGrid' isometric background for Services. - Added 'DynamicBackground' for theme-aware transitions. - **Features**: - Responsive 'ThemeToggle' with View Transitions API support. - 'PortfolioGrid' component showcasing key projects (r/CryptoCurrency, etc.). - 'FounderSignature' component detailing accessibility focus. - 'ContactForm' with Zod validation + turnstile integration stub. - **Pages**: - Landing page with parallax/procedural visuals. - Services page highlighting Medusa v2 development capabilities. - **Clean Up**: Removed initial Medusa backend scaffold to focus on frontend delivery first.
61 lines
2.5 KiB
TypeScript
61 lines
2.5 KiB
TypeScript
import { DynamicBackground } from "@/components/landing/dynamic-background";
|
|
import { ThemeToggle } from "@/components/theme-toggle";
|
|
import { PortfolioGrid } from "@/components/portfolio/bento-grid";
|
|
import { ContactForm } from "@/components/contact/contact-form";
|
|
import { FounderSignature } from "@/components/about/founder-signature";
|
|
import Link from "next/link";
|
|
import { Button } from "@repo/ui/components/button";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<main className="relative min-h-screen flex flex-col items-center justify-between overflow-hidden bg-background text-foreground transition-colors duration-500">
|
|
|
|
<DynamicBackground />
|
|
|
|
<header className="z-50 w-full max-w-7xl mx-auto flex justify-between items-center p-6">
|
|
<div className="flex items-center gap-6">
|
|
<h1 className="text-2xl font-bold tracking-tighter">Such Software</h1>
|
|
<nav className="hidden md:flex gap-4 text-sm font-medium">
|
|
<Link href="/services" className="hover:text-primary transition-colors">Services</Link>
|
|
<Link href="/about" className="hover:text-primary transition-colors">About</Link>
|
|
</nav>
|
|
</div>
|
|
<ThemeToggle />
|
|
</header>
|
|
|
|
<div className="z-10 w-full max-w-7xl mx-auto flex flex-col items-center pt-20 pb-10 px-4 text-center">
|
|
<h2 className="text-5xl md:text-7xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-emerald-500">
|
|
Digital Craftsmanship
|
|
</h2>
|
|
<p className="max-w-2xl text-xl text-muted-foreground mb-8">
|
|
Next-generation web applications engineered for scale, compliance, and performance.
|
|
</p>
|
|
|
|
<div className="flex gap-4 mb-20">
|
|
<Link href="/services">
|
|
<Button size="lg" className="rounded-full">
|
|
Explore Services
|
|
</Button>
|
|
</Link>
|
|
<Link href="#contact">
|
|
<Button variant="outline" size="lg" className="rounded-full">
|
|
Start a Project
|
|
</Button>
|
|
</Link>
|
|
</div>
|
|
|
|
<div className="grid gap-4 w-full">
|
|
<h3 className="text-3xl font-bold text-left w-full mt-10 mb-6 px-4">Selected Works</h3>
|
|
<PortfolioGrid />
|
|
</div>
|
|
|
|
<FounderSignature />
|
|
|
|
<div id="contact" className="w-full mt-20 mb-10 flex flex-col items-center">
|
|
<h3 className="text-3xl font-bold mb-8">Start a Project</h3>
|
|
<ContactForm />
|
|
</div>
|
|
</div>
|
|
</main>
|
|
);
|
|
} |