Create an interface related to the SEO brief interface where someone can access pre made SEO brief templates they can choose from such as:
And they can also create their own custom brief template
They should also be able to duplicate a pre made template and then modify that one
Now let me read the existing layout and globals.css to understand the current setup:
Now I'll create the SEO brief template interface with a dark theme inspired by the design brief. Let me update the globals.css for the dark theme and create the components:
Now let me update the layout metadata to be more relevant:
I've created a complete SEO brief template interface with a sleek dark theme. The interface includes:
Add the option so that I can open up the template and see how it's structured
It should show all things such as on page SEO data, headings sections and internal link suggestions
The brief should a template where for example the H1 template shows:
Best "Keyword" In "Current Year" (Reviewed) - "Brand Name"
Now I'll create a detailed template preview component and update the data structure to include on-page SEO, headings with template variables, and internal link suggestions:
Now let me update the template card to include a "View" option and update the seo-templates.tsx with the full template data structure:
Now let me update the seo-templates.tsx with the full template structure including on-page SEO, headings, and internal links:
I've added the ability to view template structures with comprehensive SEO data. Now you can click "View Structure" from the dropdown menu on any template card to see:
{Keyword}, {Current Year}, {Brand Name}, {Product Name} shown as highlighted chips, plus descriptions explaining each heading's purposeThe template variables are displayed as highlighted badges to make them easy to identify. For example, the "Best X" template H1 shows: Best {Keyword} in {Current Year} (Reviewed) - {Brand Name} with each variable highlighted.