MHKMarkedia — High-Performance Digital Agency Platform & Web Architecture

// next.config.ts - Production Asset Optimization & Compression
import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  images: {
    formats: ["image/avif", "image/webp"],
    minimumCacheTTL: 31536000,
    deviceSizes: [640, 750, 828, 1080, 1200, 1920],
  },
  experimental: {
    optimizeCss: true,
    optimizePackageImports: ["lucide-react", "framer-motion"],
  },
  compiler: {
    removeConsole: process.env.NODE_ENV === "production",
  },
};

export default nextConfig;

// src/app/actions/submitLead.ts - Secure Server Action
"use server";
import { z } from "zod";

const leadSchema = z.object({
  fullName: z.string().min(2, "Name must be at least 2 characters").max(100),
  email: z.string().email("Valid business email required"),
  phone: z.string().min(8, "Valid phone number required"),
  serviceInterest: z.string().min(1, "Please select a service"),
  projectBudget: z.string().optional(),
  message: z.string().max(1000).optional(),
  turnstileToken: z.string().min(1, "Security verification failed"),
});

export async function submitLead(formData: FormData) {
  const raw = Object.fromEntries(formData.entries());
  const parsed = leadSchema.safeParse(raw);

  if (!parsed.success) {
    return { success: false, errors: parsed.error.flatten().fieldErrors };
  }

  // 1. Verify Cloudflare Turnstile Cryptographic Token
  const turnstileSecret = process.env.TURNSTILE_SECRET_KEY!;
  const verifyRes = await fetch("https://challenges.cloudflare.com/turnstile/v0/siteverify", {
    method: "POST",
    headers: { "Content-Type": "application/x-www-form-urlencoded" },
    body: new URLSearchParams({
      secret: turnstileSecret,
      response: parsed.data.turnstileToken,
    }),
  });
  const verifyData = await verifyRes.json();
  if (!verifyData.success) {
    return { success: false, message: "Security challenge failed. Please retry." };
  }

  // 2. Dispatch to GoHighLevel CRM Webhook with Attribution Tags
  try {
    await fetch(process.env.GHL_LEAD_WEBHOOK_URL!, {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({
        ...parsed.data,
        source: "MHKMarkedia Web Platform",
        tags: ["Inbound Lead", parsed.data.serviceInterest],
        submittedAt: new Date().toISOString(),
      }),
    });
    return { success: true };
  } catch (err) {
    console.error("CRM Webhook Error:", err);
    return { success: false, message: "Server error. Please contact directly." };
  }
}

// src/components/seo/JsonLdSchema.tsx - Comprehensive Structured Data
export default function JsonLdSchema() {
  const schema = {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "ProfessionalService",
        "@id": "https://mhkmarkedia.com/#organization",
        name: "MHKMarkedia",
        url: "https://mhkmarkedia.com",
        logo: "https://mhkmarkedia.com/images/logo.png",
        telephone: "+966500000000",
        priceRange: "$$$$",
        founder: {
          "@type": "Person",
          name: "M. Hafeez Khan",
          jobTitle: "CEO & Lead Digital Architect",
        },
        areaServed: [
          { "@type": "Country", name: "Saudi Arabia" },
          { "@type": "Country", name: "United Arab Emirates" },
          { "@type": "Country", name: "United States" },
        ],
        hasOfferCatalog: {
          "@type": "OfferCatalog",
          name: "Agency Services",
          itemListElement: [
            { "@type": "Offer", name: "Custom Web Application Development" },
            { "@type": "Offer", name: "High-Speed Headless E-Commerce" },
            { "@type": "Offer", name: "Local SEO & Google Map Pack Dominance" },
          ],
        },
      },
    ],
  };

  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
    />
  );
}