export async function sendContactMessage(previous, formData) {
const text = (key) => String(formData.get(key) ?? "").trim();
const values = {
name: text("name"),
email: text("email"),
services: formData.getAll("services"),
message: text("message"),
};
const errors = {};
if (values.name.length < LIMITS.nameMin) errors.name = "Enter your name.";
if (!EMAIL_PATTERN.test(values.email)) errors.email = "Enter a valid e-mail.";
if (Object.keys(errors).length > 0) {
return { status: "error", errors, values };
}
const webhook = process.env.CONTACT_WEBHOOK_URL;
await fetch(webhook, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ ...values, sentAt: new Date() }),
});
return { status: "success" };
}
export async function sendContactMessage(previous, formData) {
const text = (key) => String(formData.get(key) ?? "").trim();
const values = {
name: text("name"),
email: text("email"),
services: formData.getAll("services"),
message: text("message"),
};
const errors = {};
if (values.name.length < LIMITS.nameMin) errors.name = "Enter your name.";
if (!EMAIL_PATTERN.test(values.email)) errors.email = "Enter a valid e-mail.";
if (Object.keys(errors).length > 0) {
return { status: "error", errors, values };
}
const webhook = process.env.CONTACT_WEBHOOK_URL;
await fetch(webhook, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ ...values, sentAt: new Date() }),
});
return { status: "success" };
}
export async function sendContactMessage(previous, formData) {
const text = (key) => String(formData.get(key) ?? "").trim();
const values = {
name: text("name"),
email: text("email"),
services: formData.getAll("services"),
message: text("message"),
};
const errors = {};
if (values.name.length < LIMITS.nameMin) errors.name = "Enter your name.";
if (!EMAIL_PATTERN.test(values.email)) errors.email = "Enter a valid e-mail.";
if (Object.keys(errors).length > 0) {
return { status: "error", errors, values };
}
const webhook = process.env.CONTACT_WEBHOOK_URL;
await fetch(webhook, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ ...values, sentAt: new Date() }),
});
return { status: "success" };
}
export async function sendContactMessage(previous, formData) {
const text = (key) => String(formData.get(key) ?? "").trim();
const values = {
name: text("name"),
email: text("email"),
services: formData.getAll("services"),
message: text("message"),
};
const errors = {};
if (values.name.length < LIMITS.nameMin) errors.name = "Enter your name.";
if (!EMAIL_PATTERN.test(values.email)) errors.email = "Enter a valid e-mail.";
if (Object.keys(errors).length > 0) {
return { status: "error", errors, values };
}
const webhook = process.env.CONTACT_WEBHOOK_URL;
await fetch(webhook, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ ...values, sentAt: new Date() }),
});
return { status: "success" };
}
export function Hero() {
return (
<section id="top" className="relative overflow-hidden">
<CodeBackdrop />
<h1 className="heading-xl">
<Line>Websites</Line>
<Line>that win</Line>
<Line className="text-brand">customers.</Line>
</h1>
<ButtonLink href="#contact" arrow>
Free quote
</ButtonLink>
</section>
);
}
const nextConfig = {
images: {
formats: ["image/avif", "image/webp"],
qualities: [70, 75, 82],
},
};
export function Hero() {
return (
<section id="top" className="relative overflow-hidden">
<CodeBackdrop />
<h1 className="heading-xl">
<Line>Websites</Line>
<Line>that win</Line>
<Line className="text-brand">customers.</Line>
</h1>
<ButtonLink href="#contact" arrow>
Free quote
</ButtonLink>
</section>
);
}
const nextConfig = {
images: {
formats: ["image/avif", "image/webp"],
qualities: [70, 75, 82],
},
};
export function Hero() {
return (
<section id="top" className="relative overflow-hidden">
<CodeBackdrop />
<h1 className="heading-xl">
<Line>Websites</Line>
<Line>that win</Line>
<Line className="text-brand">customers.</Line>
</h1>
<ButtonLink href="#contact" arrow>
Free quote
</ButtonLink>
</section>
);
}
const nextConfig = {
images: {
formats: ["image/avif", "image/webp"],
qualities: [70, 75, 82],
},
};
export function Hero() {
return (
<section id="top" className="relative overflow-hidden">
<CodeBackdrop />
<h1 className="heading-xl">
<Line>Websites</Line>
<Line>that win</Line>
<Line className="text-brand">customers.</Line>
</h1>
<ButtonLink href="#contact" arrow>
Free quote
</ButtonLink>
</section>
);
}
const nextConfig = {
images: {
formats: ["image/avif", "image/webp"],
qualities: [70, 75, 82],
},
};
@theme {
--color-canvas: #070b18;
--color-blue: #2f5cf0;
--color-cyan: #22d3ee;
--radius-card: 20px;
}
.code-drift {
animation: code-drift 90s linear infinite;
}
export const services = [
{ id: "design", title: "Web design" },
{ id: "development", title: "Web development" },
{ id: "wordpress", title: "WordPress" },
{ id: "redesign", title: "Website redesign" },
{ id: "landing", title: "Landing page" },
{ id: "maintenance", title: "Website care" },
];
useEffect(() => {
const observer = new IntersectionObserver(reveal);
elements.forEach((element) => observer.observe(element));
return () => observer.disconnect();
}, []);
@theme {
--color-canvas: #070b18;
--color-blue: #2f5cf0;
--color-cyan: #22d3ee;
--radius-card: 20px;
}
.code-drift {
animation: code-drift 90s linear infinite;
}
export const services = [
{ id: "design", title: "Web design" },
{ id: "development", title: "Web development" },
{ id: "wordpress", title: "WordPress" },
{ id: "redesign", title: "Website redesign" },
{ id: "landing", title: "Landing page" },
{ id: "maintenance", title: "Website care" },
];
useEffect(() => {
const observer = new IntersectionObserver(reveal);
elements.forEach((element) => observer.observe(element));
return () => observer.disconnect();
}, []);
@theme {
--color-canvas: #070b18;
--color-blue: #2f5cf0;
--color-cyan: #22d3ee;
--radius-card: 20px;
}
.code-drift {
animation: code-drift 90s linear infinite;
}
export const services = [
{ id: "design", title: "Web design" },
{ id: "development", title: "Web development" },
{ id: "wordpress", title: "WordPress" },
{ id: "redesign", title: "Website redesign" },
{ id: "landing", title: "Landing page" },
{ id: "maintenance", title: "Website care" },
];
useEffect(() => {
const observer = new IntersectionObserver(reveal);
elements.forEach((element) => observer.observe(element));
return () => observer.disconnect();
}, []);
@theme {
--color-canvas: #070b18;
--color-blue: #2f5cf0;
--color-cyan: #22d3ee;
--radius-card: 20px;
}
.code-drift {
animation: code-drift 90s linear infinite;
}
export const services = [
{ id: "design", title: "Web design" },
{ id: "development", title: "Web development" },
{ id: "wordpress", title: "WordPress" },
{ id: "redesign", title: "Website redesign" },
{ id: "landing", title: "Landing page" },
{ id: "maintenance", title: "Website care" },
];
useEffect(() => {
const observer = new IntersectionObserver(reveal);
elements.forEach((element) => observer.observe(element));
return () => observer.disconnect();
}, []);
