Woodcarving Landing Page – Built with Framer

Jun 10, 2025

Project Overview

This landing page is a design showcase created to highlight the art of woodcarving in a simple, elegant way. The goal was to strike a balance between rustic charm and modern minimalism — creating a warm, professional first impression.

Crafted in Framer, this page lays the groundwork for future expansion into a full-featured website, whether as an online store, artist portfolio, or blog.

Thank you for visiting — your time is truly appreciated.

Warm regards, James

Check it out

Table of Content

import { useForm } from "framer"; import { useEffect } from "react"; export function FormValidator() { const { values, state, setError, setStep, submit } = useForm(); // Regex patterns const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; const phoneRegex = /^\+?[0-9\s\-]{7,15}$/; const validPostcodes = ["10115", "75001", "80331"]; // or fetch from JSON useEffect(() => { if (state === "submit") { const { email, telephone, PLZ } = values; if (!emailRegex.test(email)) { setError("email", "Invalid email"); setStep("error"); return; } if (!phoneRegex.test(telephone)) { setError("phone", "Invalid phone number"); setStep("error"); return; } if (!validPostcodes.includes(PLZ)) { setError("postcode", "Invalid postal code"); setStep("error"); return; } setStep("success"); submit(); // Continue to Zapier } }, [state]); return null; }