98552163a8
Complete frontend implementation with: - Next.js 16 with App Router and TypeScript - Tailwind CSS v4 with custom violet theme - shadcn/ui components with Lucide React icons - Landing page with hero, services, pricing, testimonials, FAQ - Service selection page with toggle - Login/Register pages with social auth UI - Multi-step checkout flow - Client dashboard with stats, projects, support tickets - Billing page with subscription, payment methods, invoices - All mock data and TypeScript types 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
22 lines
660 B
TypeScript
22 lines
660 B
TypeScript
import { ShieldCheck, Clock, CalendarCheck, Headphones } from 'lucide-react'
|
|
|
|
const badges = [
|
|
{ icon: ShieldCheck, text: 'Secure Payment' },
|
|
{ icon: Clock, text: '7-Day Delivery' },
|
|
{ icon: CalendarCheck, text: 'Cancel Anytime' },
|
|
{ icon: Headphones, text: '24/7 Support' },
|
|
]
|
|
|
|
export function TrustBadges() {
|
|
return (
|
|
<div className="flex flex-wrap justify-center gap-8 mt-12">
|
|
{badges.map((badge, index) => (
|
|
<div key={index} className="flex items-center gap-2 text-sm text-muted-foreground">
|
|
<badge.icon className="w-5 h-5 text-primary" />
|
|
<span>{badge.text}</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|