{% extends "base.html" %} {% block title %}Website Builder - Layout Analysis{% endblock %} {% block content %}

Website Builder

Analyze multiple websites to understand their layout structure for your build

Enter a complete URL including http:// or https://

Layout Analysis Results

No sites analyzed yet

Add a website URL above to start analyzing layouts

Preset Template Structures

Copy these generic template structures for common website types. Click any template to copy to clipboard.

SaaS/Tech Company

Modern software company with feature highlights, pricing tiers, and social proof sections.

Header (Fixed Navigation)
Hero (Product Demo)
Features (3-Column Grid)
Social Proof (Testimonials)
Pricing (3-Tier Table)
Footer (Resources)

E-commerce Store

Online retail layout with product showcase, categories, and shopping features.

Header (Search + Cart)
Hero (Product Carousel)
Categories (Grid Layout)
Featured Products
Brand Story/USP
Footer (Customer Service)

Portfolio/Agency

Creative showcase with portfolio grid, about section, and service offerings.

Header (Minimal Navigation)
Hero (Creative Visual)
Portfolio (Masonry Grid)
About/Skills
Services
Footer (Contact CTA)

Restaurant/Local Business

Local business layout with menu highlights, location info, and contact details.

Header (Contact Info)
Hero (Signature Dish)
About/Story
Menu Highlights
Location/Hours
Footer (Contact)

Blog/Content Site

Content-focused design with article grid, categories, and author information.

Header (Search + Categories)
Hero (Featured Post)
Recent Posts (Grid)
Popular Articles
Categories/Topics
Footer (Newsletter)

Landing Page

Conversion-focused single page with clear value proposition and strong CTAs.

Header (Minimal)
Hero (Value Proposition)
Problem/Solution
Benefits/Features
Social Proof
Footer (Final CTA)
{% endblock %}