mirror of
https://github.com/katanemo/plano.git
synced 2026-06-17 15:25:17 +02:00
format with biome
This commit is contained in:
Musa
parent
55aef2813a
commit
6a9fc6a24f
5 changed files with 258 additions and 173 deletions
|
|
@ -1,10 +1,10 @@
|
|||
import { Resend } from 'resend';
|
||||
import { NextResponse } from 'next/server';
|
||||
import { Resend } from "resend";
|
||||
import { NextResponse } from "next/server";
|
||||
|
||||
function getResendClient() {
|
||||
const apiKey = process.env.RESEND_API_KEY;
|
||||
if (!apiKey) {
|
||||
throw new Error('RESEND_API_KEY environment variable is not set');
|
||||
throw new Error("RESEND_API_KEY environment variable is not set");
|
||||
}
|
||||
return new Resend(apiKey);
|
||||
}
|
||||
|
|
@ -17,18 +17,24 @@ interface ContactPayload {
|
|||
lookingFor: string;
|
||||
}
|
||||
|
||||
function buildProperties(company?: string, lookingFor?: string): Record<string, string> | undefined {
|
||||
function buildProperties(
|
||||
company?: string,
|
||||
lookingFor?: string,
|
||||
): Record<string, string> | undefined {
|
||||
const properties: Record<string, string> = {};
|
||||
if (company) properties.company_name = company;
|
||||
if (lookingFor) properties.looking_for = lookingFor;
|
||||
return Object.keys(properties).length > 0 ? properties : undefined;
|
||||
}
|
||||
|
||||
function isDuplicateError(error: { message?: string; statusCode?: number | null }): boolean {
|
||||
const errorMessage = error.message?.toLowerCase() || '';
|
||||
function isDuplicateError(error: {
|
||||
message?: string;
|
||||
statusCode?: number | null;
|
||||
}): boolean {
|
||||
const errorMessage = error.message?.toLowerCase() || "";
|
||||
return (
|
||||
errorMessage.includes('already exists') ||
|
||||
errorMessage.includes('duplicate') ||
|
||||
errorMessage.includes("already exists") ||
|
||||
errorMessage.includes("duplicate") ||
|
||||
error.statusCode === 409
|
||||
);
|
||||
}
|
||||
|
|
@ -38,7 +44,7 @@ function createContactPayload(
|
|||
firstName: string,
|
||||
lastName: string,
|
||||
company?: string,
|
||||
lookingFor?: string
|
||||
lookingFor?: string,
|
||||
) {
|
||||
const properties = buildProperties(company, lookingFor);
|
||||
return {
|
||||
|
|
@ -53,50 +59,56 @@ function createContactPayload(
|
|||
export async function POST(req: Request) {
|
||||
try {
|
||||
const body = await req.json();
|
||||
const { firstName, lastName, email, company, lookingFor }: ContactPayload = body;
|
||||
const { firstName, lastName, email, company, lookingFor }: ContactPayload =
|
||||
body;
|
||||
|
||||
if (!email || !firstName || !lastName || !lookingFor) {
|
||||
return NextResponse.json(
|
||||
{ error: 'Missing required fields' },
|
||||
{ status: 400 }
|
||||
{ error: "Missing required fields" },
|
||||
{ status: 400 },
|
||||
);
|
||||
}
|
||||
|
||||
const contactPayload = createContactPayload(email, firstName, lastName, company, lookingFor);
|
||||
const contactPayload = createContactPayload(
|
||||
email,
|
||||
firstName,
|
||||
lastName,
|
||||
company,
|
||||
lookingFor,
|
||||
);
|
||||
const resend = getResendClient();
|
||||
|
||||
const { data, error } = await resend.contacts.create(contactPayload);
|
||||
|
||||
if (error) {
|
||||
if (isDuplicateError(error)) {
|
||||
const { data: updateData, error: updateError } = await resend.contacts.update(
|
||||
contactPayload
|
||||
);
|
||||
const { data: updateData, error: updateError } =
|
||||
await resend.contacts.update(contactPayload);
|
||||
|
||||
if (updateError) {
|
||||
console.error('Resend update error:', updateError);
|
||||
console.error("Resend update error:", updateError);
|
||||
return NextResponse.json(
|
||||
{ error: updateError.message || 'Failed to update contact' },
|
||||
{ status: 500 }
|
||||
{ error: updateError.message || "Failed to update contact" },
|
||||
{ status: 500 },
|
||||
);
|
||||
}
|
||||
|
||||
return NextResponse.json({ success: true, data: updateData });
|
||||
}
|
||||
|
||||
console.error('Resend create error:', error);
|
||||
console.error("Resend create error:", error);
|
||||
return NextResponse.json(
|
||||
{ error: error.message || 'Failed to create contact' },
|
||||
{ status: error.statusCode || 500 }
|
||||
{ error: error.message || "Failed to create contact" },
|
||||
{ status: error.statusCode || 500 },
|
||||
);
|
||||
}
|
||||
|
||||
return NextResponse.json({ success: true, data });
|
||||
} catch (error) {
|
||||
console.error('Unexpected error:', error);
|
||||
console.error("Unexpected error:", error);
|
||||
return NextResponse.json(
|
||||
{ error: error instanceof Error ? error.message : 'Unknown error' },
|
||||
{ status: 500 }
|
||||
{ error: error instanceof Error ? error.message : "Unknown error" },
|
||||
{ status: 500 },
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,10 +13,14 @@ export default function ContactPageClient() {
|
|||
lookingFor: "",
|
||||
message: "",
|
||||
});
|
||||
const [status, setStatus] = useState<"idle" | "submitting" | "success" | "error">("idle");
|
||||
const [status, setStatus] = useState<
|
||||
"idle" | "submitting" | "success" | "error"
|
||||
>("idle");
|
||||
const [errorMessage, setErrorMessage] = useState("");
|
||||
|
||||
const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
|
||||
const handleChange = (
|
||||
e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
|
||||
) => {
|
||||
const { name, value } = e.target;
|
||||
setFormData((prev) => ({ ...prev, [name]: value }));
|
||||
};
|
||||
|
|
@ -50,7 +54,9 @@ export default function ContactPageClient() {
|
|||
});
|
||||
} catch (error) {
|
||||
setStatus("error");
|
||||
setErrorMessage(error instanceof Error ? error.message : "Failed to submit form");
|
||||
setErrorMessage(
|
||||
error instanceof Error ? error.message : "Failed to submit form",
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -66,7 +72,8 @@ export default function ContactPageClient() {
|
|||
</span>
|
||||
</h1>
|
||||
<p className="text-lg sm:text-xl text-black/60 max-w-2xl text-left font-sans">
|
||||
Whether you're an enterprise looking for a custom solution or a developer building cool agents, we'd love to hear from you.
|
||||
Whether you're an enterprise looking for a custom solution or a
|
||||
developer building cool agents, we'd love to hear from you.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -75,155 +82,214 @@ export default function ContactPageClient() {
|
|||
<section className="pb-24 px-4 sm:px-6 lg:px-8 grow">
|
||||
<div className="max-w-324 mx-auto">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8 items-stretch">
|
||||
|
||||
{/* Left Side: Community (Discord) */}
|
||||
<div className="group relative bg-white rounded-2xl p-8 sm:p-10 flex flex-col justify-between h-full overflow-hidden">
|
||||
{/* Background icon */}
|
||||
<div className="absolute -top-4 -right-4 w-32 h-32 opacity-[0.03] group-hover:opacity-[0.06] transition-opacity duration-300">
|
||||
<MessagesSquare size={128} className="text-blue-600" />
|
||||
</div>
|
||||
{/* Background icon */}
|
||||
<div className="absolute -top-4 -right-4 w-32 h-32 opacity-[0.03] group-hover:opacity-[0.06] transition-opacity duration-300">
|
||||
<MessagesSquare size={128} className="text-blue-600" />
|
||||
</div>
|
||||
|
||||
<div className="relative z-10">
|
||||
<div className="relative z-10 mb-6">
|
||||
<div className="relative z-10">
|
||||
<div className="relative z-10 mb-6">
|
||||
<div className="inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-gray-100/80 backdrop-blur-sm text-gray-700 text-xs font-mono font-bold tracking-wider uppercase mb-6 w-fit border border-gray-200/50">
|
||||
<MessageSquare size={12} className="text-gray-600" />
|
||||
Community
|
||||
</div>
|
||||
<h2 className="text-3xl sm:text-4xl font-semibold tracking-tight text-gray-900">Join Our Discord</h2>
|
||||
</div>
|
||||
<p className="text-base sm:text-lg text-gray-600 mb-8 leading-relaxed max-w-md">
|
||||
Connect with other developers, ask questions, share what you're building, and stay updated on the latest features by joining our Discord server.
|
||||
</p>
|
||||
</div>
|
||||
<h2 className="text-3xl sm:text-4xl font-semibold tracking-tight text-gray-900">
|
||||
Join Our Discord
|
||||
</h2>
|
||||
</div>
|
||||
<p className="text-base sm:text-lg text-gray-600 mb-8 leading-relaxed max-w-md">
|
||||
Connect with other developers, ask questions, share what
|
||||
you're building, and stay updated on the latest features by
|
||||
joining our Discord server.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="relative z-10 mt-auto">
|
||||
<Button asChild>
|
||||
<a href="https://discord.gg/pGZf2gcwEc" target="_blank" rel="noopener noreferrer">
|
||||
<MessageSquare size={18} />
|
||||
Join Discord Server
|
||||
</a>
|
||||
</Button>
|
||||
</div>
|
||||
<div className="relative z-10 mt-auto">
|
||||
<Button asChild>
|
||||
<a
|
||||
href="https://discord.gg/pGZf2gcwEc"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<MessageSquare size={18} />
|
||||
Join Discord Server
|
||||
</a>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Side: Enterprise Contact */}
|
||||
<div className="group relative bg-white rounded-2xl p-8 sm:p-10 h-full overflow-hidden">
|
||||
{/* Subtle background pattern */}
|
||||
<div className="absolute inset-0 bg-[linear-gradient(to_bottom_right,transparent_0%,rgba(0,0,0,0.01)_50%,transparent_100%)] opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
|
||||
{/* Subtle background pattern */}
|
||||
<div className="absolute inset-0 bg-[linear-gradient(to_bottom_right,transparent_0%,rgba(0,0,0,0.01)_50%,transparent_100%)] opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
|
||||
|
||||
{/* Background icon */}
|
||||
<div className="absolute -top-4 -right-4 w-32 h-32 opacity-[0.08]">
|
||||
<Building2 size={128} className="text-gray-400" />
|
||||
</div>
|
||||
{/* Background icon */}
|
||||
<div className="absolute -top-4 -right-4 w-32 h-32 opacity-[0.08]">
|
||||
<Building2 size={128} className="text-gray-400" />
|
||||
</div>
|
||||
|
||||
<div className="relative z-10 mb-8">
|
||||
<div className="inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-gray-100/80 backdrop-blur-sm text-gray-700 text-xs font-mono font-bold tracking-wider uppercase mb-6 w-fit border border-gray-200/50">
|
||||
<Building2 size={12} className="text-gray-600" />
|
||||
Enterprise
|
||||
</div>
|
||||
<h2 className="text-3xl sm:text-4xl font-semibold tracking-tight mb-4 text-gray-900">Contact Us</h2>
|
||||
</div>
|
||||
<div className="relative z-10 mb-8">
|
||||
<div className="inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-gray-100/80 backdrop-blur-sm text-gray-700 text-xs font-mono font-bold tracking-wider uppercase mb-6 w-fit border border-gray-200/50">
|
||||
<Building2 size={12} className="text-gray-600" />
|
||||
Enterprise
|
||||
</div>
|
||||
<h2 className="text-3xl sm:text-4xl font-semibold tracking-tight mb-4 text-gray-900">
|
||||
Contact Us
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div className="relative z-10">
|
||||
{status === "success" ? (
|
||||
<div className="bg-gradient-to-br from-green-50 to-emerald-50/50 rounded-xl p-8 text-center border border-green-200/50 shadow-sm">
|
||||
<div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-green-100 mb-4 mx-auto">
|
||||
<svg className="w-8 h-8 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
</div>
|
||||
<div className="text-green-700 text-xl font-semibold mb-2">Message Sent!</div>
|
||||
<p className="text-gray-600 mb-6 text-sm">Thank you for reaching out. We'll be in touch shortly.</p>
|
||||
<Button variant="outline" onClick={() => setStatus("idle")} className="bg-white border-gray-200 hover:bg-gray-50">
|
||||
Send another message
|
||||
</Button>
|
||||
<div className="relative z-10">
|
||||
{status === "success" ? (
|
||||
<div className="bg-gradient-to-br from-green-50 to-emerald-50/50 rounded-xl p-8 text-center border border-green-200/50 shadow-sm">
|
||||
<div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-green-100 mb-4 mx-auto">
|
||||
<svg
|
||||
className="w-8 h-8 text-green-600"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
d="M5 13l4 4L19 7"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
) : (
|
||||
<form onSubmit={handleSubmit} className="flex flex-col gap-5">
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||
<div className="flex flex-col gap-2">
|
||||
<label htmlFor="firstName" className="text-sm font-medium text-gray-600">First Name</label>
|
||||
<input
|
||||
type="text"
|
||||
id="firstName"
|
||||
name="firstName"
|
||||
required
|
||||
value={formData.firstName}
|
||||
onChange={handleChange}
|
||||
className="flex h-11 w-full rounded-lg border border-gray-200 bg-white px-4 py-2.5 text-sm ring-offset-background placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary/20 focus-visible:border-secondary disabled:cursor-not-allowed disabled:opacity-50 transition-all shadow-sm hover:border-gray-300"
|
||||
placeholder="Steve"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col gap-2">
|
||||
<label htmlFor="lastName" className="text-sm font-medium text-gray-600">Last Name</label>
|
||||
<input
|
||||
type="text"
|
||||
id="lastName"
|
||||
name="lastName"
|
||||
required
|
||||
value={formData.lastName}
|
||||
onChange={handleChange}
|
||||
className="flex h-11 w-full rounded-lg border border-gray-200 bg-white px-4 py-2.5 text-sm ring-offset-background placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary/20 focus-visible:border-secondary disabled:cursor-not-allowed disabled:opacity-50 transition-all shadow-sm hover:border-gray-300"
|
||||
placeholder="Wozniak"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="text-green-700 text-xl font-semibold mb-2">
|
||||
Message Sent!
|
||||
</div>
|
||||
<p className="text-gray-600 mb-6 text-sm">
|
||||
Thank you for reaching out. We'll be in touch shortly.
|
||||
</p>
|
||||
<Button
|
||||
variant="outline"
|
||||
onClick={() => setStatus("idle")}
|
||||
className="bg-white border-gray-200 hover:bg-gray-50"
|
||||
>
|
||||
Send another message
|
||||
</Button>
|
||||
</div>
|
||||
) : (
|
||||
<form onSubmit={handleSubmit} className="flex flex-col gap-5">
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||
<div className="flex flex-col gap-2">
|
||||
<label htmlFor="email" className="text-sm font-medium text-gray-600">Work Email</label>
|
||||
<input
|
||||
type="email"
|
||||
id="email"
|
||||
name="email"
|
||||
required
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
className="flex h-11 w-full rounded-lg border border-gray-200 bg-white px-4 py-2.5 text-sm ring-offset-background placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary/20 focus-visible:border-secondary disabled:cursor-not-allowed disabled:opacity-50 transition-all shadow-sm hover:border-gray-300"
|
||||
placeholder="steve@apple.com"
|
||||
/>
|
||||
<label
|
||||
htmlFor="firstName"
|
||||
className="text-sm font-medium text-gray-600"
|
||||
>
|
||||
First Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
id="firstName"
|
||||
name="firstName"
|
||||
required
|
||||
value={formData.firstName}
|
||||
onChange={handleChange}
|
||||
className="flex h-11 w-full rounded-lg border border-gray-200 bg-white px-4 py-2.5 text-sm ring-offset-background placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary/20 focus-visible:border-secondary disabled:cursor-not-allowed disabled:opacity-50 transition-all shadow-sm hover:border-gray-300"
|
||||
placeholder="Steve"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-2">
|
||||
<label htmlFor="company" className="text-sm font-medium text-gray-600">Company Name</label>
|
||||
<input
|
||||
type="text"
|
||||
id="company"
|
||||
name="company"
|
||||
value={formData.company}
|
||||
onChange={handleChange}
|
||||
className="flex h-11 w-full rounded-lg border border-gray-200 bg-white px-4 py-2.5 text-sm ring-offset-background placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary/20 focus-visible:border-secondary disabled:cursor-not-allowed disabled:opacity-50 transition-all shadow-sm hover:border-gray-300"
|
||||
placeholder="Apple Inc."
|
||||
/>
|
||||
<label
|
||||
htmlFor="lastName"
|
||||
className="text-sm font-medium text-gray-600"
|
||||
>
|
||||
Last Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
id="lastName"
|
||||
name="lastName"
|
||||
required
|
||||
value={formData.lastName}
|
||||
onChange={handleChange}
|
||||
className="flex h-11 w-full rounded-lg border border-gray-200 bg-white px-4 py-2.5 text-sm ring-offset-background placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary/20 focus-visible:border-secondary disabled:cursor-not-allowed disabled:opacity-50 transition-all shadow-sm hover:border-gray-300"
|
||||
placeholder="Wozniak"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-2">
|
||||
<label htmlFor="lookingFor" className="text-sm font-medium text-gray-600">How can we help?</label>
|
||||
<textarea
|
||||
id="lookingFor"
|
||||
name="lookingFor"
|
||||
required
|
||||
value={formData.lookingFor}
|
||||
onChange={handleChange}
|
||||
className="flex min-h-[120px] w-full rounded-lg border border-gray-200 bg-white px-4 py-3 text-sm ring-offset-background placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary/20 focus-visible:border-secondary disabled:cursor-not-allowed disabled:opacity-50 transition-all shadow-sm hover:border-gray-300 resize-none"
|
||||
placeholder="Tell us about your use case, requirements, or questions..."
|
||||
/>
|
||||
<div className="flex flex-col gap-2">
|
||||
<label
|
||||
htmlFor="email"
|
||||
className="text-sm font-medium text-gray-600"
|
||||
>
|
||||
Work Email
|
||||
</label>
|
||||
<input
|
||||
type="email"
|
||||
id="email"
|
||||
name="email"
|
||||
required
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
className="flex h-11 w-full rounded-lg border border-gray-200 bg-white px-4 py-2.5 text-sm ring-offset-background placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary/20 focus-visible:border-secondary disabled:cursor-not-allowed disabled:opacity-50 transition-all shadow-sm hover:border-gray-300"
|
||||
placeholder="steve@apple.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-2">
|
||||
<label
|
||||
htmlFor="company"
|
||||
className="text-sm font-medium text-gray-600"
|
||||
>
|
||||
Company Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
id="company"
|
||||
name="company"
|
||||
value={formData.company}
|
||||
onChange={handleChange}
|
||||
className="flex h-11 w-full rounded-lg border border-gray-200 bg-white px-4 py-2.5 text-sm ring-offset-background placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary/20 focus-visible:border-secondary disabled:cursor-not-allowed disabled:opacity-50 transition-all shadow-sm hover:border-gray-300"
|
||||
placeholder="Apple Inc."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-2">
|
||||
<label
|
||||
htmlFor="lookingFor"
|
||||
className="text-sm font-medium text-gray-600"
|
||||
>
|
||||
How can we help?
|
||||
</label>
|
||||
<textarea
|
||||
id="lookingFor"
|
||||
name="lookingFor"
|
||||
required
|
||||
value={formData.lookingFor}
|
||||
onChange={handleChange}
|
||||
className="flex min-h-[120px] w-full rounded-lg border border-gray-200 bg-white px-4 py-3 text-sm ring-offset-background placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary/20 focus-visible:border-secondary disabled:cursor-not-allowed disabled:opacity-50 transition-all shadow-sm hover:border-gray-300 resize-none"
|
||||
placeholder="Tell us about your use case, requirements, or questions..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
{errorMessage && (
|
||||
<div className="text-red-700 text-sm bg-red-50 p-4 rounded-lg border border-red-200/50 shadow-sm">
|
||||
<div className="font-medium mb-1">Error</div>
|
||||
<div className="text-red-600">{errorMessage}</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{errorMessage && (
|
||||
<div className="text-red-700 text-sm bg-red-50 p-4 rounded-lg border border-red-200/50 shadow-sm">
|
||||
<div className="font-medium mb-1">Error</div>
|
||||
<div className="text-red-600">{errorMessage}</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="mt-1">
|
||||
<Button type="submit" className="w-full" size="lg" disabled={status === "submitting"}>
|
||||
{status === "submitting" ? "Sending..." : "Send Message"}
|
||||
</Button>
|
||||
</div>
|
||||
</form>
|
||||
)}
|
||||
</div>
|
||||
<div className="mt-1">
|
||||
<Button
|
||||
type="submit"
|
||||
className="w-full"
|
||||
size="lg"
|
||||
disabled={status === "submitting"}
|
||||
>
|
||||
{status === "submitting"
|
||||
? "Sending..."
|
||||
: "Send Message"}
|
||||
</Button>
|
||||
</div>
|
||||
</form>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -31,9 +31,13 @@ export function Hero() {
|
|||
</span>
|
||||
<span className="text-xs sm:text-sm font-[600] tracking-[-0.6px]! text-black leading-tight">
|
||||
<span className="hidden sm:inline">
|
||||
Signals: Trace Sampling & Preference Data for Continuous Improvement
|
||||
Signals: Trace Sampling & Preference Data for Continuous
|
||||
Improvement
|
||||
</span>
|
||||
<span className="sm:hidden">
|
||||
Signals: Trace Sampling & Preference Data for Continuous
|
||||
Improvement
|
||||
</span>
|
||||
<span className="sm:hidden">Signals: Trace Sampling & Preference Data for Continuous Improvement</span>
|
||||
</span>
|
||||
</div>
|
||||
</Link>
|
||||
|
|
@ -58,12 +62,20 @@ export function Hero() {
|
|||
{/* CTA Buttons */}
|
||||
<div className="flex flex-col sm:flex-row items-stretch sm:items-start gap-3 sm:gap-4">
|
||||
<Button asChild className="w-full sm:w-auto">
|
||||
<Link href="https://docs.planoai.dev/get_started/quickstart" target="_blank" rel="noopener noreferrer">
|
||||
<Link
|
||||
href="https://docs.planoai.dev/get_started/quickstart"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Get started
|
||||
</Link>
|
||||
</Button>
|
||||
<Button variant="secondary" asChild className="w-full sm:w-auto">
|
||||
<Link href="https://docs.planoai.dev" target="_blank" rel="noopener noreferrer">
|
||||
<Link
|
||||
href="https://docs.planoai.dev"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Documentation
|
||||
</Link>
|
||||
</Button>
|
||||
|
|
|
|||
|
|
@ -33,10 +33,14 @@ export function UnlockPotentialSection({
|
|||
|
||||
<div className="flex flex-col sm:flex-row gap-5">
|
||||
<Button asChild>
|
||||
<Link href="https://docs.planoai.dev/get_started/quickstart">Deploy today</Link>
|
||||
<Link href="https://docs.planoai.dev/get_started/quickstart">
|
||||
Deploy today
|
||||
</Link>
|
||||
</Button>
|
||||
<Button variant="secondaryDark" asChild>
|
||||
<Link href="https://docs.planoai.dev/get_started/quickstart">Documentation</Link>
|
||||
<Link href="https://docs.planoai.dev/get_started/quickstart">
|
||||
Documentation
|
||||
</Link>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -187,12 +187,7 @@ export const pageMetadata = {
|
|||
description:
|
||||
"Get in touch with the Plano team. Join our Discord community or contact us for enterprise solutions for your AI agent infrastructure needs.",
|
||||
pathname: "/contact",
|
||||
keywords: [
|
||||
"contact Plano",
|
||||
"AI support",
|
||||
"enterprise AI",
|
||||
"AI consulting",
|
||||
],
|
||||
keywords: ["contact Plano", "AI support", "enterprise AI", "AI consulting"],
|
||||
}),
|
||||
|
||||
docs: createMetadata({
|
||||
|
|
@ -246,9 +241,7 @@ export function createBlogPostMetadata({
|
|||
locale: "en_US",
|
||||
url: pageUrl,
|
||||
title: title,
|
||||
description:
|
||||
description ||
|
||||
`Read "${title}" on the Plano blog.`,
|
||||
description: description || `Read "${title}" on the Plano blog.`,
|
||||
siteName: siteConfig.name,
|
||||
publishedTime: publishedAt,
|
||||
authors: author ? [author] : undefined,
|
||||
|
|
@ -264,9 +257,7 @@ export function createBlogPostMetadata({
|
|||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: title,
|
||||
description:
|
||||
description ||
|
||||
`Read "${title}" on the Plano blog.`,
|
||||
description: description || `Read "${title}" on the Plano blog.`,
|
||||
images: [ogImage],
|
||||
creator: "@katanemo",
|
||||
},
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue