Save time building landing pages and articles. Ask AI to output html, css, and javascript according to your specifications.

AI Website Builder. Powered by a state-of-the-art AI models.

AI Website Wizard

Advanced

Improve Claude's intelligence score from 49 to 57

Enable Claude extended thinking

Set a limit on the number of tokens Claude can use for extended thinking. Claude is unlikely to use more than 30,000 even if you set this higher.

Claude thinking budget (in tokens)

AI model

i47 💰:2.0

i57 💰:36.0

🏆 i65 💰:100.0

i63 💰:50.0

i61 💰:75.0

i30 💰:1.0

i58 💰:50.0

i54 💰:50.0

i56 💰:48.0

i48 💰:11.25

i55 💰:37.5

i52 💰:35.0

i40 💰:5.0

i49 💰:50.0

i51 💰:30.0

i43 💰:37.5

i34 💰:10.0

i44 💰:25.0

i18 💰:1.0

i29 💰:1.5

i38 💰:37.5

i33 💰:37.5

i42 💰:187.5

i36 💰:187.5

i37 💰:11.0

i39 💰:100.0

i28 💰:150.0

i20 💰:4.0

i23 💰:20.0

i16 💰:25.0

i13 💰:1.5

Generate privately

Your website request

Tip: Switch to high for best results. It will use more tokens thinking.

Reasoning effort

Simple questions

Intelligence: +2

Intelligence: +3

Upload a screenshot of a website you like. The AI will try to match the style.

Reference website image

System Message

Website Wizard

Generated Websites

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content...

Answers to: Create a one-page high-converting website in html for a pizza restaurant.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Delicious Pizza - Your Favorite Pizza Restaurant</title>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            font-family: 'Arial, sans-serif';
            background-color: #f8f8f8;
            color: #333;
        }
        header {
            background-color: #d32f2f;
            color: white;
            padding: 15px;
            text-align: center;
        }
        nav {
            display: flex;
            justify-content: space-around;
            padding: 15px;
            background-color: #444;
        }
        nav a {
            color: white;
            text-decoration: none;
            padding: 10px 20px;
        }
        nav a:hover {
            background-color: #d32f2f;
            border-radius: 4px;
        }
        .hero {
            background: url('https://example.com/hero-image.jpg') no-repeat center center/cover;
            height: 400px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .hero h1 {
            font-size: 3rem;
            margin: 0;
        }
        .content-section {
            padding: 20px;
            text-align: center;
        }
        .menu {
            background-color: white;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }
        .menu h2 {
            margin-top: 0;
        }
        .menu-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 5px;
            border-bottom: 1px solid #ddd;
        }
        .menu-item:last-child {
            border-bottom: none;
        }
        .menu-item span {
            font-weight: bold;
        }
        .order-now {
            border: none;
            padding: 10px 25px;
            background-color: #d32f2f;
            color: white;
            font-size: 1rem;
            cursor: pointer;
            border-radius: 4px;
            margin-top: 20px;
        }
        .order-now:hover {
            background-color: #ab2a1c;
        }
        footer {
            background-color: #444;
            color: white;
            text-align: center;
            padding: 10px 0;
        }
    </style>
</head>
<body>

<header>
    <h1>Delicious Pizza</h1>
    <p>Your favorite pizza restaurant</p>
</header>

<nav>
    <a href="#menu">Menu</a>
    <a href="#order">Order Now</a>
    <a href="#contact">Contact</a>
</nav>

<div class="hero" id="hero">
    <h1>Welcome to Delicious Pizza</h1>
    <p>Serving the best pizza in town since 1990</p>
</div>

<div class="content-section" id="menu">
    <h2>Our Menu</h2>
    <div class="menu">
        <h2>Pizzas</h2>
        <div class="menu-item">
            <span>Margherita</span>
            <span>$12</span>
        </div>
        <div class="menu-item">
            <span>Pepperoni</span>
            <span>$15</span>
        </div>
        <div class="menu-item">
            <span>BBQ Chicken</span>
            <span>$18</span>
        </div>
    </div>
    <div class="menu">
        <h2>Sides</h2>
        <div class="menu-item">
            <span>Garlic Bread</span>
            <span>$5</span>
        </div>
        <div class="menu-item">
            <span>Chicken Wings</span>
            <span>$7</span>
        </div>
    </div>
</div>

<div class="content-section" id="order">
    <h2>Order Now</h2>
    <button class="order-now" onclick="alert('Your order has been placed!')">Place Your Order</button>
</div>

<div class="content-section" id="contact">
    <h2>Contact Us</h2>
    <p>123 Pizza St, Flavor Town, USA</p>
    <p>Phone: (123) 456-7890</p>
    <p>Email: contact@deliciouspizza.com</p>
</div>

<footer>
    <p>&copy; 2023 Delicious Pizza. All rights reserved.</p>
</footer>

</body>
</html>

Create_a_one_page_high_converting_website_in_html_for_a_pizza_restaurant.html

This HTML file creates a one-page website for a pizza restaurant called "Delicious Pizza". The website features a header, navigation, hero section, menu, order section, contact information, and a footer. The page includes inline CSS for styling and a simple JavaScript alert for the order button.

Delicious Pizza - Your Favorite Pizza Restaurant

Generated Websites

Request another