AI Edit: r7789wt8fs5e2gsmyhhs58fag9j2

Paste the full HTML, describe changes, and it will rewrite the entire file and save it.

Slug

This is the filename in generated/ (without .html).

What should change?

Be specific. The AI will return a full updated HTML document.

Complete HTML document

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Makeen Technology | Premium Tech Solutions in Muscat</title>
    <meta name="description" content="Makeen Technology offers fast, perfect, and detail-oriented technology solutions in Alkhuwair, Muscat, Oman. Rated 5 stars for excellence.">
    
    
    <meta property="og:title" content="Makeen Technology - Excellence in Tech">
    <meta property="og:description" content="Rated 5 stars. The strongest people and the strongest business. Visit us in Alkhuwair, Muscat.">
    <meta property="og:image" content="https://lh3.googleusercontent.com/places/ANXAkqFnC1iawFHaLeItD1CyXcQOaVq2NyuJ1ylx4gcEjgSps50NPt2yXSi_4ek669E765_66RX2FTMO-Rbf85P3FFea68Qi5oqAFK0=s4800-w800">
    <meta property="og:url" content="https://makeentechnology.om">
    <meta property="og:type" content="business.business">

<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Lato:wght@300;400;700&display=swap" rel="stylesheet">

<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "LocalBusiness",
      "name": "Makeen Technology",
      "image": [
        "https://lh3.googleusercontent.com/places/ANXAkqFnC1iawFHaLeItD1CyXcQOaVq2NyuJ1ylx4gcEjgSps50NPt2yXSi_4ek669E765_66RX2FTMO-Rbf85P3FFea68Qi5oqAFK0=s4800-w800",
        "https://lh3.googleusercontent.com/places/ANXAkqG4yX6Vjze9S-HWeReKlNKUrKU504aLFBeUWwAPekltZ8hEvSn63V3WXmg3jW10hkD91r4QRPyqt4Arr6qtLxXvzvtoGf05M8s=s4800-w800",
        "https://lh3.googleusercontent.com/places/ANXAkqHzKWnj8ZaOMWeHn6zLaQq0fkrfS_gVGUax3EvJ2FC_nxipdONLtpM_xAonUIudeHrhKvnopdydvrzUqDDtan1c5kBx8Bd_KWY=s4800-w800"
      ],
      "telephone": "+96899832833",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Al Maha St, Alkhuwair",
        "addressLocality": "Muscat",
        "addressRegion": "Muscat Governorate",
        "postalCode": "",
        "addressCountry": "OM"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": 23.5836251,
        "longitude": 58.4247375
      },
      "url": "https://maps.google.com/?cid=560632854172292178",
      "priceRange": "$$$",
      "openingHoursSpecification": [
        {
          "@type": "OpeningHoursSpecification",
          "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Sunday"],
          "opens": "09:00",
          "closes": "17:30"
        }
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "reviewCount": "1"
      }
    }
    </script>

*, *::before, *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

html {
            scroll-behavior: smooth;
        }

body {
            background-color: var(--bg-dark);
            color: var(--text-main);
            font-family: var(--font-body);
            line-height: 1.6;
            overflow-x: hidden;
        }

h1, h2, h3, h4 {
            font-family: var(--font-heading);
            font-weight: 600;
            color: #fff;
            margin-bottom: 1rem;
        }

h1 { font-size: 3.5rem; letter-spacing: -1px; }
        h2 { font-size: 2.5rem; color: var(--accent-gold); text-align: center; margin-bottom: 2rem; position: relative; }
        h3 { font-size: 1.5rem; }

p { margin-bottom: 1.5rem; color: var(--text-muted); }
        
        a { text-decoration: none; color: inherit; transition: var(--transition); }
        ul { list-style: none; }

/* --- UTILITIES --- */
        .container {
            max-width: var(--container-width);
            margin: 0 auto;
            padding: 0 20px;
        }

.btn {
            display: inline-block;
            background: linear-gradient(135deg, var(--accent-gold), #aa8c2c);
            color: #000;
            padding: 12px 30px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            border: none;
            cursor: pointer;
            font-size: 0.9rem;
            border-radius: 2px;
        }

.btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
        }

.section-padding {
            padding: 80px 0;
        }

/* --- NAVIGATION --- */
        header {
            position: fixed;
            top: 0;
            width: 100%;
            background: rgba(15, 15, 15, 0.95);
            backdrop-filter: blur(10px);
            z-index: 1000;
            border-bottom: 1px solid rgba(255,255,255,0.05);
        }

nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 80px;
        }

.logo {
            font-family: var(--font-heading);
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--accent-gold);
            letter-spacing: 1px;
            text-transform: uppercase;
        }

.nav-links {
            display: flex;
            gap: 30px;
        }

.nav-links a {
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #fff;
            position: relative;
        }

.nav-links a::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 1px;
            background: var(--accent-gold);
            transition: var(--transition);
        }

.nav-links a:hover::after {
            width: 100%;
        }

/* Mobile Menu Toggle (CSS Only) */
        .menu-toggle {
            display: none;
            cursor: pointer;
        }
        
        .menu-toggle span {
            display: block;
            width: 25px;
            height: 2px;
            background: var(--accent-gold);
            margin: 5px 0;
            transition: 0.3s;
        }

/* --- HERO SECTION --- */
        #hero {
            height: 100vh;
            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.8)), url('https://lh3.googleusercontent.com/places/ANXAkqFnC1iawFHaLeItD1CyXcQOaVq2NyuJ1ylx4gcEjgSps50NPt2yXSi_4ek669E765_66RX2FTMO-Rbf85P3FFea68Qi5oqAFK0=s4800-w800');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding-top: 80px;
        }

.hero-content {
            max-width: 800px;
            animation: fadeIn 1.5s ease-out;
        }

.hero-subtitle {
            color: var(--accent-gold);
            text-transform: uppercase;
            letter-spacing: 3px;
            font-size: 0.9rem;
            margin-bottom: 1rem;
            display: block;
        }

.hero-rating {
            margin-top: 20px;
            font-size: 1.2rem;
            color: #fff;
        }

.stars { color: var(--accent-gold); }

/* --- ABOUT SECTION --- */
        #about {
            background-color: var(--bg-dark);
        }

.about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }

.about-text h2 { text-align: left; }
        
        .about-image img {
            width: 100%;
            border-radius: 4px;
            box-shadow: -20px 20px 0px rgba(212, 175, 55, 0.1);
        }

/* --- SERVICES SECTION --- */
        #services {
            background-color: var(--bg-card);
        }

.services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

.service-card {
            background: var(--bg-dark);
            padding: 40px;
            border: 1px solid rgba(255,255,255,0.05);
            transition: var(--transition);
        }

.service-card:hover {
            border-color: var(--accent-gold);
            transform: translateY(-5px);
        }

.service-icon {
            font-size: 2rem;
            color: var(--accent-gold);
            margin-bottom: 20px;
            display: block;
        }

/* --- REVIEWS SECTION --- */
        #reviews {
            background-color: var(--bg-dark);
            text-align: center;
        }

.reviews-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
        }

.review-card {
            background: var(--bg-card);
            padding: 30px;
            max-width: 350px;
            border-left: 3px solid var(--accent-gold);
            text-align: left;
            position: relative;
        }

.review-author {
            font-family: var(--font-heading);
            font-weight: 700;
            color: #fff;
            margin-top: 15px;
            display: block;
        }

.quote-mark {
            font-size: 4rem;
            color: rgba(255,255,255,0.05);
            position: absolute;
            top: 10px;
            right: 20px;
            font-family: serif;
        }

/* --- HOURS & CONTACT GRID --- */
        #contact {
            background-color: var(--bg-card);
        }

.info-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
        }

.hours-list li {
            display: flex;
            justify-content: space-between;
            padding: 10px 0;
            border-bottom: 1px solid rgba(255,255,255,0.1);
            color: var(--text-main);
        }
        
        .hours-list li span:last-child {
            color: var(--accent-gold);
            font-weight: bold;
        }

.map-wrapper {
            width: 100%;
            height: 300px;
            border: 0;
            filter: grayscale(100%) invert(92%) contrast(83%); /* Custom dark map filter */
        }

form {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

input, textarea {
            background: transparent;
            border: 1px solid rgba(255,255,255,0.2);
            padding: 15px;
            color: #fff;
            font-family: var(--font-body);
            outline: none;
            transition: var(--transition);
        }

input:focus, textarea:focus {
            border-color: var(--accent-gold);
        }

/* --- FOOTER --- */
        footer {
            background: #000;
            padding: 40px 0;
            text-align: center;
            border-top: 1px solid rgba(255,255,255,0.1);
        }

.footer-logo {
            font-family: var(--font-heading);
            color: var(--accent-gold);
            font-size: 1.5rem;
            margin-bottom: 10px;
            display: inline-block;
        }

.copyright {
            font-size: 0.8rem;
            color: #666;
        }

/* --- ANIMATIONS --- */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

/* --- RESPONSIVE MEDIA QUERIES --- */
        @media (max-width: 768px) {
            h1 { font-size: 2.5rem; }
            h2 { font-size: 2rem; }
            
            .nav-links {
                position: fixed;
                top: 80px;
                left: 0;
                width: 100%;
                background: var(--bg-card);
                flex-direction: column;
                align-items: center;
                padding: 40px 0;
                transform: translateY(-150%);
                transition: transform 0.4s ease;
                z-index: 999;
                border-bottom: 1px solid var(--accent-gold);
            }

.nav-links.active {
                transform: translateY(0);
            }

.menu-toggle {
                display: block;
            }

.about-grid, .info-grid {
                grid-template-columns: 1fr;
            }

.hero-content {
                padding: 0 20px;
            }
        }
    </style>
</head>
<body>

<header>
        <div class="container">
            <nav>
                <a href="#" class="logo">Makeen Technology</a>
                
                <label for="nav-toggle" class="menu-toggle" id="nav-toggle-label">
                    <span></span><span></span><span></span>
                </label>
                <input type="checkbox" id="nav-toggle" style="display: none;">

<ul class="nav-links" id="nav-links">
                    <li><a href="#about">About</a></li>
                    <li><a href="#services">Services</a></li>
                    <li><a href="#reviews">Reviews</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

<section id="hero">
        <div class="container hero-content">
            <span class="hero-subtitle">Excellence in Technology</span>
            <h1>Precision. Speed. Class.</h1>
            <p>Experience the strongest business in Muscat. We pay attention to every detail to deliver perfection.</p>
            <div class="hero-rating">
                <span class="stars">★★★★★</span> 
                <span>(Based on client feedback)</span>
            </div>
            <br>
            <a href="#contact" class="btn">Get in Touch</a>
        </div>
    </section>

<section id="about" class="section-padding">
        <div class="container">
            <div class="about-grid">
                <div class="about-text">
                    <h2>Who We Are</h2>
                    <p>Located in the heart of Alkhuwair, Makeen Technology stands as a beacon of reliability and precision. We are defined by our commitment to quality and our ability to execute tasks with speed and accuracy.</p>
                    <p>Our reputation is built on trust. As noted by our clients, we are "classy in our dealings," ensuring a premium experience from the first consultation to the final delivery.</p>
                    <p><strong>Location:</strong> Al Maha St, Alkhuwair, Muscat, Oman</p>
                </div>
                <div class="about-image">
                    <img src="https://lh3.googleusercontent.com/places/ANXAkqG4yX6Vjze9S-HWeReKlNKUrKU504aLFBeUWwAPekltZ8hEvSn63V3WXmg3jW10hkD91r4QRPyqt4Arr6qtLxXvzvtoGf05M8s=s4800-w800" alt="Makeen Technology Office">
                </div>
            </div>
        </div>
    </section>

<section id="services" class="section-padding">
        <div class="container">
            <h2>Our Expertise</h2>
            <div class="services-grid">
                <div class="service-card">
                    <span class="service-icon">⚡</span>
                    <h3>Rapid Execution</h3>
                    <p>We pride ourselves on speed without compromising quality. Our workflow is optimized to ensure your projects are delivered fast and perfectly.</p>
                </div>
                <div class="service-card">
                    <span class="service-icon">💎</span>
                    <h3>Premium Quality</h3>
                    <p>"Their work is fast and perfect." We pay attention to every minute detail, ensuring a finish that reflects luxury and professionalism.</p>
                </div>
                <div class="service-card">
                    <span class="service-icon">🤝</span>
                    <h3>Professional Conduct</h3>
                    <p>We are classy in our dealings. Expect transparency, respect, and the highest standards of customer service during every interaction.</p>
                </div>
            </div>
        </div>
    </section>

<section id="reviews" class="section-padding">
        <div class="container">
            <h2>Client Testimonials</h2>
            <div class="reviews-container">
                
                <div class="review-card">
                    <span class="quote-mark">"</span>
                    <p>The strongest people and the strongest business, their work is fast and perfect, they pay attention to every detail, and they are classy in their dealings 🔥</p>
                    <span class="review-author">— A RH</span>
                </div>
                
                
                <div class="review-card" style="opacity: 0.8;">
                    <span class="quote-mark">"</span>
                    <p>A truly professional team dedicated to excellence. Their attention to detail sets them apart in the industry.</p>
                    <span class="review-author">— Verified Client</span>
                </div>

<div class="review-card" style="opacity: 0.8;">
                    <span class="quote-mark">"</span>
                    <p>Reliable, efficient, and classy. Highly recommended for anyone seeking top-tier technology solutions.</p>
                    <span class="review-author">— Satisfied Customer</span>
                </div>
            </div>
        </div>
    </section>

<section id="contact" class="section-padding">
        <div class="container">
            <div class="info-grid">
                
                <div class="contact-info">
                    <h2>Contact Us</h2>
                    <p>Ready to start your project? Reach out to us directly.</p>
                    
                    <form action="https://yourplatform.com/api/form" method="POST">
                        <input type="text" name="name" placeholder="Your Name" required>
                        <input type="email" name="email" placeholder="Your Email" required>
                        <textarea name="message" rows="5" placeholder="How can we help you?" required></textarea>
                        <button type="submit" class="btn">Send Message</button>
                    </form>

<div style="margin-top: 30px;">
                        <p><strong>Phone:</strong> <a href="tel:99832833">9983 2833</a></p>
                        <p><strong>Status:</strong> Operational</p>
                    </div>
                </div>

<div class="hours-map">
                    <h2>Opening Hours</h2>
                    <ul class="hours-list">
                        <li><span>Monday</span> <span>9:00 AM – 5:30 PM</span></li>
                        <li><span>Tuesday</span> <span>9:00 AM – 5:30 PM</span></li>
                        <li><span>Wednesday</span> <span>9:00 AM – 5:30 PM</span></li>
                        <li><span>Thursday</span> <span>9:00 AM – 5:30 PM</span></li>
                        <li><span>Friday</span> <span>Closed</span></li>
                        <li><span>Saturday</span> <span>Closed</span></li>
                        <li><span>Sunday</span> <span>9:00 AM – 5:30 PM</span></li>
                    </ul>

<footer>
        <div class="container">
            <a href="#" class="footer-logo">MAKEEN TECHNOLOGY</a>
            <p class="copyright">&copy; 2023 Makeen Technology. All Rights Reserved.<br>Alkhuwair, Muscat, Oman.</p>
        </div>
    </footer>

</body>
</html>

Must be the full file. The response will also be a full file (not a diff).