Next-Generation Web Design That Actually Converts

import { NextRequest, NextResponse } from 'next/server' import { prisma } from '@/lib/prisma' import { z } from 'zod' import { ratelimit } from '@/lib/ratelimit' import { sendEmail } from '@/lib/email' const schema = z.object({ name: z.string().min(2).max(100), email: z.string().email(), phone: z.string().optional(), company: z.string().optional(), message: z.string().min(10).max(1000), service: z.enum(['web-design', 'ecommerce', 'seo', 'ppc']), budget: z.enum(['5k', '10k', '25k', '50k+']).optional(), timeline: z.string().optional() }) export async function POST(req: NextRequest) { const ip = req.headers.get('x-forwarded-for') || 'unknown' const { success } = await ratelimit.limit(ip) if (!success) { return NextResponse.json( { error: 'Too many requests' }, { status: 429 } ) } try { const body = await req.json() const validated = schema.parse(body) // Check for spam if (await isSpam(validated.message)) { return NextResponse.json( { error: 'Message flagged as spam' }, { status: 400 } ) } const contact = await prisma.contact.create({ data: { ...validated, ip, userAgent: req.headers.get('user-agent'), source: req.headers.get('referer') } }) // Send notifications await Promise.all([ sendEmail({ to: process.env.ADMIN_EMAIL, subject: 'New Contact Form Submission', template: 'admin-notification', data: contact }), sendEmail({ to: validated.email, subject: 'Thanks for contacting Pink Frog Studio', template: 'user-confirmation', data: { name: validated.name } }) ]) return NextResponse.json({ success: true, id: contact.id }) } catch (error) { console.error('Contact form error:', error) if (error instanceof z.ZodError) { return NextResponse.json( { error: 'Validation failed', issues: error.issues }, { status: 400 } ) } return NextResponse.json( { error: 'Internal server error' }, { status: 500 } ) } }