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

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

AI Website Builder

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 💰:7.5

i58 💰:18.8

🏆 i67 💰:62.5

🏆 i66 💰:75.0

i65 💰:125.0

i63 💰:62.5

i61 💰:75.0

i60 💰:37.5

i58 💰:62.5

i57 💰:22.5

i57 💰:37.5

i56 💰:45.0

i55 💰:37.5

i54 💰:62.5

i52 💰:35.0

i51 💰:37.5

i49 💰:15.0

i49 💰:62.5

i48 💰:11.3

i44 💰:25.0

i43 💰:37.5

i42 💰:187.5

i40 💰:5.0

i39 💰:100.0

i38 💰:37.5

i37 💰:11.0

i36 💰:187.5

i34 💰:12.5

i33 💰:37.5

i30 💰:1.0

i29 💰:1.5

i28 💰:150.0

i23 💰:20.0

i20 💰:4.0

i18 💰:1.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 Builder

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">
    <meta name="description" content="Delicious Pizza Restaurant - Order Online for Delivery or Pickup.">
    <title>Delicious Pizza Restaurant</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f8f8f8;
            color: #333;
        }
        header {
            background-color: #ff6347;
            color: white;
            padding: 20px 0;
            text-align: center;
        }
        header h1 {
            margin: 0;
            font-size: 2.5em;
        }
        nav {
            background-color: #333;
            overflow: hidden;
        }
        nav a {
            float: left;
            display: block;
            color: white;
            text-align: center;
            padding: 14px 20px;
            text-decoration: none;
        }
        nav a:hover {
            background-color: #ddd;
            color: black;
        }
        .container {
            padding: 20px;
        }
        .hero {
            background: url('https://via.placeholder.com/1500x600') no-repeat center center;
            background-size: cover;
            height: 600px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
        }
        .hero h2 {
            font-size: 3em;
            margin: 0;
        }
        .menu, .contact {
            background-color: white;
            margin: 20px 0;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .menu h2, .contact h2 {
            margin-top: 0;
        }
        .menu img {
            width: 100%;
            max-width: 300px;
            height: auto;
            display: block;
            margin: 0 auto;
        }
        .cta {
            background-color: #ff6347;
            color: white;
            text-align: center;
            padding: 20px;
            margin: 20px 0;
        }
        .cta a {
            color: white;
            text-decoration: none;
            background-color: #333;
            padding: 10px 20px;
            font-size: 1.2em;
            border-radius: 5px;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 10px 0;
        }
        @media (max-width: 768px) {
            .hero {
                height: 400px;
            }
            .hero h2 {
                font-size: 2em;
            }
        }
    </style>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const orderButton = document.getElementById("order-button");
            orderButton.addEventListener("click", function() {
                alert("Redirecting to the ordering page...");
                location.href = "#contact"; // Here you can replace with real order page link.
            });
        });
    </script>
</head>
<body>
    <header>
        <h1>Delicious Pizza Restaurant</h1>
    </header>
    <nav>
        <a href="#menu">Menu</a>
        <a href="#contact">Contact</a>
    </nav>
    <section class="hero">
        <h2>Best Pizza in Town!</h2>
    </section>
    <div class="container">
        <section class="menu" id="menu">
            <h2>Our Menu</h2>
            <img src="https://via.placeholder.com/300" alt="Delicious pizza with toppings">
            <p>Explore our menu with the finest ingredients and delicious flavors. From classic Margherita to Pepperoni and Vegetarian options. There's something for everyone!</p>
        </section>
        <section class="cta">
            <h2>Order Now and Get 20% Off!</h2>
            <a href="#" id="order-button">Order Online</a>
        </section>
        <section class="contact" id="contact">
            <h2>Contact Us</h2>
            <p>Do you have any questions or want to make a reservation? Contact us!</p>
            <p>Email: contact@deliciouspizza.com</p>
            <p>Phone: (123) 456-7890</p>
            <p>Address: 123 Pizza Street, Flavor Town</p>
        </section>
    </div>
    <footer>
        <p>&copy; 2023 Delicious Pizza Restaurant. All rights reserved.</p>
    </footer>
</body>
</html>

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

/// 

This HTML file contains inline CSS and embedded JavaScript, providing a modern, responsive, and high-converting single-page website for a pizza restaurant. The design includes a hero section, menu, call-to-action, and contact information.

Generated Websites

Request another