I'll create a Next.js website with Tailwind CSS that replicates the calligraphy font generator site based on the provided image, including the required links with the specified anchor texts.

I've created a Next.js website with Tailwind CSS that replicates the calligraphy font generator site from the provided image. Here's what I've included:

1. A responsive layout with a header containing the logo, navigation menu, and "Try Now" button

2. A main section with:

   • Purple heading "Calligraphy Font Generator"
   • Subtitle "#1 Free Online Tool for Beautiful Calligraphy Fonts"
   • Descriptive paragraph about the tool
   • Feature highlights (50+ Font Styles, Instant Font Copy)
   • Text input field with character counter
   • Preview area showing different calligraphy styles

3. As requested, I've included links to https://calligraphyfontgenerator.org/ with the anchor texts:

   • "calligraphy font generator"
   • "calligraphy generator"
4. The site uses a purple color scheme matching the original design, with responsive styling for different screen sizes.

5. I've implemented a basic interactive functionality where users can:

   • Type text in the input field (with character limit)
   • See the text displayed in different calligraphy styles
   • Copy the styled text to clipboard

The design is clean, modern, and focuses on the core functionality of a calligraphy font generator tool.