AI Edit: ac3c5e50f7da07b9930f

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chief SEO | Professional Website Promotion & Advertising</title>
    <meta name="description" content="Chief SEO helps businesses grow online with measurable results in SEO, Social Media, and PPC Advertising. Leading team of 30+ professionals.">
    
    
    <meta property="og:title" content="Chief SEO | Professional Website Promotion & Advertising">
    <meta property="og:description" content="We focus on delivering measurable results through SEO, Social Media, and PPC Advertising. Get a proposal today.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://hispotpres.com">
    <meta property="og:image" content="https://via.placeholder.com/1200x630/2563eb/ffffff?text=Chief+SEO">

<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=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "LocalBusiness",
      "name": "Chief SEO",
      "image": "",
      "telephone": "2102102101",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "5776 Lindero Canyon",
        "addressLocality": "",
        "addressRegion": "",
        "postalCode": "",
        "addressCountry": "US"
      },
      "url": "https://hispotpres.com",
      "description": "I'm a Website Promotion & Advertising Consultant, leading a team of 30+ professionals who specialize in helping businesses grow online.",
      "priceRange": "$$"
    }
    </script>

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

html {
            scroll-behavior: smooth;
        }

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

a {
            text-decoration: none;
            color: inherit;
            transition: color 0.2s ease;
        }

ul {
            list-style: none;
        }

img {
            max-width: 100%;
            height: auto;
            display: block;
        }

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

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

.text-center { text-align: center; }
        .text-primary { color: var(--primary-color); }
        
        h1, h2, h3, h4 {
            line-height: 1.2;
            margin-bottom: 1rem;
            color: #111827;
        }

h2 {
            font-size: 2.25rem;
            font-weight: 700;
        }

p {
            margin-bottom: 1.5rem;
            color: var(--text-muted);
        }

.btn {
            display: inline-block;
            padding: 12px 24px;
            background-color: var(--primary-color);
            color: white;
            border-radius: var(--radius);
            font-weight: 600;
            cursor: pointer;
            border: none;
            transition: background-color 0.2s;
        }

.btn:hover {
            background-color: var(--primary-dark);
        }

.btn-outline {
            background-color: transparent;
            border: 2px solid var(--primary-color);
            color: var(--primary-color);
        }

.btn-outline:hover {
            background-color: var(--primary-color);
            color: white;
        }

/* --- HEADER & NAVIGATION --- */
        header {
            position: sticky;
            top: 0;
            z-index: 1000;
            background-color: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid var(--border-color);
            padding: 15px 0;
        }

.nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

.logo {
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--text-main);
            letter-spacing: -0.5px;
        }

.logo span { color: var(--primary-color); }

/* Desktop Nav */
        .desktop-nav {
            display: flex;
            gap: 30px;
        }

.desktop-nav a {
            font-weight: 500;
            font-size: 0.95rem;
            color: var(--text-main);
        }

.desktop-nav a:hover { color: var(--primary-color); }

/* Mobile Checkbox Hack */
        #nav-toggle { display: none; }

.hamburger {
            display: none;
            cursor: pointer;
            font-size: 1.5rem;
            color: var(--text-main);
        }

/* Mobile Drawer */
        .nav-drawer {
            position: fixed;
            top: 0;
            left: 0;
            width: min(280px, 85%);
            height: 100vh;
            background-color: var(--bg-white);
            border-right: 1px solid var(--border-color);
            transform: translateX(-100%);
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 9999;
            padding: 80px 20px 20px 20px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

#nav-toggle:checked ~ .nav-drawer {
            transform: translateX(0);
            box-shadow: 10px 0 30px rgba(0,0,0,0.1);
        }

.drawer-close {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-muted);
        }

.drawer-links {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

.drawer-links a {
            font-size: 1.1rem;
            font-weight: 500;
            padding: 10px 0;
            border-bottom: 1px solid var(--border-color);
        }

/* --- HERO SECTION --- */
        .hero {
            background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
            padding: 100px 0 80px;
            text-align: center;
        }

.hero h1 {
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 1.5rem;
            color: #111827;
        }

.hero-subtitle {
            font-size: 1.25rem;
            max-width: 700px;
            margin: 0 auto 2rem;
            color: var(--text-muted);
        }

.hero-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
        }

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

.about-image {
            background-color: var(--secondary-color);
            border-radius: var(--radius);
            height: 400px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-muted);
            font-weight: 500;
            overflow: hidden;
        }
        
        .about-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

/* --- SERVICES SECTION --- */
        .services {
            background-color: var(--secondary-color);
        }

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

.service-card {
            background: white;
            padding: 40px 30px;
            border-radius: var(--radius);
            box-shadow: var(--shadow-sm);
            transition: transform 0.2s, box-shadow 0.2s;
        }

.service-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow-md);
        }

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

/* --- MENU SECTION --- */
        .menu-section {
            background-color: #fff;
        }

.menu-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 20px;
            margin-top: 40px;
        }

.menu-item {
            border: 1px solid var(--border-color);
            padding: 20px;
            border-radius: var(--radius);
            background: #fdfdfd;
        }

.menu-item h4 {
            font-size: 1.1rem;
            margin-bottom: 5px;
        }

.menu-item .desc {
            font-size: 0.9rem;
            color: var(--text-muted);
        }

/* --- PRICING TABLE --- */
        .pricing-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 40px;
            background: white;
            box-shadow: var(--shadow-sm);
            border-radius: var(--radius);
            overflow: hidden;
        }

.pricing-table th, .pricing-table td {
            padding: 15px 20px;
            text-align: left;
            border-bottom: 1px solid var(--border-color);
        }

.pricing-table th {
            background-color: var(--primary-color);
            color: white;
            font-weight: 600;
        }

.pricing-table tr:last-child td {
            border-bottom: none;
        }

/* --- TEAM SECTION --- */
        .team {
            background-color: var(--secondary-color);
        }
        
        .team-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

.team-member {
            background: white;
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            text-align: center;
        }

.member-img {
            height: 250px;
            background-color: #ddd;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
        }
        
        .member-img img {
             width: 100%;
             height: 100%;
             object-fit: cover;
        }

.member-info {
            padding: 20px;
        }

.member-role {
            font-size: 0.9rem;
            color: var(--primary-color);
            font-weight: 600;
            margin-bottom: 5px;
            display: block;
        }

/* --- TESTIMONIALS --- */
        .testimonials {
            background-color: #fff;
        }
        
        .testimonial-slider {
            display: flex;
            overflow-x: auto;
            gap: 20px;
            padding-bottom: 20px;
            scrollbar-width: none; /* Firefox */
        }
        .testimonial-slider::-webkit-scrollbar { display: none; }

.testimonial-card {
            min-width: 300px;
            background: var(--secondary-color);
            padding: 30px;
            border-radius: var(--radius);
            font-style: italic;
        }

/* --- FAQ SECTION --- */
        .faq {
            background-color: var(--secondary-color);
        }

.accordion-item {
            background: white;
            margin-bottom: 15px;
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
        }

.accordion-header {
            padding: 20px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
        }

.accordion-content {
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding 0.3s ease;
            color: var(--text-muted);
        }

.accordion-item.active .accordion-content {
            padding: 0 20px 20px 20px;
            max-height: 200px; /* Approximate max height */
        }

.accordion-icon {
            transition: transform 0.3s;
        }
        .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
        }

/* --- BLOG SECTION --- */
        .blog-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }

.blog-card {
            border: 1px solid var(--border-color);
            border-radius: var(--radius);
            overflow: hidden;
            transition: transform 0.2s;
        }

.blog-card:hover {
            transform: translateY(-5px);
        }

.blog-img {
            height: 200px;
            background-color: #eee;
        }
        
        .blog-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.blog-content {
            padding: 20px;
        }

.blog-meta {
            font-size: 0.8rem;
            color: var(--text-muted);
            margin-bottom: 10px;
        }

.read-more {
            color: var(--primary-color);
            font-weight: 600;
            font-size: 0.9rem;
        }

/* --- CONTACT SECTION --- */
        .contact {
            background-color: #1f2937;
            color: white;
        }

.contact h2, .contact p {
            color: white;
        }
        
        .contact p { opacity: 0.8; }

.contact-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            margin-top: 50px;
        }

.contact-form input, 
        .contact-form textarea {
            width: 100%;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: var(--radius);
            border: 1px solid #4b5563;
            background-color: #374151;
            color: white;
            font-family: inherit;
        }

.contact-form input::placeholder,
        .contact-form textarea::placeholder {
            color: #9ca3af;
        }

.contact-details div {
            margin-bottom: 20px;
        }

.contact-label {
            display: block;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #9ca3af;
            margin-bottom: 5px;
        }

/* --- FOOTER --- */
        footer {
            background-color: #111827;
            color: #9ca3af;
            padding: 60px 0 20px;
        }

.footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }

.footer-col h4 {
            color: white;
            margin-bottom: 20px;
        }

.footer-col ul li {
            margin-bottom: 10px;
        }

.footer-col a:hover {
            color: white;
        }

.social-icons {
            display: flex;
            gap: 15px;
        }

.social-link {
            width: 40px;
            height: 40px;
            background-color: #374151;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: white;
            transition: background 0.2s;
        }

.social-link:hover {
            background-color: var(--primary-color);
        }

.copyright {
            text-align: center;
            border-top: 1px solid #374151;
            padding-top: 20px;
            font-size: 0.9rem;
        }

/* --- RESPONSIVE MEDIA QUERIES --- */
        @media (max-width: 768px) {
            .desktop-nav { display: none; }
            .hamburger { display: block; }
            
            .hero h1 { font-size: 2.2rem; }
            .hero-subtitle { font-size: 1.1rem; }
            
            .about-grid, .contact-wrapper {
                grid-template-columns: 1fr;
            }
            
            .about-image {
                order: -1; /* Image on top on mobile */
                height: 300px;
            }
        }
    </style>
</head>
<body>

<header>
        <div class="container nav-container">
            <a href="#" class="logo">Chief <span>SEO</span></a>
            
            <input type="checkbox" id="nav-toggle">
            <label for="nav-toggle" class="hamburger">☰</label>
            
            <nav class="desktop-nav">
                <a href="#about">About</a>
                <a href="#services">Services</a>
                <a href="#pricing">Pricing</a>
                <a href="#menu">Menu</a>
                <a href="#contact">Contact</a>
            </nav>

<div class="nav-drawer">
                <label for="nav-toggle" class="drawer-close">✕</label>
                <nav class="drawer-links">
                    <a href="#about">About</a>
                    <a href="#services">Services</a>
                    <a href="#pricing">Pricing</a>
                    <a href="#menu">Menu</a>
                    <a href="#contact">Contact</a>
                </nav>
            </div>
        </div>
    </header>

<section class="hero">
        <div class="container">
            <h1>Chief SEO</h1>
            <p class="hero-subtitle">
                I'm a Website Promotion & Advertising Consultant, leading a team of 30+ professionals who specialize in helping businesses grow online.
            </p>
            <div class="hero-buttons">
                <a href="#contact" class="btn">Get a Proposal</a>
                <a href="#services" class="btn btn-outline">Our Services</a>
            </div>
        </div>
    </section>

<section id="about" class="section-padding">
        <div class="container">
            <div class="about-grid">
                <div class="about-text">
                    <h2>About Us</h2>
                    <p>We focus on delivering measurable results through strategic digital marketing.</p>
                    <p>If you're looking for real results — not just clicks — we'd be glad to send you a short proposal outlining how we can help your business stand out online.</p>
                    <br>
                    <strong>Best regards,</strong><br>
                    <em>The Chief SEO Team</em>
                </div>
                <div class="about-image">
                    
                    <img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Office Team Meeting">
                </div>
            </div>
        </div>
    </section>

<section id="services" class="section-padding services">
        <div class="container">
            <h2 class="text-center">Our Expertise</h2>
            <p class="text-center" style="max-width: 600px; margin: 0 auto;">We provide comprehensive digital solutions tailored to your growth goals.</p>
            
            <div class="services-grid">
                
                <div class="service-card">
                    <div class="service-icon">🔍</div>
                    <h3>SEO Optimization</h3>
                    <p>Getting your website ranked higher on Google to attract more visitors and inquiries organically.</p>
                </div>
                
                <div class="service-card">
                    <div class="service-icon">📱</div>
                    <h3>Social Media Marketing</h3>
                    <p>Creating engaging posts, reels, and ad campaigns across Facebook, Instagram, LinkedIn, and YouTube to build awareness and trust.</p>
                </div>
                
                <div class="service-card">
                    <div class="service-icon">💰</div>
                    <h3>PPC Advertising</h3>
                    <p>Running targeted ad campaigns on Google and social platforms to generate qualified leads and boost your revenue immediately.</p>
                </div>
            </div>
        </div>
    </section>

<section id="pricing" class="section-padding">
        <div class="container">
            <h2 class="text-center">Service Packages</h2>
            <div style="overflow-x:auto;">
                <table class="pricing-table">
                    <thead>
                        <tr>
                            <th>Service</th>
                            <th>Description</th>
                            <th>Investment</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Starter SEO</td>
                            <td>Basic keyword research, on-page optimization, monthly reporting.</td>
                            <td>From $999/mo</td>
                        </tr>
                        <tr>
                            <td>Social Growth</td>
                            <td>Content creation, community management, basic ad setup.</td>
                            <td>From $1,200/mo</td>
                        </tr>
                        <tr>
                            <td>Full PPC Campaign</td>
                            <td>Google Ads & Social Ads management, A/B testing, conversion tracking.</td>
                            <td>From $1,500/mo</td>
                        </tr>
                        <tr>
                            <td>Enterprise Bundle</td>
                            <td>Full suite of SEO, Social, and PPC managed by our senior team.</td>
                            <td>Contact Us</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>

<section id="menu" class="section-padding menu-section">
        <div class="container">
            <h2 class="text-center">Consultation Menu</h2>
            <p class="text-center">What we cover during our initial strategy session.</p>
            
            <div class="menu-grid">
                <div class="menu-item">
                    <h4>Hispotpres.com</h4>
                    <p class="desc">Primary domain focus.</p>
                </div>
                <div class="menu-item">
                    <h4>I'm a Website Promotion & Advertising Consultant</h4>
                    <p class="desc">Core role definition.</p>
                </div>
                <div class="menu-item">
                    <h4>Leading a team of 30+ professionals</h4>
                    <p class="desc">Scale of operations.</p>
                </div>
                <div class="menu-item">
                    <h4>We focus on delivering measurable results through:</h4>
                    <p class="desc">Methodology overview.</p>
                </div>
                <div class="menu-item">
                    <h4>SEO Strategy</h4>
                    <p class="desc">Ranking higher on Google.</p>
                </div>
                <div class="menu-item">
                    <h4>Social Media Management</h4>
                    <p class="desc">Engaging posts and reels.</p>
                </div>
                <div class="menu-item">
                    <h4>Ad Campaigns</h4>
                    <p class="desc">Across FB, IG, LinkedIn, YT.</p>
                </div>
                <div class="menu-item">
                    <h4>Real Results vs Clicks</h4>
                    <p class="desc">Performance philosophy.</p>
                </div>
            </div>
        </div>
    </section>

<section class="section-padding team">
        <div class="container">
            <h2 class="text-center">Meet Our Leadership</h2>
            <div class="team-grid">
                <div class="team-member">
                    <div class="member-img">
                         <img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80" alt="CEO">
                    </div>
                    <div class="member-info">
                        <span class="member-role">Lead Consultant</span>
                        <h4>John Doe</h4>
                    </div>
                </div>
                <div class="team-member">
                    <div class="member-img">
                        <img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80" alt="Marketing Director">
                    </div>
                    <div class="member-info">
                        <span class="member-role">Marketing Director</span>
                        <h4>Jane Smith</h4>
                    </div>
                </div>
                <div class="team-member">
                    <div class="member-img">
                        <img src="https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80" alt="SEO Specialist">
                    </div>
                    <div class="member-info">
                        <span class="member-role">Head of SEO</span>
                        <h4>Mike Johnson</h4>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="section-padding testimonials">
        <div class="container">
            <h2 class="text-center">Client Stories</h2>
            <div class="testimonial-slider">
                <div class="testimonial-card">
                    <p>"Chief SEO helped us double our organic traffic in 3 months. Highly recommended!"</p>
                    <p style="margin-top:15px; font-weight:bold; color:#111;">- Sarah L., Retail Owner</p>
                </div>
                <div class="testimonial-card">
                    <p>"The PPC campaign was incredibly well managed. ROI was positive within week one."</p>
                    <p style="margin-top:15px; font-weight:bold; color:#111;">- Mark T., Tech Startup</p>
                </div>
                 <div class="testimonial-card">
                    <p>"Professional team that understands the local market perfectly."</p>
                    <p style="margin-top:15px; font-weight:bold; color:#111;">- Emily R., Real Estate</p>
                </div>
            </div>
        </div>
    </section>

<section class="section-padding faq">
        <div class="container">
            <h2 class="text-center">Frequently Asked Questions</h2>
            <div style="max-width: 800px; margin: 40px auto;">
                
                <div class="accordion-item">
                    <div class="accordion-header">
                        How long does it take to see SEO results?
                        <span class="accordion-icon">▼</span>
                    </div>
                    <div class="accordion-content">
                        SEO is a long-term strategy. Typically, you can expect to see significant improvements in rankings and traffic within 3 to 6 months of consistent optimization work.
                    </div>
                </div>

<div class="accordion-item">
                    <div class="accordion-header">
                        Do you offer custom proposals?
                        <span class="accordion-icon">▼</span>
                    </div>
                    <div class="accordion-content">
                        Yes! We don't believe in one-size-fits-all. If you're looking for real results, I'd be glad to send you a short proposal outlining how we can help your business stand out online.
                    </div>
                </div>

<div class="accordion-item">
                    <div class="accordion-header">
                        Which platforms do you manage ads on?
                        <span class="accordion-icon">▼</span>
                    </div>
                    <div class="accordion-content">
                        We run targeted ad campaigns on Google Search, Facebook, Instagram, LinkedIn, and YouTube to ensure maximum reach for your budget.
                    </div>
                </div>

</div>
        </div>
    </section>

<section class="section-padding">
        <div class="container">
            <h2 class="text-center">Latest Insights</h2>
            <div class="blog-grid">
                <article class="blog-card">
                    <div class="blog-img">
                        <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="Analytics">
                    </div>
                    <div class="blog-content">
                        <div class="blog-meta">Oct 12, 2023 • SEO</div>
                        <h3>Why Organic Traffic Matters More Than Ever</h3>
                        <p>Understanding the shift in search
behavior can give you an edge over competitors relying solely on paid ads."
                    </p>
                    <a href="#" class="read-more">Read Full Article →</a>
                </div>
            </article>

<article class="blog-card">
                <div class="blog-img">
                    <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="Social Media">
                </div>
                <div class="blog-content">
                    <div class="blog-meta">Sep 28, 2023 • Social Media</div>
                    <h3>The Power of Short-Form Video Content</h3>
                    <p>Reels and TikToks are dominating engagement rates. Here is how we help brands leverage video to build authentic connections with their audience.</p>
                    <a href="#" class="read-more">Read Full Article →</a>
                </div>
            </article>

<article class="blog-card">
                <div class="blog-img">
                    <img src="https://images.unsplash.com/photo-1553877615-30c73a63b4d4?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="Growth Strategy">
                </div>
                <div class="blog-content">
                    <div class="blog-meta">Sep 15, 2023 • Strategy</div>
                    <h3>Scaling Your Business with Paid Ads</h3>
                    <p>When organic growth hits a plateau, PPC can be the fuel you need. Learn about budget allocation and ROI tracking strategies.</p>
                    <a href="#" class="read-more">Read Full Article →</a>
                </div>
            </article>
        </div>
    </section>

<section id="contact" class="section-padding contact">
        <div class="container">
            <h2 class="text-center">Get In Touch</h2>
            <p class="text-center">Ready to grow your business? Send us a message today.</p>

<div class="contact-wrapper">
                <div class="contact-form-wrapper">
                    <form class="contact-form">
                        <input type="text" placeholder="Your Name" required>
                        <input type="email" placeholder="Your Email Address" required>
                        <input type="text" placeholder="Subject">
                        <textarea rows="5" placeholder="Tell us about your project..." required></textarea>
                        <button type="submit" class="btn" style="width: 100%;">Send Message</button>
                    </form>
                </div>

<div class="contact-details">
                    <div>
                        <span class="contact-label">Address</span>
                        <p>5776 Lindero Canyon<br>Beverly Hills, CA 90210</p>
                    </div>
                    <div>
                        <span class="contact-label">Phone</span>
                        <p>+1 (210) 210-2101</p>
                    </div>
                    <div>
                        <span class="contact-label">Email</span>
                        <p>hello@chiefseo.com</p>
                    </div>
                    <div>
                        <span class="contact-label">Hours</span>
                        <p>Mon - Fri: 9:00 AM - 6:00 PM</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

<footer>
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col">
                    <h4>Chief SEO</h4>
                    <p>Professional Website Promotion & Advertising Consultant helping businesses grow online with measurable results.</p>
                </div>
                <div class="footer-col">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="#about">About Us</a></li>
                        <li><a href="#services">Services</a></li>
                        <li><a href="#pricing">Pricing</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Services</h4>
                    <ul>
                        <li><a href="#">SEO Optimization</a></li>
                        <li><a href="#">Social Media Marketing</a></li>
                        <li><a href="#">PPC Advertising</a></li>
                        <li><a href="#">Content Strategy</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Follow Us</h4>
                    <div class="social-icons">
                        <a href="#" class="social-link">F</a>
                        <a href="#" class="social-link">T</a>
                        <a href="#" class="social-link">I</a>
                        <a href="#" class="social-link">L</a>
                    </div>
                </div>
            </div>
            <div class="copyright">
                <p>&copy; 2023 Chief SEO. All rights reserved.</p>
            </div>
        </div>
    </footer>

<script>
        // Mobile Menu Toggle
        const navToggle = document.getElementById('nav-toggle');
        
        // Accordion Logic
        const accordions = document.querySelectorAll('.accordion-header');
        accordions.forEach(acc => {
            acc.addEventListener('click', function() {
                this.parentElement.classList.toggle('active');
            });
        });
    </script>
</body>
</html>

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