SEO Audit

No JSON-LD blocks found on this page.

1803 words · ~8 min read · Flesch Reading Ease 35.6

Fix these in priority order. Copy the list below and work through it, or jump to the Fix with AI tab for a ready-to-paste prompt.

SEO audit — https://musicvideoai.pro/
Score: 82.7% (grade B)
────────────────────────────────────────────────────────────

CRITICAL — fix these first
────────────────────────────────────────
1. HTTP → HTTPS redirect
   Problem: http:// version of the site serves content directly (no redirect to https).
   Why:     Serving both http and https creates duplicate content for Google and lets users land on the insecure version. It's a clear SEO and security negative.
   Fix:     Configure the web server to 301-redirect all http traffic to the https equivalent. In Nginx: add a server{} block on port 80 that does `return 301 https://$host$request_uri;`. In IIS: install the URL Rewrite module and add an HTTP-to-HTTPS rewrite rule. Consider adding a Strict-Transport-Security response header to force future visits over https.

2. www / non-www canonicalisation
   Problem: Both www and non-www versions serve content. The www variant at https://www.musicvideoai.pro/ returns 200 without redirecting.
   Why:     Serving the same site under two different hosts splits your link equity in half and can trigger duplicate-content issues. This is one of the most common self-inflicted SEO wounds.
   Fix:     Pick one canonical host (recommend the one you link from more often) and 301-redirect all traffic from the other to it. In Nginx: add a `server{}` block for the non-canonical host that does `return 301 https://canonical-host$request_uri;`. In IIS: add a URL Rewrite rule.


IMPORTANT
────────────────────────────────────────
3. Open Graph tags
   Problem: 3 of 4 main Open Graph tags present. Missing: og:image.
   Why:     Incomplete OG tags produce inconsistent link previews across platforms.
   Fix:     Add the missing Open Graph tags: og:image

4. Structured data (JSON-LD)
   Problem: No schema.org JSON-LD blocks found.
   Why:     Structured data does two big jobs in 2026: it unlocks Google rich results (FAQ accordions, star ratings, price + availability cards), AND it makes your pages far more likely to be cited by AI-powered answer engines. Google AI Overviews, Perplexity, ChatGPT Search and voice assistants all prefer pages with clean schema because the entities (author, date, product, price) are unambiguously identified.
   Fix:     Add at least a WebPage or Article schema.org JSON-LD block. For product pages add Product + Offer. For how-to content add HowTo. Schema.org/docs/schemas.html lists every type.

   Example:
     <script type="application/ld+json">

     { "@context": "https://schema.org", "@type": "WebPage",

       "name": "Page Title", "url": "https://example.com/" }

     </script>

5. Image alt text
   Problem: 12 of 50 images are missing alt text (24%).
   Why:     Missing alt text fails accessibility and loses ranking value for image search.
   Fix:     Add a descriptive alt attribute to every <img> tag. For decorative images use alt="" (empty).

6. Readability
   Problem: Flesch Reading Ease 36 — hard to read.
   Why:     Difficult-to-read content hurts engagement and can increase bounce rate.
   Fix:     Break up long sentences. Use shorter paragraphs. Replace jargon with plain language where possible.


POLISH
────────────────────────────────────────
7. Security headers
   Problem: Missing 4 of 4 recommended headers: Strict-Transport-Security, X-Content-Type-Options, Referrer-Policy, Content-Security-Policy.
   Why:     Security headers protect users and signal a well-maintained site.
   Fix:     Add the missing headers via your web server or CDN (Cloudflare can add them for free).

Paste this prompt into Claude.ai, ChatGPT, Gemini or any other chatbot. It contains your page's current state and the specific fixes needed, and the AI will hand back the replacement HTML snippets for you to paste into your page.

Paste this into an in-IDE coding agent: Claude Code, Cursor, Windsurf, Copilot Chat, Cline. The prompt assumes filesystem access and tells the agent to locate the right template in your repo and apply the edits directly rather than handing back snippets.

This prompt doesn't send anything to this site; it's just text tailored to your audit. You control which AI sees it.

You are an SEO and HTML expert. I ran an audit on my web page and need you
to give me the exact HTML changes to apply. Don't rewrite the whole page —
only produce the specific head/body snippets I need to add or replace.

## Page being audited

- URL: https://musicvideoai.pro/
- Current <title>: "AI Music Video Generator for Musicians | Music Video AI"
- Current H1: "AI Music Video Generatorfor Musicians"
- Current meta description (153 chars): "Music Video AI is an AI music video generator for musicians. Upload a song, describe the mood, generate beat-synced visuals, and refine your video draft."
- Top content keywords (after stopwords): video, music, song, visual, draft, refine, visuals, beat-synced, mood, track
- Detected language: en
- Page word count: 1803

## Issues to fix (sorted by priority)

### 1. HTTP → HTTPS redirect — CRITICAL

- **What's wrong:** http:// version of the site serves content directly (no redirect to https).
- **Why it matters:** Serving both http and https creates duplicate content for Google and lets users land on the insecure version. It's a clear SEO and security negative.
- **What to fix:** Configure the web server to 301-redirect all http traffic to the https equivalent. In Nginx: add a server{} block on port 80 that does `return 301 https://$host$request_uri;`. In IIS: install the URL Rewrite module and add an HTTP-to-HTTPS rewrite rule. Consider adding a Strict-Transport-Security response header to force future visits over https.

### 2. www / non-www canonicalisation — CRITICAL

- **What's wrong:** Both www and non-www versions serve content. The www variant at https://www.musicvideoai.pro/ returns 200 without redirecting.
- **Why it matters:** Serving the same site under two different hosts splits your link equity in half and can trigger duplicate-content issues. This is one of the most common self-inflicted SEO wounds.
- **What to fix:** Pick one canonical host (recommend the one you link from more often) and 301-redirect all traffic from the other to it. In Nginx: add a `server{}` block for the non-canonical host that does `return 301 https://canonical-host$request_uri;`. In IIS: add a URL Rewrite rule.
- **Current value:** `https://www.musicvideoai.pro/`

### 3. Open Graph tags — IMPORTANT

- **What's wrong:** 3 of 4 main Open Graph tags present. Missing: og:image.
- **Why it matters:** Incomplete OG tags produce inconsistent link previews across platforms.
- **What to fix:** Add the missing Open Graph tags: og:image

### 4. Structured data (JSON-LD) — IMPORTANT

- **What's wrong:** No schema.org JSON-LD blocks found.
- **Why it matters:** Structured data does two big jobs in 2026: it unlocks Google rich results (FAQ accordions, star ratings, price + availability cards), AND it makes your pages far more likely to be cited by AI-powered answer engines. Google AI Overviews, Perplexity, ChatGPT Search and voice assistants all prefer pages with clean schema because the entities (author, date, product, price) are unambiguously identified.
- **What to fix:** Add at least a WebPage or Article schema.org JSON-LD block. For product pages add Product + Offer. For how-to content add HowTo. Schema.org/docs/schemas.html lists every type.

Reference pattern:
```html
<script type="application/ld+json">
{ "@context": "https://schema.org", "@type": "WebPage",
  "name": "Page Title", "url": "https://example.com/" }
</script>
```

### 5. Image alt text — IMPORTANT

- **What's wrong:** 12 of 50 images are missing alt text (24%).
- **Why it matters:** Missing alt text fails accessibility and loses ranking value for image search.
- **What to fix:** Add a descriptive alt attribute to every <img> tag. For decorative images use alt="" (empty).

### 6. Readability — IMPORTANT

- **What's wrong:** Flesch Reading Ease 36 — hard to read.
- **Why it matters:** Difficult-to-read content hurts engagement and can increase bounce rate.
- **What to fix:** Break up long sentences. Use shorter paragraphs. Replace jargon with plain language where possible.

### 7. Security headers — POLISH

- **What's wrong:** Missing 4 of 4 recommended headers: Strict-Transport-Security, X-Content-Type-Options, Referrer-Policy, Content-Security-Policy.
- **Why it matters:** Security headers protect users and signal a well-maintained site.
- **What to fix:** Add the missing headers via your web server or CDN (Cloudflare can add them for free).

## What I need from you

For each issue above, produce the exact HTML I should add to or replace in
the <head> or <body>, tailored to this specific page's topic and language.

Formatting rules:

1. Don't invent content that could mislead users — base replacements on the
   page's existing title, H1 and keywords shown above.
2. For the meta description, aim for 140–160 characters.
3. For titles, aim for 50–60 characters and put the primary keyword near
   the start.
4. Output one code block per fix, labelled with the issue number.
5. If a fix requires more context than shown, ask me one or two specific
   questions rather than guessing.

Do not change the visual design or the body content beyond what's requested.

## HTML output rules — every snippet must follow these

All generated HTML must be strictly valid per the HTML Living Standard. No exceptions —
the changes will be run through a conforming validator.

Document-level:
- DOCTYPE is `<!DOCTYPE html>` exactly — no legacy / XHTML doctypes, no `<?xml …?>` prolog.
- `<html>` has a BCP-47 `lang` attribute (e.g. `lang="en"`, `lang="en-GB"`).
- `<head>` starts with `<meta charset="utf-8">` (within the first 1024 bytes).
- `<head>` contains a non-empty `<title>` and `<meta name="viewport" content="width=device-width, initial-scale=1">`.

Syntax:
- All element and attribute names lowercase.
- Every attribute value wrapped in double quotes — never unquoted, never single-quoted unless the value contains a double quote.
- Void elements (`br hr img input meta link source area base col embed param track wbr`) written without a trailing slash: `<br>`, `<img …>`, `<meta …>` — never `<br />` or `<img … />`.
- Non-void elements must have an explicit closing tag: `<div></div>`, never `<div/>`.
- Boolean attributes written as the bare name: `disabled`, `required`, `readonly`, `checked` — never `disabled="disabled"` or `disabled="false"` (present = true regardless of value).
- `<script>` and `<style>` omit the redundant `type="text/javascript"` / `type="text/css"` — they are the HTML5 defaults.

Accessibility & semantics:
- Every `<img>` has an `alt` attribute. Use descriptive text for content images; `alt=""` for purely decorative ones.
- Every form control (`input` except hidden/submit/reset/button/image, `select`, `textarea`) has a programmatic label: either a wrapping `<label>`, a `<label for="id">` pointing at its id, or an `aria-label`.
- Icon-only buttons / `a[role=button]` have an `aria-label` describing the action.
- Every `id` value is unique on the page. Use classes for styling multiple elements.

Obsolete features — do not use any of the following:
- Elements: `<center>`, `<font>`, `<marquee>`, `<big>`, `<tt>`, `<strike>`, `<acronym>`, `<applet>`, `<basefont>`, `<dir>`, `<frame>`, `<frameset>`, `<noframes>`, `<blink>`. Use CSS or the semantic HTML5 equivalent instead.
- Attributes: `align`, `bgcolor`, `border`, `cellpadding`, `cellspacing`, `valign`, `frameborder`, `marginwidth`, `marginheight`, `nowrap`, `hspace`, `vspace`, `scrolling`. Replace with CSS.

Security:
- Every `<a … target="_blank">` includes `rel="noopener"` (or `rel="noopener noreferrer"`).

Raw HTML returned by the target URL (first 200 KB).

<!DOCTYPE html><html lang="en" class="dark"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/logo.webp" as="image"/><link rel="preload" href="/videos/hero/hero-still.webp" as="image"/><link rel="preload" as="image" href="/imgs/musicvideoai/three-tools/tool-agent.webp"/><link rel="preload" as="image" href="/imgs/musicvideoai/three-tools/tool-workflow.webp"/><link rel="preload" as="image" href="/imgs/musicvideoai/three-tools/tool-editor.webp"/><link rel="preload" href="/imgs/musicvideoai/1.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/how-to-use/2.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/how-to-use/3.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/no-track/01.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/no-track/02.webp" as="image"/><link rel="stylesheet" href="/assets/index-A_OIlJLU.css" data-rsc-css-href="/assets/index-A_OIlJLU.css" data-precedence="vite-rsc/importer-resources"/><link rel="modulepreload" fetchPriority="low" href="/assets/index-BH9YqUeN.js"/><link rel="preload" href="/imgs/musicvideoai/no-track/03.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/no-track/04.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/features-pro/01.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/features-pro/02.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/features-pro/03.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/why/01.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/why/02.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/why/03.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/why/04.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/stills/hero-video-new-agent.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/hero-new-icon/google.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/hero-new-icon/gpt.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/hero-new-icon/kling.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/hero-new-icon/seedance.webp" as="image"/><link rel="modulepreload" href="/assets/layout-segment-context-C9CnNh56.js" crossorigin=""/><link rel="modulepreload" href="/assets/rolldown-runtime-QTnfLwEv.js" crossorigin=""/><link rel="modulepreload" href="/assets/framework-DJH1pfSr.js" crossorigin=""/><link rel="modulepreload" href="/assets/url-utils-BQKFb685.js" crossorigin=""/><link rel="modulepreload" href="/assets/dist-BqFYcBMN.js" crossorigin=""/><link rel="modulepreload" href="/assets/sonner-2KtkNM3b.js" crossorigin=""/><link rel="modulepreload" href="/assets/createLucideIcon-BRWvWrMn.js" crossorigin=""/><link rel="modulepreload" href="/assets/circle-check-B8l71IIG.js" crossorigin=""/><link rel="modulepreload" href="/assets/loader-circle-Cxy4jRlv.js" crossorigin=""/><link rel="modulepreload" href="/assets/dist-Dxtr84wd.js" crossorigin=""/><link rel="modulepreload" href="/assets/google-one-tap-CiYsu76-.js" crossorigin=""/><link rel="modulepreload" href="/assets/client-CGYloieC.js" crossorigin=""/><link rel="preload" href="/imgs/musicvideoai/no-track/05.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/no-track/06.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/features-pro/04.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/features-pro/05.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/features-pro/06.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/features-pro/07.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/testimonies/01.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/testimonies/02.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/testimonies/03.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/testimonies/04.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/testimonies/05.webp" as="image"/><link rel="preload" href="/imgs/musicvideoai/testimonies/06.webp" as="image"/><link rel="modulepreload" href="/assets/NextIntlClientProvider-d9oaY35C.js" crossorigin=""/><link rel="modulepreload" href="/assets/react-DlbkFqaW.js" crossorigin=""/><link rel="modulepreload" href="/assets/header-BrH3y4wM.js" crossorigin=""/><link rel="modulepreload" href="/assets/chevron-down-B1vai0Li.js" crossorigin=""/><link rel="modulepreload" href="/assets/checkin-modal-DLtWNoT1.js" crossorigin=""/><link rel="modulepreload" href="/assets/check-CX-FwU1S.js" crossorigin=""/><link rel="modulepreload" href="/assets/x-ChR1JV_j.js" crossorigin=""/><link rel="modulepreload" href="/assets/navigation-Cu98ych7.js" crossorigin=""/><link rel="modulepreload" href="/assets/BaseLink-CcJudWWb.js" crossorigin=""/><link rel="modulepreload" href="/assets/site-user-menu-eyDmN_-x.js" crossorigin=""/><link rel="modulepreload" href="/assets/avatar-qPhe--E2.js" crossorigin=""/><link rel="modulepreload" href="/assets/useOpenInteractionType-CaLJV2kV.js" crossorigin=""/><link rel="modulepreload" href="/assets/useRenderElement-Btym5x7c.js" crossorigin=""/><link rel="modulepreload" href="/assets/createBaseUIEventDetails-DdksfXS9.js" crossorigin=""/><link rel="modulepreload" href="/assets/utils-DXalBF5w.js" crossorigin=""/><link rel="modulepreload" href="/assets/dropdown-menu-D2I5SviU.js" crossorigin=""/><link rel="modulepreload" href="/assets/getPseudoElementBounds-C0_LaDBk.js" crossorigin=""/><link rel="modulepreload" href="/assets/Separator-DZ0BuU00.js" crossorigin=""/><link rel="modulepreload" href="/assets/chevron-right-DPOXR4xf.js" crossorigin=""/><link rel="modulepreload" href="/assets/log-out-CKl92kLq.js" crossorigin=""/><link rel="modulepreload" href="/assets/settings-DamjlDdL.js" crossorigin=""/><link rel="modulepreload" href="/assets/shield-C9rDKcDX.js" crossorigin=""/><link rel="modulepreload" href="/assets/react-client-CAjdHkmk.js" crossorigin=""/><link rel="modulepreload" href="/assets/three-tools-showcase-DCSPoHFW.js" crossorigin=""/><link rel="modulepreload" href="/assets/arrow-right-Bn5eeNKA.js" crossorigin=""/><link rel="modulepreload" href="/assets/testimonials-body-B5IvpYAn.js" crossorigin=""/><link rel="modulepreload" href="/assets/audio-lines-Br1_WNUo.js" crossorigin=""/><link rel="modulepreload" href="/assets/film-BlYfk1Am.js" crossorigin=""/><link rel="modulepreload" href="/assets/visual-engine-tabs-B-AiH9YW.js" crossorigin=""/><link rel="preload" as="image" href="/imgs/musicvideoai/visual-engine/01.webp"/><link rel="preload" as="image" href="/imgs/musicvideoai/visual-engine/02.webp"/><link rel="preload" as="image" href="/imgs/musicvideoai/visual-engine/03.webp"/><link rel="preload" as="image" href="/imgs/musicvideoai/visual-engine/04.webp"/><link rel="preload" as="image" href="/imgs/musicvideoai/visual-engine/05.webp"/><link rel="preload" as="image" href="/imgs/musicvideoai/visual-engine/06.webp"/><link rel="modulepreload" href="/assets/pricing-beatviz-BXqYqaYx.js" crossorigin=""/><link rel="modulepreload" href="/assets/clapperboard-Cc5YXa8e.js" crossorigin=""/><link rel="modulepreload" href="/assets/user-DAJ7JT2d.js" crossorigin=""/><link rel="modulepreload" href="/assets/faq-beatviz-som3ATyN.js" crossorigin=""/><link rel="modulepreload" href="/assets/plus-C90xxIXa.js" crossorigin=""/><link rel="modulepreload" href="/assets/umami-CQWsdrcQ.js" crossorigin=""/><title>AI Music Video Generator for Musicians | Music Video AI</title><meta name="description" content="Music Video AI is an AI music video generator for musicians. Upload a song, describe the mood, generate beat-synced visuals, and refine your video draft."/><meta property="og:title" content="AI Music Video Generator for Musicians | Music Video AI"/><meta property="og:description" content="Music Video AI is an AI music video generator for musicians. Upload a song, describe the mood, generate beat-synced visuals, and refine your video draft."/><meta property="og:url" content="https://musicvideoai.pro/"/><meta property="og:site_name" content="Music Video AI"/><meta property="og:type" content="website"/><meta property="og:locale" content="en_US"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="AI Music Video Generator for Musicians | Music Video AI"/><meta name="twitter:description" content="Music Video AI is an AI music video generator for musicians. Upload a song, describe the mood, generate beat-synced visuals, and refine your video draft."/><link rel="shortcut icon" href="https://musicvideoai.pro/favicon.png"/><link rel="icon" href="https://musicvideoai.pro/favicon.png"/><link rel="apple-touch-icon" href="https://musicvideoai.pro/apple-touch-icon.png"/><link rel="canonical" href="https://musicvideoai.pro"/><link rel="alternate" hrefLang="en" href="https://musicvideoai.pro"/><link rel="alternate" hrefLang="zh" href="https://musicvideoai.pro/zh"/><link rel="alternate" hrefLang="en" href="https://musicvideoai.pro"/><link rel="alternate" hrefLang="zh" href="https://musicvideoai.pro/zh"/><script>self.__VINEXT_RSC_PARAMS__={"locale":"en"}</script><script>self.__VINEXT_RSC_NAV__={"pathname":"/en","searchParams":[]}</script><link rel="modulepreload" href="/assets/index-BH9YqUeN.js" />
<link rel="preload" href="/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-ff2310f5.woff2" as="font" type="font/woff2" crossorigin />
<link rel="preload" href="/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-875ccdd4.woff2" as="font" type="font/woff2" crossorigin />
<link rel="preload" href="/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-52306abf.woff2" as="font" type="font/woff2" crossorigin />
<link rel="preload" href="/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-001175b1.woff2" as="font" type="font/woff2" crossorigin />
<link rel="preload" href="/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-98bbbccb.woff2" as="font" type="font/woff2" crossorigin />
<style data-vinext-fonts>/* cyrillic-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-ff2310f5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-875ccdd4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-52306abf.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-001175b1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-98bbbccb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-ff2310f5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-875ccdd4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-52306abf.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-001175b1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-98bbbccb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-ff2310f5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-875ccdd4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-52306abf.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-001175b1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-98bbbccb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-ff2310f5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-875ccdd4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-52306abf.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-001175b1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-98bbbccb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-ff2310f5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-875ccdd4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-52306abf.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-001175b1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-98bbbccb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-ff2310f5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-875ccdd4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-52306abf.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-001175b1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/Users/baiwei/Desktop/AI Brain/Website Operations/Website Building/beatviz/.vinext/fonts/geist-227f1fe34a72/geist-98bbbccb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Geist Fallback';
  src: local("Arial");
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.00%;
  size-adjust: 104.76%;
}

.__font_geist_1432zhy { font-family: 'Geist', 'Geist Fallback'; font-style: normal; }

.__variable_geist_1432zhy { --font-sans: 'Geist', 'Geist Fallback'; }
</style>
</head><body class="__variable_geist_1432zhy font-sans antialiased"><script>((e, i, s, u, m, a, l, h) => {
	let d = document.documentElement, w = ["light", "dark"];
	function p(n) {
		(Array.isArray(e) ? e : [e]).forEach((y) => {
			let k = y === "class", S = k && a ? m.map((f) => a[f] || f) : m;
			k ? (d.classList.remove(...S), d.classList.add(a && a[n] ? a[n] : n)) : d.setAttribute(y, n);
		}), R(n);
	}
	function R(n) {
		h && w.includes(n) && (d.style.colorScheme = n);
	}
	function c() {
		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
	}
	if (u) p(u);
	else try {
		let n = localStorage.getItem(i) || s;
		p(l && n === "system" ? c() : n);
	} catch (n) {}
})("class","theme","dark","dark",["light","dark"],null,true,true)</script><div class="min-h-screen flex flex-col bg-background text-foreground"><div class="relative z-50 flex items-center justify-center gap-3 bg-chartreuse px-4 py-2 text-sm text-black"><span class="rounded-md bg-black px-1.5 py-0.5 text-[11px] font-bold tracking-wide text-chartreuse">NEW</span><span class="hidden font-medium sm:inline">Music Video AI music video generator is open for creators</span><a href="/sign-in" class="rounded-full bg-black px-3 py-1 text-xs font-semibold text-white transition hover:bg-black/80">Start free</a></div><header class="sticky top-0 z-40 border-b border-white/5 bg-black/70 backdrop-blur-xl"><nav class="mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6"><a href="/" class="flex items-center gap-3"><img src="/logo.webp" alt="Music Video AI" class="size-12 rounded-2xl object-cover"/><span class="text-gradient-logo text-2xl font-black tracking-normal sm:text-[28px]">Music Video AI</span></a><div class="hidden items-center gap-1 lg:flex"><div class="group relative"><button class="flex items-center gap-1 rounded-full px-3.5 py-2 text-sm text-white/80 transition hover:text-white">Tools<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-3.5 opacity-60 transition group-hover:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="invisible absolute left-0 top-full min-w-52 translate-y-1 rounded-2xl border border-white/10 bg-[#0a0a0a] p-2 opacity-0 shadow-2xl transition-all duration-150 group-hover:visible group-hover:translate-y-0 group-hover:opacity-100"><a href="/agent" class="block rounded-xl px-3 py-2 text-sm text-white/70 transition hover:bg-white/5 hover:text-white">Agent</a><a href="/workflow" class="block rounded-xl px-3 py-2 text-sm text-white/70 transition hover:bg-white/5 hover:text-white">Music Video Studio</a></div></div><a href="#pricing" class="rounded-full px-3.5 py-2 text-sm text-white/80 transition hover:text-white">Pricing</a><a href="/blog" class="rounded-full px-3.5 py-2 text-sm text-white/80 transition hover:text-white">Blog</a></div><div class="flex items-center gap-2 sm:gap-3"><button type="button" class="inline-flex items-center gap-1.5 rounded-full border border-lime/30 bg-lime/10 px-3 py-1.5 text-xs font-semibold text-lime transition hover:bg-lime/20 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gift size-3.5" aria-hidden="true"><rect x="3" y="8" width="18" height="4" rx="1"></rect><path d="M12 8v13"></path><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"></path><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"></path></svg><span class="hidden sm:inline">Check-in</span></button><button type="button" tabindex="0" aria-haspopup="menu" id="base-ui-_R_es2md6_" data-slot="dropdown-menu-trigger" class="inline-flex items-center transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring gap-2 rounded-full border px-4 text-sm h-9 border-white/15 text-white/80 hover:bg-white/5 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe size-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span>English</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 opacity-70" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><a href="/sign-in" class="rounded-full bg-white px-4 py-2 text-sm font-semibold text-black transition hover:bg-white/90">Start Free</a></div></nav></header><section class="relative isolate overflow-hidden bg-[#050505]"><div class="pointer-events-none absolute inset-0 z-0 overflow-hidden" aria-hidden="true"><img src="/videos/hero/hero-still.webp" alt="" class="absolute inset-0 h-full w-full object-cover" draggable="false"/><div class="absolute inset-0 bg-black/55"></div><div class="absolute inset-0 bg-gradient-to-b from-black/40 via-transparent to-black"></div><div class="absolute inset-0 [background:radial-gradient(ellipse_60%_50%_at_50%_40%,transparent_30%,rgba(0,0,0,0.55)_100%)]"></div></div><div class="pointer-events-none absolute inset-0 z-[1] overflow-hidden opacity-40"><div class="absolute bottom-0 left-1/2 h-[150%] w-[340%] -translate-x-1/2 [transform-origin:50%_100%] [transform:perspective(620px)_rotateX(57deg)]" style="background-image:linear-gradient(to right, rgba(180,255,150,0.12) 1px, transparent 1px), linear-gradient(to bottom, rgba(180,255,150,0.12) 1px, transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to top, black 8%, rgba(0,0,0,0.4) 35%, transparent 65%);-webkit-mask-image:linear-gradient(to top, black 8%, rgba(0,0,0,0.4) 35%, transparent 65%)"></div></div><div class="pointer-events-none absolute inset-x-0 bottom-0 z-[1] h-40 bg-gradient-to-b from-transparent to-black"></div><div class="relative z-10 mx-auto flex min-h-[640px] max-w-5xl flex-col items-center justify-center px-4 py-24 text-center sm:py-32"><h1 class="font-sans text-5xl font-black leading-[1.1] tracking-tight sm:text-6xl lg:text-7xl xl:text-[88px] xl:leading-[1.08]"><span class="text-lime">AI Music Video Generator</span><br/><span class="text-white drop-shadow-[0_2px_24px_rgba(0,0,0,0.65)]">for Musicians</span></h1><p class="mt-8 max-w-2xl text-base text-white/70 sm:text-lg">Start with your song, prompt, or visual idea. Music Video AI generates a beat-synced video draft you can refine without a traditional editing workflow.</p><div class="mt-12 flex flex-col items-center justify-center gap-3 sm:flex-row sm:gap-4"><a href="/sign-in" class="glow-lime rounded-full bg-lime px-10 py-3.5 text-base font-semibold text-black transition hover:brightness-105">Generate a Video Draft</a><a href="#how-it-works" class="flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-8 py-3.5 text-sm font-medium text-white/90 backdrop-blur transition hover:bg-white/10">See How It Works</a></div></div></section><section class="relative"><div class="mx-auto max-w-2xl px-4 py-20 lg:hidden"><div><h2 class="text-4xl font-black leading-tight tracking-tight text-white sm:text-5xl">Three ways to refine an AI music video draft.</h2><p class="mt-5 max-w-md text-sm text-white/55 sm:text-base">Upload a song, describe the mood or style, generate a beat-synced video draft, and refine it until it fits the release.</p></div><div class="mt-10 space-y-12"><div><div class="border-l-2 py-4 pl-5 transition-colors border-lime"><div class="text-lg font-semibold transition-colors text-lime">Agent</div><div class="grid transition-all duration-300 mt-3 grid-rows-[1fr] opacity-100"><div class="overflow-hidden"><div class="text-xl font-bold text-white">Your AI music video director</div><p class="mt-2 max-w-md text-sm leading-relaxed text-white/60">Upload your music, guide the AI through conversation, and generate a beat-synced music video concept with scene-by-scene direction.</p><span class="mt-4 inline-flex items-center gap-1 text-sm font-medium text-lime">Try Agent<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></div></div><div class="mt-5 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><img src="/imgs/musicvideoai/three-tools/tool-agent.webp" alt="Your AI music video director" class="w-full"/></div></div><div><div class="border-l-2 py-4 pl-5 transition-colors border-lime"><div class="text-lg font-semibold transition-colors text-lime">Workflow</div><div class="grid transition-all duration-300 mt-3 grid-rows-[1fr] opacity-100"><div class="overflow-hidden"><div class="text-xl font-bold text-white">Step-by-step video creation</div><p class="mt-2 max-w-md text-sm leading-relaxed text-white/60">Turn a song and prompt into structured scenes with guided style, segment, and timeline controls.</p><span class="mt-4 inline-flex items-center gap-1 text-sm font-medium text-lime">Start Creating<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></div></div><div class="mt-5 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><img src="/imgs/musicvideoai/three-tools/tool-workflow.webp" alt="Step-by-step video creation" class="w-full"/></div></div><div><div class="border-l-2 py-4 pl-5 transition-colors border-lime"><div class="text-lg font-semibold transition-colors text-lime">Editor</div><div class="grid transition-all duration-300 mt-3 grid-rows-[1fr] opacity-100"><div class="overflow-hidden"><div class="text-xl font-bold text-white">Full creative control</div><p class="mt-2 max-w-md text-sm leading-relaxed text-white/60">Combine AI-generated clips with timeline editing to adjust pacing, order, and visual details around your track.</p><span class="mt-4 inline-flex items-center gap-1 text-sm font-medium text-lime">Open Editor<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></div></div><div class="mt-5 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><img src="/imgs/musicvideoai/three-tools/tool-editor.webp" alt="Full creative control" class="w-full"/></div></div></div></div><div class="hidden lg:block"><div class="relative" style="height:300vh"><div class="sticky top-0 flex h-screen items-center"><div class="mx-auto grid w-full max-w-7xl grid-cols-2 gap-16 px-6"><div class="flex flex-col justify-center"><div><h2 class="text-4xl font-black leading-tight tracking-tight text-white sm:text-5xl">Three ways to refine an AI music video draft.</h2><p class="mt-5 max-w-md text-sm text-white/55 sm:text-base">Upload a song, describe the mood or style, generate a beat-synced video draft, and refine it until it fits the release.</p></div><div class="mt-10"><button class="block w-full cursor-pointer text-left"><div class="border-l-2 py-4 pl-5 transition-colors border-lime"><div class="text-lg font-semibold transition-colors text-lime">Agent</div><div class="grid transition-all duration-300 mt-3 grid-rows-[1fr] opacity-100"><div class="overflow-hidden"><div class="text-xl font-bold text-white">Your AI music video director</div><p class="mt-2 max-w-md text-sm leading-relaxed text-white/60">Upload your music, guide the AI through conversation, and generate a beat-synced music video concept with scene-by-scene direction.</p><span class="mt-4 inline-flex items-center gap-1 text-sm font-medium text-lime">Try Agent<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></div></div></button><button class="block w-full cursor-pointer text-left"><div class="border-l-2 py-4 pl-5 transition-colors border-white/10"><div class="text-lg font-semibold transition-colors text-white/40">Workflow</div><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><div class="text-xl font-bold text-white">Step-by-step video creation</div><p class="mt-2 max-w-md text-sm leading-relaxed text-white/60">Turn a song and prompt into structured scenes with guided style, segment, and timeline controls.</p><span class="mt-4 inline-flex items-center gap-1 text-sm font-medium text-lime">Start Creating<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></div></div></button><button class="block w-full cursor-pointer text-left"><div class="border-l-2 py-4 pl-5 transition-colors border-white/10"><div class="text-lg font-semibold transition-colors text-white/40">Editor</div><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><div class="text-xl font-bold text-white">Full creative control</div><p class="mt-2 max-w-md text-sm leading-relaxed text-white/60">Combine AI-generated clips with timeline editing to adjust pacing, order, and visual details around your track.</p><span class="mt-4 inline-flex items-center gap-1 text-sm font-medium text-lime">Open Editor<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></div></div></button></div></div><div class="flex items-center"><div class="relative aspect-[16/10] w-full overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] shadow-2xl"><img src="/imgs/musicvideoai/three-tools/tool-agent.webp" alt="Your AI music video director" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-100"/><img src="/imgs/musicvideoai/three-tools/tool-workflow.webp" alt="Step-by-step video creation" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0"/><img src="/imgs/musicvideoai/three-tools/tool-editor.webp" alt="Full creative control" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0"/></div></div></div></div></div></div></section><section class="mx-auto max-w-7xl px-4 py-24 sm:px-6"><div class="text-center"><h2 class="text-3xl font-black tracking-tight text-white sm:text-4xl lg:text-5xl">See what creators say about <span class="text-lime">Music Video AI</span></h2><p class="mt-4 text-sm text-white/55 sm:text-base">A faster workflow for musicians, producers, and creators who need visuals without opening a complex editor.</p></div><div class="group mx-auto mt-14 max-w-4xl overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a]"><div class="relative aspect-video"><img src="/imgs/musicvideoai/testimonials/testimonial-0.webp" alt="Willy Booger" loading="lazy" decoding="async" class="block bg-black object-cover absolute inset-0 h-full w-full"/></div><div class="flex flex-col gap-4 p-6 sm:flex-row sm:items-center sm:justify-between"><p class="text-sm text-white/80 sm:text-base">“<!-- -->I could focus on the song and direction instead of cutting every beat by hand.<!-- -->”</p><div class="flex shrink-0 items-center gap-3"><div class="text-right"><div class="text-sm font-semibold text-white">Willy Booger</div><div class="text-xs text-white/45">128K<!-- --> subscribers</div></div><span class="bg-lime/10 px-2 py-1 text-lime inline-flex shrink-0 items-center gap-1.5 rounded-md text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film size-3.5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg><span>Video Editor</span></span></div></div></div><div class="mt-8 grid gap-5 sm:grid-cols-2 lg:grid-cols-3"><div class="group overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="relative aspect-video"><img src="/imgs/musicvideoai/testimonials/testimonial-1.webp" alt="Get365AI" loading="lazy" decoding="async" class="block bg-black object-cover absolute inset-0 h-full w-full"/></div><div class="p-4"><div class="flex items-center justify-between gap-2"><div class="truncate text-sm font-semibold text-white">Get365AI</div><span class="bg-white/8 px-2 py-0.5 text-white/60 inline-flex shrink-0 items-center gap-1.5 rounded-md text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film size-3.5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg></span></div><div class="mt-1 text-xs text-white/45">574K<!-- --> <!-- -->subs</div></div></div><div class="group overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="relative aspect-video"><img src="/imgs/musicvideoai/testimonials/testimonial-2.webp" alt="AI Zayan" loading="lazy" decoding="async" class="block bg-black object-cover absolute inset-0 h-full w-full"/></div><div class="p-4"><div class="flex items-center justify-between gap-2"><div class="truncate text-sm font-semibold text-white">AI Zayan</div><span class="bg-white/8 px-2 py-0.5 text-white/60 inline-flex shrink-0 items-center gap-1.5 rounded-md text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film size-3.5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg></span></div><div class="mt-1 text-xs text-white/45">475K<!-- --> <!-- -->subs</div></div></div><div class="group overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="relative aspect-video"><img src="/imgs/musicvideoai/testimonials/testimonial-3.webp" alt="AI Picks" loading="lazy" decoding="async" class="block bg-black object-cover absolute inset-0 h-full w-full"/></div><div class="p-4"><div class="flex items-center justify-between gap-2"><div class="truncate text-sm font-semibold text-white">AI Picks</div><span class="bg-white/8 px-2 py-0.5 text-white/60 inline-flex shrink-0 items-center gap-1.5 rounded-md text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film size-3.5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg></span></div><div class="mt-1 text-xs text-white/45">466K<!-- --> <!-- -->subs</div></div></div><div class="group overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="relative aspect-video"><img src="/imgs/musicvideoai/testimonials/testimonial-4.webp" alt="AiZen Tools" loading="lazy" decoding="async" class="block bg-black object-cover absolute inset-0 h-full w-full"/></div><div class="p-4"><div class="flex items-center justify-between gap-2"><div class="truncate text-sm font-semibold text-white">AiZen Tools</div><span class="bg-white/8 px-2 py-0.5 text-white/60 inline-flex shrink-0 items-center gap-1.5 rounded-md text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film size-3.5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg></span></div><div class="mt-1 text-xs text-white/45">374K<!-- --> <!-- -->subs</div></div></div><div class="group overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="relative aspect-video"><img src="/imgs/musicvideoai/testimonials/testimonial-5.webp" alt="Eigi and AI" loading="lazy" decoding="async" class="block bg-black object-cover absolute inset-0 h-full w-full"/></div><div class="p-4"><div class="flex items-center justify-between gap-2"><div class="truncate text-sm font-semibold text-white">Eigi and AI</div><span class="bg-white/8 px-2 py-0.5 text-white/60 inline-flex shrink-0 items-center gap-1.5 rounded-md text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film size-3.5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg><span>Video Editor</span></span></div><div class="mt-1 text-xs text-white/45">292K<!-- --> <!-- -->subs</div></div></div><div class="group overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="relative aspect-video"><img src="/imgs/musicvideoai/testimonials/testimonial-6.webp" alt="MoneOnDaBeat" loading="lazy" decoding="async" class="block bg-black object-cover absolute inset-0 h-full w-full"/></div><div class="p-4"><div class="flex items-center justify-between gap-2"><div class="truncate text-sm font-semibold text-white">MoneOnDaBeat</div><span class="bg-white/8 px-2 py-0.5 text-white/60 inline-flex shrink-0 items-center gap-1.5 rounded-md text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-audio-lines size-3.5" aria-hidden="true"><path d="M2 10v3"></path><path d="M6 6v11"></path><path d="M10 3v18"></path><path d="M14 8v7"></path><path d="M18 5v13"></path><path d="M22 10v3"></path></svg><span>Music Creator</span></span></div><div class="mt-1 text-xs text-white/45">285K<!-- --> <!-- -->subs</div></div></div></div><div class="mt-10 flex justify-center"><button class="inline-flex cursor-pointer items-center gap-2 rounded-full border border-white/15 bg-white/5 px-6 py-3 text-sm font-medium text-white transition hover:bg-white/10">Show 10 more videos<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div></section><section id="how-it-works" class="mx-auto max-w-7xl px-4 py-24 sm:px-6"><div class="mx-auto max-w-3xl text-center"><h2 class="text-3xl font-black leading-tight tracking-tight text-white sm:text-4xl lg:text-5xl">How Music Video AI turns songs into videos</h2><p class="mt-5 text-lg font-semibold text-white/90">Start from the track, not a generic text-to-video prompt.</p><p class="mt-3 text-sm text-white/55 sm:text-base">Music Video AI combines music analysis, visual direction, AI video generation, and timeline refinement so musicians can move from a song to a video draft faster.</p></div><div class="mt-14 grid items-stretch gap-5 lg:grid-cols-3"><div class="flex flex-col rounded-3xl border border-white/10 bg-[#0a0a0a] p-7"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles size-8 text-lime" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><h3 class="mt-4 text-xl font-bold text-white">Built for music-first workflows</h3><p class="mt-3 text-sm leading-relaxed text-white/55">Music Video AI starts from the track and creative direction, then gives you a beat-synced draft to refine instead of a blank timeline.</p><div class="mt-6 flex flex-1 items-end overflow-hidden rounded-2xl"><img src="/imgs/musicvideoai/1.webp" alt="" class="w-full"/></div></div><div class="flex flex-col gap-5"><div class="rounded-3xl border border-white/10 bg-[#0a0a0a] p-7"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music2 lucide-music-2 size-7 text-lime" aria-hidden="true"><circle cx="8" cy="18" r="4"></circle><path d="M12 18V2l7 4"></path></svg><h3 class="mt-3 text-lg font-bold text-white">Upload your song</h3><div class="mt-1 text-xs font-medium text-lime">Step 1</div><p class="mt-2 text-sm leading-relaxed text-white/55">Upload your track. Music Video AI reads rhythm, structure, and mood signals so the visual plan follows the song.</p><div class="mt-5 overflow-hidden rounded-2xl border border-white/5"><img src="/imgs/musicvideoai/how-to-use/2.webp" alt="" class="w-full"/></div></div><div class="rounded-3xl border border-white/10 bg-[#0a0a0a] p-7"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen-line size-7 text-lime" aria-hidden="true"><path d="M12 20h9"></path><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"></path></svg><h3 class="mt-3 text-lg font-bold text-white">Set the mood and visual direction</h3><div class="mt-1 text-xs font-medium text-lime">Step 2</div><p class="mt-2 text-sm leading-relaxed text-white/55">Describe the release mood, visual world, or reference style, then let AI draft a direction that matches the song.</p><div class="mt-5 overflow-hidden rounded-2xl border border-white/5"><img src="/imgs/musicvideoai/how-to-use/3.webp" alt="" class="w-full"/></div></div></div><div class="flex flex-col rounded-3xl border border-lime/40 bg-gradient-to-b from-lime/[0.06] to-transparent p-7 shadow-[0_0_60px_-20px_rgba(105,255,72,0.4)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap size-8 text-lime" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><h3 class="mt-4 text-xl font-bold text-white">Generate and refine your video draft</h3><div class="mt-1 text-xs font-medium text-lime">Step 3</div><p class="mt-3 text-sm leading-relaxed text-white/55">Use the generated draft as a starting point. Refine scenes, prompts, frames, and timing until the video fits your release or social channel.</p><div class="mt-6 flex flex-1 items-end overflow-hidden rounded-2xl"><img src="/imgs/musicvideoai/1.webp" alt="" class="h-full w-full object-cover"/></div></div></div></section><section class="mx-auto max-w-7xl px-4 py-24 sm:px-6"><div class="mx-auto max-w-4xl text-center"><h2 class="text-3xl font-black leading-tight tracking-tight text-white sm:text-4xl lg:text-5xl">No track yet? Music Video AI <span class="text-lime">generates the music for you.</span></h2><p class="mx-auto mt-5 max-w-2xl text-sm text-white/55 sm:text-base">Start from a mood, genre, or scene idea. Music Video AI can help create music assets before you build the video.</p></div><div class="mt-14 grid gap-5 sm:grid-cols-2 lg:grid-cols-3"><div class="overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="aspect-video overflow-hidden"><img src="/imgs/musicvideoai/no-track/01.webp" alt="" class="h-full w-full object-cover"/></div><div class="p-6"><h3 class="text-lg font-bold text-white">Automatic music generation</h3><p class="mt-2 text-sm leading-relaxed text-white/55">Describe the mood, genre, and tempo you want, then use AI-generated music as the soundtrack for a new video concept.</p></div></div><div class="overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="aspect-video overflow-hidden"><img src="/imgs/musicvideoai/no-track/02.webp" alt="" class="h-full w-full object-cover"/></div><div class="p-6"><h3 class="text-lg font-bold text-white">Smart dialogue &amp; narration synthesis</h3><p class="mt-2 text-sm leading-relaxed text-white/55">If your video needs narration, the agent automatically synthesizes high-quality vocal dialogue or voiceover from your script prompt. Perfect for concept videos, product demos, or story-driven content.</p></div></div><div class="overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="aspect-video overflow-hidden"><img src="/imgs/musicvideoai/no-track/03.webp" alt="" class="h-full w-full object-cover"/></div><div class="p-6"><h3 class="text-lg font-bold text-white">Mood &amp; genre analysis</h3><p class="mt-2 text-sm leading-relaxed text-white/55">Type ideas like &quot;melancholy cyberpunk&quot; or &quot;uplifting epic&quot; so the system can align music direction, mood, and visuals.</p></div></div><div class="overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="aspect-video overflow-hidden"><img src="/imgs/musicvideoai/no-track/04.webp" alt="" class="h-full w-full object-cover"/></div><div class="p-6"><h3 class="text-lg font-bold text-white">Automatic audio-visual editing</h3><p class="mt-2 text-sm leading-relaxed text-white/55">Once the music is generated, the agent acts as a professional editor, automatically cutting and arranging visuals to perfectly match the tempo shifts and climaxes of the new soundtrack for a seamless flow.</p></div></div><div class="overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="aspect-video overflow-hidden"><img src="/imgs/musicvideoai/no-track/05.webp" alt="" class="h-full w-full object-cover"/></div><div class="p-6"><h3 class="text-lg font-bold text-white">One-stop storyboard delivery</h3><p class="mt-2 text-sm leading-relaxed text-white/55">In no-audio mode, Music Video AI helps turn a text concept into a storyboard-style clip with generated audio and visuals.</p></div></div><div class="overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20"><div class="aspect-video overflow-hidden"><img src="/imgs/musicvideoai/no-track/06.webp" alt="" class="h-full w-full object-cover"/></div><div class="p-6"><h3 class="text-lg font-bold text-white">Swap audio anytime</h3><p class="mt-2 text-sm leading-relaxed text-white/55">Replace generated audio with your own track when you are ready, then re-sync the visual direction around the new music.</p></div></div></div></section><section class="overflow-hidden py-24"><div class="mx-auto max-w-3xl px-4 text-center"><h2 class="text-3xl font-black tracking-tight text-white sm:text-4xl lg:text-5xl">Made by the AI music video community with <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart mx-2 inline size-[0.8em] fill-lime text-lime" aria-hidden="true"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></h2><p class="mt-4 text-sm text-white/55 sm:text-base">Explore AI music videos, visualizers, and rhythm-driven clips from creators around the world</p></div><div class="mt-14 flex flex-col gap-4"><div class="flex w-max gap-4"><div class="flex gap-4 animate-marquee-left"><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/01.webp" alt="Cinematic MV" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Cinematic MV</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/02.webp" alt="Neon Visualizer" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Neon Visualizer</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/03.webp" alt="Lyric Style" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Lyric Style</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/04.webp" alt="Beat Sync" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Beat Sync</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/05.webp" alt="Short-form Cut" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Short-form Cut</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/06.webp" alt="Story Scene" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Story Scene</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/01.webp" alt="Cinematic MV" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Cinematic MV</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/02.webp" alt="Neon Visualizer" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Neon Visualizer</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/03.webp" alt="Lyric Style" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Lyric Style</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/04.webp" alt="Beat Sync" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Beat Sync</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/05.webp" alt="Short-form Cut" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Short-form Cut</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/06.webp" alt="Story Scene" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Story Scene</span></div></div></div></div><div class="flex w-max gap-4"><div class="flex gap-4 animate-marquee-right"><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/07.webp" alt="Stage Light" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Stage Light</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/08.webp" alt="Abstract Rhythm" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Abstract Rhythm</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/09.webp" alt="Portrait Close-up" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Portrait Close-up</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/10.webp" alt="Night Drive" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Night Drive</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/11.webp" alt="Festival Energy" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Festival Energy</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/12.webp" alt="Mood Board" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Mood Board</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/07.webp" alt="Stage Light" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Stage Light</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/08.webp" alt="Abstract Rhythm" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Abstract Rhythm</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/09.webp" alt="Portrait Close-up" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Portrait Close-up</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/10.webp" alt="Night Drive" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Night Drive</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/11.webp" alt="Festival Energy" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Festival Energy</span></div></div><div class="group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96"><img src="/imgs/musicvideoai/gallery/12.webp" alt="Mood Board" loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div><div class="pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100"><div class="grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-4 fill-white text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute inset-x-0 bottom-0 p-3"><span class="inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur">Mood Board</span></div></div></div></div></div><div class="mt-12 flex justify-center"><a href="/explore" class="inline-flex items-center gap-2 rounded-full bg-gradient-brand px-7 py-3 text-sm font-semibold text-white transition hover:brightness-110">Explore more<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></section><section class="mx-auto max-w-7xl px-4 py-24 sm:px-6"><div class="text-center"><h2 class="text-4xl font-black tracking-tight text-white sm:text-5xl">Powerful <span class="text-lime">features</span></h2><p class="mt-4 text-sm text-white/55 sm:text-base">SEO-focused features for creators searching for an AI music video generator that can move with a song.</p></div><div class="mt-20 space-y-24 lg:space-y-28"><div class="grid items-center gap-10 lg:grid-cols-2 lg:gap-16"><div class="relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] "><img src="/imgs/musicvideoai/features-pro/01.webp" alt="" class="w-full"/></div><div class=""><span class="inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20">AI Music Video Generator</span><h3 class="mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl">Music-first AI music video generator workflow</h3><p class="mt-5 text-sm leading-relaxed text-white/60 sm:text-base">Music Video AI is a music-first AI music video generator that turns songs into beat-synced video drafts you can refine. It is built for release visuals, visualizers, lyric-style clips, promo videos, and short-form social cuts from a single track.</p></div></div><div class="grid items-center gap-10 lg:grid-cols-2 lg:gap-16"><div class="relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] lg:order-2"><img src="/imgs/musicvideoai/features-pro/02.webp" alt="" class="w-full"/></div><div class="lg:order-1"><span class="inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20">AI Music Video Generator</span><h3 class="mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl">AI Director Agent</h3><p class="mt-5 text-sm leading-relaxed text-white/60 sm:text-base">Collaborate with an AI director to shape style, concepts, characters, storyboards, and shot prompts around your song, then refine the result in the editing workspace.</p><a href="/sign-in" class="glow-lime mt-7 inline-flex items-center gap-2 rounded-full bg-lime px-6 py-2.5 text-sm font-semibold text-black transition hover:brightness-105">Enter Agent<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="grid items-center gap-10 lg:grid-cols-2 lg:gap-16"><div class="relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] "><img src="/imgs/musicvideoai/features-pro/03.webp" alt="" class="w-full"/></div><div class=""><span class="inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20">AI Music Video Generator</span><h3 class="mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl">One-click AI generator</h3><p class="mt-5 text-sm leading-relaxed text-white/60 sm:text-base">Upload music, describe your idea, and Music Video AI analyzes rhythm and mood before generating a beat-synced video draft for faster content creation.</p><a href="/sign-in" class="glow-lime mt-7 inline-flex items-center gap-2 rounded-full bg-lime px-6 py-2.5 text-sm font-semibold text-black transition hover:brightness-105">Try it now<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="grid items-center gap-10 lg:grid-cols-2 lg:gap-16"><div class="relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] lg:order-2"><img src="/imgs/musicvideoai/features-pro/04.webp" alt="" class="w-full"/></div><div class="lg:order-1"><span class="inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20">AI Music Video Generator</span><h3 class="mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl">Upload &amp; go: automatic music sync engine</h3><p class="mt-5 text-sm leading-relaxed text-white/60 sm:text-base">Upload your track and Music Video AI analyzes BPM, structure, and emotional changes so scenes can follow rhythm and mood instead of random cuts.</p></div></div><div class="grid items-center gap-10 lg:grid-cols-2 lg:gap-16"><div class="relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] "><img src="/imgs/musicvideoai/features-pro/05.webp" alt="" class="w-full"/></div><div class=""><span class="inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20">AI Music Video Generator</span><h3 class="mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl">Custom editing studio</h3><p class="mt-5 text-sm leading-relaxed text-white/60 sm:text-base">Take fine-grained control with a pro-grade timeline workspace. Generate, rearrange, and polish clips scene by scene while managing assets in one place, syncing visuals tightly to the music, and tuning every detail.</p><a href="/sign-in" class="glow-lime mt-7 inline-flex items-center gap-2 rounded-full bg-lime px-6 py-2.5 text-sm font-semibold text-black transition hover:brightness-105">Get Started<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="grid items-center gap-10 lg:grid-cols-2 lg:gap-16"><div class="relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] lg:order-2"><img src="/imgs/musicvideoai/features-pro/06.webp" alt="" class="w-full"/></div><div class="lg:order-1"><span class="inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20">AI Music Video Generator</span><h3 class="mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl">AI music &amp; toolkit engine</h3><p class="mt-5 text-sm leading-relaxed text-white/60 sm:text-base">Generate an original score, extend music, analyze structure, and prepare audio for video creation. The toolkit supports the full music-to-video pipeline.</p><a href="/sign-in" class="glow-lime mt-7 inline-flex items-center gap-2 rounded-full bg-lime px-6 py-2.5 text-sm font-semibold text-black transition hover:brightness-105">Try the AI Music Generator<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="grid items-center gap-10 lg:grid-cols-2 lg:gap-16"><div class="relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] "><img src="/imgs/musicvideoai/features-pro/07.webp" alt="" class="w-full"/></div><div class=""><span class="inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20">AI Music Video Generator</span><h3 class="mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl">Flexible AI video model options</h3><p class="mt-5 text-sm leading-relaxed text-white/60 sm:text-base">Test different AI video generation styles and formats from one workspace, then choose the output that best fits your song, aspect ratio, and publishing channel.</p></div></div></div></section><section class="mx-auto max-w-7xl px-4 py-24 sm:px-6"><div class="mx-auto max-w-3xl text-center"><span class="inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-semibold tracking-wide text-lime ring-1 ring-lime/20">WHY SEEDMUSIC AI</span><h2 class="mt-6 text-4xl font-black leading-tight tracking-tight sm:text-5xl"><span class="text-white">Create music videos faster</span><br/><span class="text-lime">without manual beat editing</span></h2><p class="mx-auto mt-5 max-w-2xl text-sm text-white/55 sm:text-base">Music Video AI helps musicians and content teams move from song to synced visual draft with fewer tools, fewer handoffs, and less timeline work.</p></div><div class="mt-14 grid gap-5 lg:grid-cols-2"><div class="overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] p-3 transition hover:border-white/20"><div class="aspect-[16/10] overflow-hidden rounded-2xl"><img src="/imgs/musicvideoai/why/01.webp" alt="" class="h-full w-full object-cover"/></div><div class="p-5"><h3 class="text-xl font-bold text-white">Start from the track</h3><p class="mt-2 text-sm leading-relaxed text-white/55">Upload your song and let Music Video AI read the rhythm, mood, and structure before generating visuals. The video starts with the music, not a blank canvas.</p></div></div><div class="overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] p-3 transition hover:border-white/20"><div class="aspect-[16/10] overflow-hidden rounded-2xl"><img src="/imgs/musicvideoai/why/02.webp" alt="" class="h-full w-full object-cover"/></div><div class="p-5"><h3 class="text-xl font-bold text-white">Create polished visuals on a lean budget</h3><p class="mt-2 text-sm leading-relaxed text-white/55">Use AI generation to explore cinematic looks, abstract visualizers, lyric-style concepts, and social clips before investing in a traditional shoot.</p></div></div><div class="overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] p-3 transition hover:border-white/20"><div class="aspect-[16/10] overflow-hidden rounded-2xl"><img src="/imgs/musicvideoai/why/03.webp" alt="" class="h-full w-full object-cover"/></div><div class="p-5"><h3 class="text-xl font-bold text-white">Your vision. Your control.</h3><p class="mt-2 text-sm leading-relaxed text-white/55">Choose formats such as 16:9, 9:16, or 1:1, adjust duration, refine prompts, and control how each scene supports the song.</p></div></div><div class="overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] p-3 transition hover:border-white/20"><div class="aspect-[16/10] overflow-hidden rounded-2xl"><img src="/imgs/musicvideoai/why/04.webp" alt="" class="h-full w-full object-cover"/></div><div class="p-5"><h3 class="text-xl font-bold text-white">Silence is no longer a problem</h3><p class="mt-2 text-sm leading-relaxed text-white/55">When you only have a concept, use AI music generation and audio tools to build a soundtrack before turning it into visuals.</p></div></div></div><div class="mt-8 flex flex-col items-center justify-between gap-6 rounded-3xl border border-lime/30 bg-gradient-to-r from-lime/[0.08] to-transparent p-8 shadow-[0_0_80px_-30px_rgba(105,255,72,0.5)] sm:flex-row sm:p-10"><div><h3 class="text-2xl font-bold text-white sm:text-3xl">Ready to visualize your music?</h3><p class="mt-2 text-sm text-white/55">Start with a song, a prompt, or a visual idea.</p></div><a href="/sign-in" class="glow-lime shrink-0 rounded-full bg-lime px-8 py-3.5 text-sm font-semibold text-black transition hover:brightness-105">Start with Music Video AI</a></div></section><section class="mx-auto max-w-7xl px-4 py-24 sm:px-6"><div class="grid items-center gap-12 lg:grid-cols-2"><div><h2 class="text-3xl font-black leading-tight tracking-tight sm:text-4xl lg:text-5xl"><span class="text-white">A visual engine built for the ambition of every </span><span class="text-lime">sound creator</span></h2><p class="mt-5 max-w-md text-sm text-white/55 sm:text-base">From independent artists to content teams, Music Video AI helps create rhythm-driven visuals for:</p><div class="mt-8 flex flex-col gap-1.5"><button class="cursor-pointer rounded-2xl border px-6 py-4 text-left text-lg font-medium transition border-lime/50 bg-lime/[0.06] text-lime">Music Creators &amp; Labels</button><button class="cursor-pointer rounded-2xl border px-6 py-4 text-left text-lg font-medium transition border-transparent text-white/45 hover:text-white/80">Content Creators &amp; Social Media</button><button class="cursor-pointer rounded-2xl border px-6 py-4 text-left text-lg font-medium transition border-transparent text-white/45 hover:text-white/80">Brands &amp; Marketers</button><button class="cursor-pointer rounded-2xl border px-6 py-4 text-left text-lg font-medium transition border-transparent text-white/45 hover:text-white/80">Filmmakers</button><button class="cursor-pointer rounded-2xl border px-6 py-4 text-left text-lg font-medium transition border-transparent text-white/45 hover:text-white/80">Designers</button><button class="cursor-pointer rounded-2xl border px-6 py-4 text-left text-lg font-medium transition border-transparent text-white/45 hover:text-white/80">Photographers</button></div></div><div class="relative aspect-video overflow-hidden rounded-2xl border border-white/10 shadow-2xl"><img src="/imgs/musicvideoai/visual-engine/01.webp" alt="Music Creators &amp; Labels" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-100"/><img src="/imgs/musicvideoai/visual-engine/02.webp" alt="Content Creators &amp; Social Media" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0"/><img src="/imgs/musicvideoai/visual-engine/03.webp" alt="Brands &amp; Marketers" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0"/><img src="/imgs/musicvideoai/visual-engine/04.webp" alt="Filmmakers" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0"/><img src="/imgs/musicvideoai/visual-engine/05.webp" alt="Designers" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0"/><img src="/imgs/musicvideoai/visual-engine/06.webp" alt="Photographers" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0"/></div></div></section><section class="mx-auto max-w-7xl px-4 py-24 sm:px-6"><div class="text-center"><h2 class="text-3xl font-black tracking-tight text-white sm:text-4xl lg:text-5xl">Loved by the <span class="text-lime">community</span></h2><p class="mt-4 text-sm text-white/55 sm:text-base">See how creators use Music Video AI for music videos, visualizers, and short-form campaigns</p></div><div class="mt-14 grid gap-5 md:grid-cols-2 lg:grid-cols-3"><div class="rounded-2xl border border-white/10 bg-[#0a0a0a] p-6"><div class="flex items-center gap-3"><img src="/imgs/musicvideoai/testimonies/01.webp" alt="Maya R." class="size-10 shrink-0 rounded-full object-cover"/><div class="min-w-0"><div class="flex items-center gap-2"><span class="truncate text-sm font-semibold text-white">Maya R.</span><span class="hidden shrink-0 rounded-md bg-lime/10 px-1.5 py-0.5 text-[10px] text-lime sm:inline">AI Music Video Generator</span></div><div class="truncate text-xs text-white/45">Independent Musician</div></div></div><p class="mt-4 text-sm leading-relaxed text-white/70">“<!-- -->Music Video AI gives me a fast starting point for release visuals. I upload a track, test a few moods, and refine the scenes that fit the song.<!-- -->”</p></div><div class="rounded-2xl border border-white/10 bg-[#0a0a0a] p-6"><div class="flex items-center gap-3"><img src="/imgs/musicvideoai/testimonies/02.webp" alt="Jordan K." class="size-10 shrink-0 rounded-full object-cover"/><div class="min-w-0"><div class="flex items-center gap-2"><span class="truncate text-sm font-semibold text-white">Jordan K.</span><span class="hidden shrink-0 rounded-md bg-lime/10 px-1.5 py-0.5 text-[10px] text-lime sm:inline">AI Music Video Generator</span></div><div class="truncate text-xs text-white/45">Producer / Beatmaker</div></div></div><p class="mt-4 text-sm leading-relaxed text-white/70">“<!-- -->The useful part is the music-first workflow. The video direction starts from rhythm and structure instead of random stock clips.<!-- -->”</p></div><div class="rounded-2xl border border-white/10 bg-[#0a0a0a] p-6"><div class="flex items-center gap-3"><img src="/imgs/musicvideoai/testimonies/03.webp" alt="Sofia M." class="size-10 shrink-0 rounded-full object-cover"/><div class="min-w-0"><div class="flex items-center gap-2"><span class="truncate text-sm font-semibold text-white">Sofia M.</span><span class="hidden shrink-0 rounded-md bg-lime/10 px-1.5 py-0.5 text-[10px] text-lime sm:inline">AI Music Video Generator</span></div><div class="truncate text-xs text-white/45">Singer-Songwriter</div></div></div><p class="mt-4 text-sm leading-relaxed text-white/70">“<!-- -->I can describe a simple visual world and get a draft that feels close enough to edit, even when I do not want to open a full video suite.<!-- -->”</p></div><div class="rounded-2xl border border-white/10 bg-[#0a0a0a] p-6"><div class="flex items-center gap-3"><img src="/imgs/musicvideoai/testimonies/04.webp" alt="Alex C." class="size-10 shrink-0 rounded-full object-cover"/><div class="min-w-0"><div class="flex items-center gap-2"><span class="truncate text-sm font-semibold text-white">Alex C.</span><span class="hidden shrink-0 rounded-md bg-lime/10 px-1.5 py-0.5 text-[10px] text-lime sm:inline">AI Music Video Generator</span></div><div class="truncate text-xs text-white/45">Short-Form Creator</div></div></div><p class="mt-4 text-sm leading-relaxed text-white/70">“<!-- -->Vertical formats and quick style changes make it practical for music posts, teasers, and visualizer clips.<!-- -->”</p></div><div class="rounded-2xl border border-white/10 bg-[#0a0a0a] p-6"><div class="flex items-center gap-3"><img src="/imgs/musicvideoai/testimonies/05.webp" alt="Nina P." class="size-10 shrink-0 rounded-full object-cover"/><div class="min-w-0"><div class="flex items-center gap-2"><span class="truncate text-sm font-semibold text-white">Nina P.</span><span class="hidden shrink-0 rounded-md bg-lime/10 px-1.5 py-0.5 text-[10px] text-lime sm:inline">AI Music Video Generator</span></div><div class="truncate text-xs text-white/45">Label Content Manager</div></div></div><p class="mt-4 text-sm leading-relaxed text-white/70">“<!-- -->For early campaign ideas, Music Video AI helps us compare several visual directions before committing to a larger production.<!-- -->”</p></div><div class="rounded-2xl border border-white/10 bg-[#0a0a0a] p-6"><div class="flex items-center gap-3"><img src="/imgs/musicvideoai/testimonies/06.webp" alt="Riley T." class="size-10 shrink-0 rounded-full object-cover"/><div class="min-w-0"><div class="flex items-center gap-2"><span class="truncate text-sm font-semibold text-white">Riley T.</span><span class="hidden shrink-0 rounded-md bg-lime/10 px-1.5 py-0.5 text-[10px] text-lime sm:inline">AI Music Video Generator</span></div><div class="truncate text-xs text-white/45">Creative Director</div></div></div><p class="mt-4 text-sm leading-relaxed text-white/70">“<!-- -->It is a useful bridge between music, prompting, and video editing. The team can review a visual concept before we spend time on detailed cuts.<!-- -->”</p></div></div></section><section id="pricing" class="mx-auto max-w-7xl px-4 py-24 sm:px-6"><div class="mx-auto mb-8 flex max-w-2xl flex-col items-center gap-2 rounded-2xl border border-lime/30 bg-lime/10 px-4 py-3 text-center sm:flex-row sm:justify-center sm:gap-4"><span class="rounded-full bg-lime px-2.5 py-0.5 text-[11px] font-bold text-black">LIMITED</span><p class="text-sm font-medium text-white">Save 20% on every annual plan — cancel anytime</p></div><p class="mx-auto mb-5 max-w-3xl text-center text-sm leading-relaxed text-white/55 sm:text-base">Music Video AI is an AI music video generator built for music-first workflows. Start with a song, prompt, or visual idea, generate a beat-synced video draft, and compare plans based on how you create and refine.</p><h2 class="text-center text-4xl font-black tracking-tight text-white sm:text-5xl">Choose your plan</h2><div class="mx-auto mt-10 flex max-w-lg items-center justify-center rounded-full border border-white/10 bg-black/60 p-1"><button type="button" class="flex flex-1 items-center justify-center gap-1.5 rounded-full px-3 py-2.5 text-sm font-semibold transition bg-lime text-black">Annually<span class="rounded-full px-1.5 py-0.5 text-[10px] font-bold bg-black/15 text-black">20% OFF</span></button><button type="button" class="flex flex-1 items-center justify-center gap-1.5 rounded-full px-3 py-2.5 text-sm font-semibold transition text-white/65 hover:text-white">Monthly</button><button type="button" class="flex flex-1 items-center justify-center gap-1.5 rounded-full px-3 py-2.5 text-sm font-semibold transition text-white/65 hover:text-white">One Time</button></div><div class="mt-12 grid gap-5 lg:grid-cols-3"><div class="relative flex flex-col rounded-3xl border bg-[#0a0a0a] p-6" style="border-color:rgba(255,255,255,0.1)"><h3 class="text-lg font-bold text-white">Basic</h3><div class="mt-4"><div class="flex items-center gap-2"><span class="text-sm text-white/40 line-through">$<!-- -->39.90</span><span class="rounded bg-lime/15 px-1.5 py-0.5 text-[10px] font-bold text-lime">−20%</span></div><div class="mt-1 flex items-end gap-1"><span class="text-lg text-white/70">$</span><span class="text-5xl font-black text-white">31.92</span><span class="mb-1.5 text-sm text-white/50">/ mo</span></div><div class="mt-1 text-xs text-white/45">Billed annually at $383.04 as a single upfront payment</div></div><button class="mt-5 cursor-pointer rounded-xl px-5 py-3 text-center text-sm font-semibold transition disabled:opacity-60 border border-white/15 bg-white/5 text-white hover:bg-white/10">Get Started</button><div class="mt-5 rounded-2xl border border-white/10 bg-white/[0.03] p-4"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap size-4 text-lime" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span class="text-xl font-bold text-white">42,144</span><span class="rounded bg-lime/15 px-1.5 py-0.5 text-[10px] text-lime">credits/year</span></div><p class="mt-3 text-xs leading-relaxed text-white/60">42,144 credits granted upfront, valid until the end of the annual subscription cycle</p><div class="mt-3 flex items-start gap-2 text-xs text-white/55"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clapperboard mt-0.5 size-3.5 shrink-0" aria-hidden="true"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"></path><path d="m6.2 5.3 3.1 3.9"></path><path d="m12.4 3.4 3.1 4"></path><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg>≈ 3–6 beat-synced video drafts / mo</div><div class="mt-2 flex items-center gap-2 text-xs text-white/55"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user size-3.5 shrink-0" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Great for beginners &amp; casual releases</div></div><div class="mt-3 text-center text-[11px] text-white/35">Cancel anytime, no hidden fees</div><ul class="mt-6 space-y-2.5"><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>1080p video export (16:9 / 9:16 / 1:1)</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Agent + Workflow music video creation</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Beat-synced scene planning</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>No watermark</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Faster processing queue</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>24-hour team support</li></ul></div><div class="relative flex flex-col rounded-3xl border bg-[#0a0a0a] p-6" style="border-color:rgba(105,255,72,0.6)"><span class="absolute -top-3 left-1/2 -translate-x-1/2 rounded-full px-3 py-1 text-xs font-bold text-black" style="background:#69ff48">Most Popular</span><h3 class="text-lg font-bold text-white">Pro</h3><div class="mt-4"><div class="flex items-center gap-2"><span class="text-sm text-white/40 line-through">$<!-- -->69.90</span><span class="rounded bg-lime/15 px-1.5 py-0.5 text-[10px] font-bold text-lime">−20%</span></div><div class="mt-1 flex items-end gap-1"><span class="text-lg text-white/70">$</span><span class="text-5xl font-black text-white">55.92</span><span class="mb-1.5 text-sm text-white/50">/ mo</span></div><div class="mt-1 text-xs text-white/45">Billed annually at $671.04 as a single upfront payment</div></div><button class="mt-5 cursor-pointer rounded-xl px-5 py-3 text-center text-sm font-semibold transition disabled:opacity-60 bg-lime text-black hover:brightness-105 glow-lime">Get Started</button><div class="mt-5 rounded-2xl border border-white/10 bg-white/[0.03] p-4"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap size-4 text-lime" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span class="text-xl font-bold text-white">80,520</span><span class="rounded bg-lime/15 px-1.5 py-0.5 text-[10px] text-lime">credits/year</span></div><p class="mt-3 text-xs leading-relaxed text-white/60">80,520 credits granted upfront, valid until the end of the annual subscription cycle</p><div class="mt-3 flex items-start gap-2 text-xs text-white/55"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clapperboard mt-0.5 size-3.5 shrink-0" aria-hidden="true"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"></path><path d="m6.2 5.3 3.1 3.9"></path><path d="m12.4 3.4 3.1 4"></path><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg>≈ 5–11 beat-synced video drafts / mo</div><div class="mt-2 flex items-center gap-2 text-xs text-white/55"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user size-3.5 shrink-0" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Best for independent creators</div></div><div class="mt-3 text-center text-[11px] text-white/35">Cancel anytime, no hidden fees</div><ul class="mt-6 space-y-2.5"><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>1080p video export (16:9 / 9:16 / 1:1)</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Agent + Workflow music video creation</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Beat-synced scene planning</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>No watermark</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Faster processing queue</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>12-hour team support</li></ul></div><div class="relative flex flex-col rounded-3xl border bg-[#0a0a0a] p-6" style="border-color:#ff2d9d"><span class="absolute -top-3 left-1/2 -translate-x-1/2 rounded-full px-3 py-1 text-xs font-bold text-black" style="background:#ff2d9d">Creator</span><h3 class="text-lg font-bold text-white">Creator</h3><div class="mt-4"><div class="flex items-center gap-2"><span class="text-sm text-white/40 line-through">$<!-- -->159.90</span><span class="rounded bg-lime/15 px-1.5 py-0.5 text-[10px] font-bold text-lime">−20%</span></div><div class="mt-1 flex items-end gap-1"><span class="text-lg text-white/70">$</span><span class="text-5xl font-black text-white">127.92</span><span class="mb-1.5 text-sm text-white/50">/ mo</span></div><div class="mt-1 text-xs text-white/45">Billed annually at $1,535.04 as a single upfront payment</div></div><button class="mt-5 cursor-pointer rounded-xl px-5 py-3 text-center text-sm font-semibold transition disabled:opacity-60 text-white hover:brightness-110" style="background:#ff2d9d">Get Started</button><div class="mt-5 rounded-2xl border border-white/10 bg-white/[0.03] p-4"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap size-4 text-lime" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span class="text-xl font-bold text-white">199,560</span><span class="rounded bg-lime/15 px-1.5 py-0.5 text-[10px] text-lime">credits/year</span></div><p class="mt-3 text-xs leading-relaxed text-white/60">199,560 credits granted upfront, valid until the end of the annual subscription cycle</p><div class="mt-3 flex items-start gap-2 text-xs text-white/55"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clapperboard mt-0.5 size-3.5 shrink-0" aria-hidden="true"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"></path><path d="m6.2 5.3 3.1 3.9"></path><path d="m12.4 3.4 3.1 4"></path><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg>≈ 14–27 beat-synced video drafts / mo</div><div class="mt-2 flex items-center gap-2 text-xs text-white/55"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user size-3.5 shrink-0" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Built for commercial &amp; high-volume work</div></div><div class="mt-3 text-center text-[11px] text-white/35">Cancel anytime, no hidden fees</div><ul class="mt-6 space-y-2.5"><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>1080p video export (16:9 / 9:16 / 1:1)</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Agent + Workflow music video creation</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Beat-synced scene planning</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>No watermark</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Faster processing queue</li><li class="flex items-start gap-2 text-sm text-white/75"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-lime" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Priority 12-hour support</li></ul></div></div><p class="mt-8 text-center text-sm text-white/40">All plans include our AI-powered video generation technology</p><p class="mt-3 text-center text-sm text-white/50">Just need more credits?<!-- --> <button type="button" class="text-lime underline-offset-2 hover:underline">See one-time credit packs →</button></p></section><section class="mx-auto max-w-3xl px-4 py-24 sm:px-6"><h2 class="text-center text-3xl font-black tracking-tight text-white sm:text-4xl lg:text-5xl">Questions &amp; Answers</h2><div class="mt-12 space-y-3"><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">What is an AI music video generator?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200 rotate-45" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[1fr] opacity-100"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Music Video AI is an AI music video generator that helps musicians turn a song, prompt, or visual idea into a beat-synced video draft, then refine the result for releases, visualizers, and social clips.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">How does Music Video AI turn a song into a video?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Upload a song, describe the mood or style, generate a beat-synced video draft, and refine the visuals until the result fits your release.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">Does Music Video AI sync visuals to my music?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Music Video AI analyzes rhythm, structure, mood, and timing signals from your track so generated scenes can follow the song instead of using random visual cuts.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">Do I need video editing skills to use Music Video AI?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Music Video AI is designed to reduce the need for a traditional editing workflow. You can start from your song and creative direction, generate a draft, and refine from there.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">Can I upload my own music and visuals?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Yes, you can start from your own music and creative assets when the product supports the file type. You are responsible for making sure you have the rights to any music, images, or other assets you upload.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">What types of videos can I make?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">You can create AI music videos, music visualizers, lyric-style videos, promo clips, vertical social videos, abstract visuals, and story-driven concepts for releases.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">Can I start from a prompt or visual idea instead of only a song?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Yes. You can start from a song, prompt, or visual idea, while keeping the workflow music-first when you want a video that follows a release.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">Can I generate music if I do not have a track yet?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Yes. You can start with a mood or genre prompt, generate music assets, and then use that audio as the basis for video creation.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">Can I control the style and aspect ratio?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Yes. Use prompts, reference frames, aspect ratios such as 16:9 or 9:16, duration controls, and the editor to shape the final direction.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">Is Music Video AI good for YouTube, TikTok, and Instagram?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Yes. The workflow supports common music-video and short-form content formats, so you can create horizontal, vertical, or square video drafts for different publishing channels.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">Does Music Video AI guarantee commercial rights?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Music Video AI does not guarantee commercial rights for every generated or uploaded asset. Usage rights depend on your plan, input materials, model terms, and the current Terms of Service.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">Do generated videos have a watermark?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Watermark behavior depends on the plan and export settings. Check the pricing page for the current export options.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">Is Music Video AI free to try?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">Music Video AI includes a free starting option so you can test the workflow before choosing a paid plan.</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a]"><button class="flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left"><span class="text-sm font-semibold text-white sm:text-base">If I have more questions, how do I contact you?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-5 shrink-0 text-lime transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div class="grid transition-all duration-300 grid-rows-[0fr] opacity-0"><div class="overflow-hidden"><p class="px-6 pb-5 text-sm leading-relaxed text-white/60">You can easily reach our support team through the Contact Us page on our website. We also encourage you to join our community channels for fast peer-to-peer support and tips.</p></div></div></div></div></section><section id="cta" class="px-3 pb-6 pt-10 sm:px-4 sm:pb-10 sm:pt-16"><div class="relative isolate mx-auto flex min-h-[560px] max-w-[1400px] flex-col items-center justify-center overflow-hidden rounded-3xl px-4 py-20 text-center sm:min-h-[640px]"><img src="/imgs/musicvideoai/stills/hero-video-new-agent.webp" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover"/><div class="absolute inset-0 -z-10 bg-gradient-to-b from-black/50 via-black/30 to-black/70"></div><h2 class="max-w-3xl text-3xl font-semibold tracking-tight text-white sm:text-4xl lg:text-5xl">Meet your <span class="font-bold">AI music video director</span></h2><p class="mt-5 max-w-xl text-sm text-white/70 sm:text-base">Music Video AI analyzes your track, plans scenes around the beat, and helps shape a music video from concept to final cut.</p><a href="/sign-in" class="glow-lime mt-8 rounded-full bg-lime px-8 py-3 text-sm font-semibold text-black transition hover:brightness-105">Create with AI</a><div class="mt-12 flex flex-wrap items-center justify-center gap-x-1 gap-y-2 rounded-2xl border border-white/15 bg-black/40 px-3 py-2.5 backdrop-blur-md"><div class="flex items-center"><span class="flex items-center gap-2 px-2.5 py-1 text-sm text-white/90"><img src="/imgs/musicvideoai/hero-new-icon/google.webp" alt="Veo" class="size-4 rounded-sm object-cover"/>Veo</span></div><div class="flex items-center"><span class="mx-1 hidden h-4 w-px bg-white/15 sm:block"></span><span class="flex items-center gap-2 px-2.5 py-1 text-sm text-white/90"><img src="/imgs/musicvideoai/hero-new-icon/gpt.webp" alt="Sora" class="size-4 rounded-sm object-cover"/>Sora</span></div><div class="flex items-center"><span class="mx-1 hidden h-4 w-px bg-white/15 sm:block"></span><span class="flex items-center gap-2 px-2.5 py-1 text-sm text-white/90"><img src="/imgs/musicvideoai/hero-new-icon/kling.webp" alt="Kling" class="size-4 rounded-sm object-cover"/>Kling</span></div><div class="flex items-center"><span class="mx-1 hidden h-4 w-px bg-white/15 sm:block"></span><span class="flex items-center gap-2 px-2.5 py-1 text-sm text-white/90"><img src="/imgs/musicvideoai/hero-new-icon/google.webp" alt="Nano Banana" class="size-4 rounded-sm object-cover"/>Nano Banana</span></div><div class="flex items-center"><span class="mx-1 hidden h-4 w-px bg-white/15 sm:block"></span><span class="flex items-center gap-2 px-2.5 py-1 text-sm text-white/90"><img src="/imgs/musicvideoai/hero-new-icon/seedance.webp" alt="Seedance" class="size-4 rounded-sm object-cover"/>Seedance</span></div><div class="flex items-center"><span class="mx-1 hidden h-4 w-px bg-white/15 sm:block"></span><span class="flex items-center gap-2 px-2.5 py-1 text-sm text-white/90"><img src="/imgs/musicvideoai/hero-new-icon/gpt.webp" alt="GPT Image 2" class="size-4 rounded-sm object-cover"/>GPT Image 2</span></div></div></div></section><section class="mx-auto max-w-3xl px-4 pb-10 pt-2 text-center"><h2 class="text-lg font-semibold">AI Music Video Production Guide</h2><p class="mt-2 text-sm leading-relaxed text-muted-foreground">For practical advice on syncing visuals to your track or lyrics, review<!-- --> <a href="https://script.google.com/macros/s/AKfycbw2JkO7KHg4w6zH3qgkPlXkdrLRKNcmJZ_0fwwtBSKb1IwltGzTc34KcBBCf1IeJBU/exec?article=how-to-make-ai-music-video" class="underline underline-offset-2">How to Make an AI Music Video from Song or Prompt</a> <!-- -->before exporting your next project.</p></section><footer class="border-t border-white/10 bg-black"><div class="mx-auto max-w-7xl px-4 py-16 sm:px-6"><div class="grid gap-12 lg:grid-cols-[1.5fr_1fr_1fr_1fr]"><div><a href="/" class="inline-flex items-center gap-3"><img src="/logo.webp" alt="Music Video AI" class="size-12 rounded-2xl object-cover"/><span class="text-gradient-logo text-2xl font-black tracking-normal">Music Video AI</span></a><p class="mt-4 max-w-xs text-sm text-white/50">Create beat-synced AI music videos, visualizers, and social clips from your songs.</p><div class="mt-5 flex items-center gap-3"><a href="mailto:support@musicvideoai.pro" class="text-white/50 transition hover:text-white" aria-label="Email"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail size-5" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></a></div></div><div><h3 class="text-sm font-semibold text-white">Product</h3><ul class="mt-4 space-y-3"><li><a href="/music-video-generator" class="text-sm text-white/50 transition hover:text-white">Music Video Generator</a></li><li><a href="/music-generator" class="text-sm text-white/50 transition hover:text-white">AI Music Generator</a></li><li><a href="/agent" class="text-sm text-white/50 transition hover:text-white">AI Beat Video Generator</a></li></ul></div><div><h3 class="text-sm font-semibold text-white">Company</h3><ul class="mt-4 space-y-3"><li><a href="/pricing" class="text-sm text-white/50 transition hover:text-white">Pricing</a></li><li><a href="/#how-it-works" class="text-sm text-white/50 transition hover:text-white">Tutorials</a></li><li><a href="/blog" class="text-sm text-white/50 transition hover:text-white">Blog</a></li><li><a href="mailto:support@musicvideoai.pro" class="text-sm text-white/50 transition hover:text-white">Contact Us</a></li></ul></div><div><h3 class="text-sm font-semibold text-white">Legal</h3><ul class="mt-4 space-y-3"><li><a href="/privacy-policy" class="text-sm text-white/50 transition hover:text-white">Privacy Policy</a></li><li><a href="/terms-of-service" class="text-sm text-white/50 transition hover:text-white">Terms of Service</a></li><li><a href="/refund-policy" class="text-sm text-white/50 transition hover:text-white">Refund Policy</a></li><li><a href="https://musicvideoai.pro/llms.txt" class="text-sm text-white/50 transition hover:text-white">LLMs.txt</a></li></ul></div></div><div class="mt-14 flex flex-col items-center justify-between gap-4 border-t border-white/10 pt-8 sm:flex-row"><p class="text-xs text-white/40">© 2026 Music Video AI. All rights reserved.</p><p class="flex items-center gap-1 text-xs text-white/40">Made with <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart size-3 fill-red-500 text-red-500" aria-hidden="true"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> for creators worldwide</p></div></div><nav class="footer-backlink-grid mt-3 flex flex-wrap items-center justify-center gap-1.5" aria-label="Reciprocal directory links"><a href="https://tooldirs.com/product/music-video-ai" target="_blank" rel="noopener noreferrer" class="footer-backlink-card inline-flex h-7 items-center"><img src="https://tooldirs.com/badge/badge_dark.svg" alt="Featured on ToolDirs" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Featured on ToolDirs</span></a><a href="https://www.toolpilot.ai" target="_blank" rel="noopener noreferrer" class="footer-backlink-card inline-flex h-7 items-center"><img src="https://www.toolpilot.ai/cdn/shop/files/f-b_690x151_crop_center.png" alt="Featured on ToolPilot" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Featured on ToolPilot</span></a><a href="https://deeplaunch.io" target="_blank" rel="noopener noreferrer" class="footer-backlink-card inline-flex h-7 items-center"><img src="https://deeplaunch.io/badge/badge_dark.svg" alt="Featured on DeepLaunch.io" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Featured on DeepLaunch.io</span></a><a href="https://firstlook.tools" target="_blank" rel="noopener noreferrer" class="footer-backlink-card inline-flex h-7 items-center"><img src="https://firstlook.tools/badge/badge_dark.svg" alt="Featured on First Look" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Featured on First Look</span></a><a href="https://turbo0.com/item/musicvideoai" target="_blank" rel="noopener noreferrer" class="footer-backlink-card inline-flex h-7 items-center"><img src="https://img.turbo0.com/badge-listed-light.svg" alt="Listed on Turbo0" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Listed on Turbo0</span></a><a href="https://toolrain.com/item/musicvideoai" target="_blank" rel="noopener noreferrer" class="footer-backlink-card inline-flex h-7 items-center"><img src="https://toolrain.com/badges/badge-listed-light.svg" alt="Listed on ToolRain" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">Listed on ToolRain</span></a><a href="https://navfolders.com/item/musicvideoai" target="_blank" rel="noopener noreferrer" class="footer-backlink-card inline-flex h-7 items-center"><img src="https://navfolders.com/badge/nav_dark.svg" alt="NavFolders" loading="lazy" class="h-6 w-auto max-w-[108px] object-contain"/><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0">NavFolders</span></a></nav></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><script type="module" src="/assets/index-BH9YqUeN.js" id="_R_" async=""></script></body></html><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("4:I[\"be1776d828da\",[],\"LayoutSegmentProvider\",1]\n5:I[\"851670d82cec\",[],\"Slot\",1]\n6:I[\"e6b85189e4b6\",[],\"RedirectBoundary\",1]\n:HL[\"/assets/index-A_OIlJLU.css\",\"style\"]\n")</script><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("0:{\"__route\":\"route:/en\",\"__interceptionContext\":null,\"__layoutIds\":[\"layout:/\",\"layout:/[locale]\"],\"__rootLayout\":\"/\",\"page:/en\":\"$L1\",\"layout:/\":[[[[\"$\",\"link\",\"css:/assets/index-A_OIlJLU.css\",{\"rel\":\"stylesheet\",\"precedence\":\"vite-rsc/importer-resources\",\"href\":\"/assets/index-A_OIlJLU.css\",\"data-rsc-css-href\":\"/assets/index-A_OIlJLU.css\"}],\"$undefined\"],\"$L2\"],null],\"layout:/[locale]\":\"$L3\",\"route:/en\":[[[\"$\",\"meta\",null,{\"charSet\":\"utf-8\"}],[[\"$\",\"title\",\"0\",{\"children\":\"AI Music Video Generator for Musicians | Music Video AI\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Music Video AI is an AI music video generator for musicians. Upload a song, describe the mood, generate beat-synced visuals, and refine your video draft.\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"AI Music Video Generator for Musicians | Music Video AI\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"Music Video AI is an AI music video generator for musicians. Upload a song, describe the mood, generate beat-synced visuals, and refine your video draft.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:url\",\"content\":\"https://musicvideoai.pro/\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:site_name\",\"content\":\"Music Video AI\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:title\",\"content\":\"AI Music Video Generator for Musicians | Music Video AI\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:description\",\"content\":\"Music Video AI is an AI music video generator for musicians. Upload a song, describe the mood, generate beat-synced visuals, and refine your video draft.\"}],[\"$\",\"link\",\"11\",{\"rel\":\"shortcut icon\",\"href\":\"https://musicvideoai.pro/favicon.png\"}],[\"$\",\"link\",\"12\",{\"rel\":\"icon\",\"href\":\"https://musicvideoai.pro/favicon.png\"}],[\"$\",\"link\",\"13\",{\"rel\":\"apple-touch-icon\",\"href\":\"https://musicvideoai.pro/apple-touch-icon.png\"}],[\"$\",\"link\",\"14\",{\"rel\":\"canonical\",\"href\":\"https://musicvideoai.pro\"}],[\"$\",\"link\",\"15\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://musicvideoai.pro\"}],[\"$\",\"link\",\"16\",{\"rel\":\"alternate\",\"hrefLang\":\"zh\",\"href\":\"https://musicvideoai.pro/zh\"}]],[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]],[\"$\",\"$L4\",null,{\"segmentMap\":{\"children\":[\"en\"]},\"children\":[\"$\",\"$L5\",null,{\"id\":\"layout:/\",\"parallelSlots\":\"$undefined\",\"children\":[\"$\",\"$L4\",null,{\"segmentMap\":{\"children\":[]},\"children\":[\"$\",\"$L5\",null,{\"id\":\"layout:/[locale]\",\"parallelSlots\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$L4\",null,{\"segmentMap\":{\"children\":[]},\"children\":[\"$\",\"$L5\",null,{\"id\":\"page:/en\"}]}]}]}]}]}]}]],\"__layoutFlags\":{\"layout:/[locale]\":\"s\",\"layout:/\":\"s\"},\"__artifactCompatibility\":{\"schemaVersion\":1,\"graphVersion\":\"app-route-graph:jihh0p1i6s7og\",\"deploymentVersion\":\"d1b482b9-5659-4531-9f26-8902a0c76c75\",\"appElementsSchemaVersion\":1,\"rscPayloadSchemaVersion\":1,\"rootBoundaryId\":\"/\",\"renderEpoch\":null},\"__renderObservation\":{\"schemaVersion\":1,\"output\":{\"kind\":\"app-rsc\",\"mountedSlotsFingerprint\":null,\"renderEpoch\":null,\"rootBoundaryId\":\"/\",\"routeId\":\"route:/en\"},\"completeness\":\"partial\",\"boundaryOutcome\":{\"kind\":\"unknown\"},\"requestApis\":[{\"kind\":\"connection\",\"status\":\"unknown\"},{\"kind\":\"cookies\",\"status\":\"unknown\"},{\"kind\":\"draftMode\",\"status\":\"unknown\"},{\"kind\":\"headers\",\"status\":\"unknown\"},{\"kind\":\"params\",\"status\":\"observed\"},{\"kind\":\"searchParams\",\"status\":\"unknown\"}],\"dynamicFetches\":[],\"cacheTags\":[\"/en\",\"_N_T_/[locale]/layout\",\"_N_T_/[locale]/page\",\"_N_T_/en\",\"_N_T_/layout\"],\"pathTags\":[\"/en\"],\"cacheability\":\"unknown\",\"downgrade\":{\"target\":\"freshRender\",\"reasons\":[{\"code\":\"CP_DOWNGRADE_CACHEABILITY_UNKNOWN\",\"target\":\"freshRender\"},{\"code\":\"CP_DOWNGRADE_INCOMPLETE_OBSERVATION\",\"completeness\":\"partial\",\"target\":\"freshRender\"},{\"code\":\"CP_DOWNGRADE_UNKNOWN_REQUEST_API\",\"requestApi\":\"connection\",\"target\":\"freshRender\"},{\"code\":\"CP_DOWNGRADE_UNKNOWN_REQUEST_API\",\"requestApi\":\"cookies\",\"target\":\"freshRender\"},{\"code\":\"CP_DOWNGRADE_UNKNOWN_REQUEST_API\",\"requestApi\":\"draftMode\",\"target\":\"freshRender\"},{\"code\":\"CP_DOWNGRADE_UNKNOWN_REQUEST_API\",\"requestApi\":\"headers\",\"target\":\"freshRender\"},{\"code\":\"CP_DOWNGRADE_PUBLIC_REQUEST_API\",\"requestApi\":\"params\",\"target\":\"publicVariant\"},{\"code\":\"CP_DOWNGRADE_UNKNOWN_REQUEST_API\",\"requestApi\":\"searchParams\",\"target\":\"freshRender\"}],\"fallback\":{\"kind\":\"breakerFallback\",\"code\":\"CP_PRIVATE_DYNAMIC_DOWNGRADE\",\"mode\":\"renderFresh\",\"scope\":\"affectedOutput\",\"fields\":{\"reasonCodes\":[\"CP_DOWNGRADE_CACHEABILITY_UNKNOWN\",\"CP_DOWNGRADE_INCOMPLETE_OBSERVATION\",\"CP_DOWNGRADE_UNKNOWN_REQUEST_API\",\"CP_DOWNGRADE_UNKNOWN_REQUEST_API\",\"CP_DOWNGRADE_UNKNOWN_REQUEST_API\",\"CP_DOWNGRADE_UNKNOWN_REQUEST_API\",\"CP_DOWNGRADE_PUBLIC_REQUEST_API\",\"CP_DOWNGRADE_UNKNOWN_REQUEST_API\"],\"target\":\"freshRender\"}},\"isPublicCacheCandidate\":false}}}\n3:[\"$L7\",null]\n8:I[\"0eb81c231827\",[],\"Header\",1]\n13:I[\"8fda8ca61e0f\",[],\"PricingMusicVideoAI\",1]\n15:I[\"c4886b8bbd92\",[],\"FaqMusicVideoAI\",1]\n1:[\"$\",\"div\",null,{\"className\":\"min-h-screen flex flex-col bg-background text-foreground\",\"children\":[[\"$\",\"$L8\",null,{}],\"$L9\",\"$La\",\"$Lb\",\"$Lc\",\"$Ld\",\"$Le\",\"$Lf\",\"$L10\",\"$L11\",\"$L12\",[\"$\",\"$L13\",null,{}],\"$L14\",[\"$\",\"$L15\",null,{}],\"$L16\",[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-3xl px-4 pb-10 pt-2 text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"AI Music Video Production Guide\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-muted-foreground\",\"children\":[\"For practical advice on syncing visuals to your track or lyrics, review\",\" \",[\"$\",\"a\",null,{\"href\":\"https://script.google.com/macros/s/AKfycbw2JkO7KHg4w6zH3qgkPlXkdrLRKNcmJZ_0fwwtBSKb1IwltGzTc34KcBBCf1IeJBU/exec?article=how-to-make-ai-music-video\",\"className\":\"underline underline-offset-2\",\"children\":\"How to Make an AI Music Video from Song or Prompt\"}],\" \",\"before exporting your next project.\"]}]]}],\"$L17\"]}]\n18:I[\"7f0a5a9a62a4\",[],\"ThemeProvider\",1]\n19:I[\"851670d82cec\",[],\"Children\",1]\n1a:I[\"c72798c35bbe\",[],\"Toaster\",1]\n1b:I[\"8172ffb45684\",[],\"GoogleOneTap\",1]\n1e:I[\"3d6eb1932cd0\",[],\"ThreeToolsShowcase\",1]\n1f:I[\"b3506aac5cbf\",[],\"TestimonialsBody\",1]\n2e:I[\"849c337c0709\",[],\"VisualEngineTabs\",1]\n:HL[\"/videos/hero/hero-still.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/1.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/how-to-use/2.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/no-track/01.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/no-track/02.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/no-track/03.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/no-track/04.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/features-pro/01.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/features-pro/02.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/features-pro/03.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/why/01.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/why/02.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/why/03.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/why/04.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/stills/hero-video-new-agent.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/hero-new-icon/google.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/hero-new-icon/gpt.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/hero-new-icon/kling.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/hero-new-icon/seedance.webp\",\"image\"]\n2:[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",\"en\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://musicvideoai.pro\"}],[\"$\",\"link\",\"zh\",{\"rel\":\"alternate\",\"hrefLang\":\"zh\",\"href\":\"https://musicvideoai.pro/zh\"}]]}],[\"$\",\"body\",null,{\"className\":\"__variable_geist_1432zhy font-sans antialiased\",\"children\":[[\"$\",\"$L18\",null,{\"attribute\":\"class\",\"defaultTheme\":\"dark\",\"forcedTheme\":\"dark\",\"disableTransitionOnChange\":true,\"children\":[[\"$\",\"$L19\",null,{}],[\"$\",\"$L1a\",null,{\"position\":\"top-center\",\"richColors\":true}],[\"$\",\"$L1b\",null,{}]]}],\"$L1c\"]}]]}]\n")</script><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("9:[\"$\",\"section\",null,{\"className\":\"relative isolate overflow-hidden bg-[#050505]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 z-0 overflow-hidden\",\"aria-hidden\":true,\"children\":[[\"$\",\"img\",null,{\"src\":\"/videos/hero/hero-still.webp\",\"alt\":\"\",\"className\":\"absolute inset-0 h-full w-full object-cover\",\"draggable\":false}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-black/55\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-gradient-to-b from-black/40 via-transparent to-black\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 [background:radial-gradient(ellipse_60%_50%_at_50%_40%,transparent_30%,rgba(0,0,0,0.55)_100%)]\"}]]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 z-[1] overflow-hidden opacity-40\",\"children\":[\"$\",\"div\",null,{\"className\":\"absolute bottom-0 left-1/2 h-[150%] w-[340%] -translate-x-1/2 [transform-origin:50%_100%] [transform:perspective(620px)_rotateX(57deg)]\",\"style\":{\"backgroundImage\":\"linear-gradient(to right, rgba(180,255,150,0.12) 1px, transparent 1px), linear-gradient(to bottom, rgba(180,255,150,0.12) 1px, transparent 1px)\",\"backgroundSize\":\"64px 64px\",\"maskImage\":\"linear-gradient(to top, black 8%, rgba(0,0,0,0.4) 35%, transparent 65%)\",\"WebkitMaskImage\":\"linear-gradient(to top, black 8%, rgba(0,0,0,0.4) 35%, transparent 65%)\"}}]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-x-0 bottom-0 z-[1] h-40 bg-gradient-to-b from-transparent to-black\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 mx-auto flex min-h-[640px] max-w-5xl flex-col items-center justify-center px-4 py-24 text-center sm:py-32\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"font-sans text-5xl font-black leading-[1.1] tracking-tight sm:text-6xl lg:text-7xl xl:text-[88px] xl:leading-[1.08]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-lime\",\"children\":\"AI Music Video Generator\"}],[\"$\",\"br\",null,{}],[\"$\",\"span\",null,{\"className\":\"text-white drop-shadow-[0_2px_24px_rgba(0,0,0,0.65)]\",\"children\":\"for Musicians\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-8 max-w-2xl text-base text-white/70 sm:text-lg\",\"children\":\"Start with your song, prompt, or visual idea. Music Video AI generates a beat-synced video draft you can refine without a traditional editing workflow.\"}],[\"$\",\"div\",null,{\"className\":\"mt-12 flex flex-col items-center justify-center gap-3 sm:flex-row sm:gap-4\",\"children\":[\"$L1d\",[\"$\",\"a\",null,{\"href\":\"#how-it-works\",\"className\":\"flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-8 py-3.5 text-sm font-medium text-white/90 backdrop-blur transition hover:bg-white/10\",\"children\":\"See How It Works\"}]]}]]}]]}]\na:[\"$\",\"$L1e\",null,{\"heading\":\"Three ways to refine an AI music video draft.\",\"subtitle\":\"Upload a song, describe the mood or style, generate a beat-synced video draft, and refine it until it fits the release.\",\"tools\":[{\"label\":\"Agent\",\"title\":\"Your AI music video director\",\"desc\":\"Upload your music, guide the AI through conversation, and generate a beat-synced music video concept with scene-by-scene direction.\",\"cta\":\"Try Agent\",\"image\":\"/imgs/musicvideoai/three-tools/tool-agent.webp\"},{\"label\":\"Workflow\",\"title\":\"Step-by-step video creation\",\"desc\":\"Turn a song and prompt into structured scenes with guided style, segment, and timeline controls.\",\"cta\":\"Start Creating\",\"image\":\"/imgs/musicvideoai/three-tools/tool-workflow.webp\"},{\"label\":\"Editor\",\"title\":\"Full creative control\",\"desc\":\"Combine AI-generated clips with timeline editing to adjust pacing, order, and visual details around your track.\",\"cta\":\"Open Editor\",\"image\":\"/imgs/musicvideoai/three-tools/tool-editor.webp\"}]}]\n")</script><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("b:[\"$\",\"$L1f\",null,{\"headingPre\":\"See what creators say about \",\"headingBrand\":\"Music Video AI\",\"subheadline\":\"A faster workflow for musicians, producers, and creators who need visuals without opening a complex editor.\",\"featured\":{\"id\":\"Willy Booger\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-0.webp\",\"name\":\"Willy Booger\",\"role\":\"Video Editor\",\"icon\":\"film\",\"subs\":\"128K\"},\"featuredQuote\":\"I could focus on the song and direction instead of cutting every beat by hand.\",\"subsLabel\":\"subs\",\"creators\":[{\"id\":\"Get365AI\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-1.webp\",\"name\":\"Get365AI\",\"role\":\"\",\"icon\":\"film\",\"subs\":\"574K\"},{\"id\":\"AI Zayan\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-2.webp\",\"name\":\"AI Zayan\",\"role\":\"\",\"icon\":\"film\",\"subs\":\"475K\"},{\"id\":\"AI Picks\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-3.webp\",\"name\":\"AI Picks\",\"role\":\"\",\"icon\":\"film\",\"subs\":\"466K\"},{\"id\":\"AiZen Tools\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-4.webp\",\"name\":\"AiZen Tools\",\"role\":\"\",\"icon\":\"film\",\"subs\":\"374K\"},{\"id\":\"Eigi and AI\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-5.webp\",\"name\":\"Eigi and AI\",\"role\":\"Video Editor\",\"icon\":\"film\",\"subs\":\"292K\"},{\"id\":\"MoneOnDaBeat\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-6.webp\",\"name\":\"MoneOnDaBeat\",\"role\":\"Music Creator\",\"icon\":\"audio\",\"subs\":\"285K\"},{\"id\":\"AI BORDER\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-7.webp\",\"name\":\"AI BORDER\",\"role\":\"\",\"icon\":\"film\",\"subs\":\"283K\"},{\"id\":\"AI Boss\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-8.webp\",\"name\":\"AI Boss\",\"role\":\"\",\"icon\":\"film\",\"subs\":\"254K\"},{\"id\":\"Thomas Foster - Sound \u0026 Vision\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-9.webp\",\"name\":\"Thomas Foster - Sound \u0026 Vision\",\"role\":\"Video Editor\",\"icon\":\"film\",\"subs\":\"88.1K\"},{\"id\":\"ChillPanic\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-10.webp\",\"name\":\"ChillPanic\",\"role\":\"Video Editor\",\"icon\":\"film\",\"subs\":\"68.3K\"},{\"id\":\"IA Sonora\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-11.webp\",\"name\":\"IA Sonora\",\"role\":\"Music Creator\",\"icon\":\"audio\",\"subs\":\"51.9K\"},{\"id\":\"NexcopeAI\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-12.webp\",\"name\":\"NexcopeAI\",\"role\":\"\",\"icon\":\"film\",\"subs\":\"46.8K\"},{\"id\":\"AI With TechZnap\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-13.webp\",\"name\":\"AI With TechZnap\",\"role\":\"\",\"icon\":\"film\",\"subs\":\"21.9K\"},{\"id\":\"ImranX\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-14.webp\",\"name\":\"ImranX\",\"role\":\"Music Creator\",\"icon\":\"audio\",\"subs\":\"17.8K\"},{\"id\":\"Techvid Ai\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-15.webp\",\"name\":\"Techvid Ai\",\"role\":\"\",\"icon\":\"film\",\"subs\":\"6.83K\"},{\"id\":\"Create With AI\",\"src\":\"/imgs/musicvideoai/testimonials/testimonial-16.webp\",\"name\":\"Create With AI\",\"role\":\"\",\"icon\":\"film\",\"subs\":\"5.86K\"}],\"showMore\":\"Show 10 more videos\"}]\n")</script><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("c:[\"$\",\"section\",null,{\"id\":\"how-it-works\",\"className\":\"mx-auto max-w-7xl px-4 py-24 sm:px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-3xl text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl font-black leading-tight tracking-tight text-white sm:text-4xl lg:text-5xl\",\"children\":\"How Music Video AI turns songs into videos\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-lg font-semibold text-white/90\",\"children\":\"Start from the track, not a generic text-to-video prompt.\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-sm text-white/55 sm:text-base\",\"children\":\"Music Video AI combines music analysis, visual direction, AI video generation, and timeline refinement so musicians can move from a song to a video draft faster.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-14 grid items-stretch gap-5 lg:grid-cols-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col rounded-3xl border border-white/10 bg-[#0a0a0a] p-7\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles size-8 text-lime\",\"aria-hidden\":true,\"children\":[[\"$\",\"path\",\"4pj2yx\",{\"d\":\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"}],[\"$\",\"path\",\"1olli1\",{\"d\":\"M20 3v4\"}],[\"$\",\"path\",\"1gvqau\",{\"d\":\"M22 5h-4\"}],[\"$\",\"path\",\"vumght\",{\"d\":\"M4 17v2\"}],[\"$\",\"path\",\"zchphs\",{\"d\":\"M5 18H3\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"mt-4 text-xl font-bold text-white\",\"children\":\"Built for music-first workflows\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-sm leading-relaxed text-white/55\",\"children\":\"Music Video AI starts from the track and creative direction, then gives you a beat-synced draft to refine instead of a blank timeline.\"}],[\"$\",\"div\",null,{\"className\":\"mt-6 flex flex-1 items-end overflow-hidden rounded-2xl\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/1.webp\",\"alt\":\"\",\"className\":\"w-full\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"rounded-3xl border border-white/10 bg-[#0a0a0a] p-7\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-music2 lucide-music-2 size-7 text-lime\",\"aria-hidden\":true,\"children\":[[\"$\",\"circle\",\"1fc0mg\",{\"cx\":\"8\",\"cy\":\"18\",\"r\":\"4\"}],[\"$\",\"path\",\"g04rme\",{\"d\":\"M12 18V2l7 4\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"mt-3 text-lg font-bold text-white\",\"children\":\"Upload your song\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 text-xs font-medium text-lime\",\"children\":\"Step 1\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"Upload your track. Music Video AI reads rhythm, structure, and mood signals so the visual plan follows the song.\"}],[\"$\",\"div\",null,{\"className\":\"mt-5 overflow-hidden rounded-2xl border border-white/5\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/how-to-use/2.webp\",\"alt\":\"\",\"className\":\"w-full\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"rounded-3xl border border-white/10 bg-[#0a0a0a] p-7\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-pen-line size-7 text-lime\",\"aria-hidden\":true,\"children\":[[\"$\",\"path\",\"t2du7b\",{\"d\":\"M12 20h9\"}],[\"$\",\"path\",\"1ykcvy\",{\"d\":\"M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"mt-3 text-lg font-bold text-white\",\"children\":\"Set the mood and visual direction\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 text-xs font-medium text-lime\",\"children\":\"Step 2\"}],\"$L20\",\"$L21\"]}]]}],\"$L22\"]}]]}]\n")</script><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("d:[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-7xl px-4 py-24 sm:px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-4xl text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl font-black leading-tight tracking-tight text-white sm:text-4xl lg:text-5xl\",\"children\":[\"No track yet? Music Video AI \",[\"$\",\"span\",null,{\"className\":\"text-lime\",\"children\":\"generates the music for you.\"}]]}],[\"$\",\"p\",null,{\"className\":\"mx-auto mt-5 max-w-2xl text-sm text-white/55 sm:text-base\",\"children\":\"Start from a mood, genre, or scene idea. Music Video AI can help create music assets before you build the video.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-14 grid gap-5 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"div\",\"Automatic music generation\",{\"className\":\"overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video overflow-hidden\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/no-track/01.webp\",\"alt\":\"\",\"className\":\"h-full w-full object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-white\",\"children\":\"Automatic music generation\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"Describe the mood, genre, and tempo you want, then use AI-generated music as the soundtrack for a new video concept.\"}]]}]]}],[\"$\",\"div\",\"Smart dialogue \u0026 narration synthesis\",{\"className\":\"overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video overflow-hidden\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/no-track/02.webp\",\"alt\":\"\",\"className\":\"h-full w-full object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-white\",\"children\":\"Smart dialogue \u0026 narration synthesis\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"If your video needs narration, the agent automatically synthesizes high-quality vocal dialogue or voiceover from your script prompt. Perfect for concept videos, product demos, or story-driven content.\"}]]}]]}],[\"$\",\"div\",\"Mood \u0026 genre analysis\",{\"className\":\"overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video overflow-hidden\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/no-track/03.webp\",\"alt\":\"\",\"className\":\"h-full w-full object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-white\",\"children\":\"Mood \u0026 genre analysis\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"Type ideas like \\\"melancholy cyberpunk\\\" or \\\"uplifting epic\\\" so the system can align music direction, mood, and visuals.\"}]]}]]}],[\"$\",\"div\",\"Automatic audio-visual editing\",{\"className\":\"overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video overflow-hidden\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/no-track/04.webp\",\"alt\":\"\",\"className\":\"h-full w-full object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-white\",\"children\":\"Automatic audio-visual editing\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"Once the music is generated, the agent acts as a professional editor, automatically cutting and arranging visuals to perfectly match the tempo shifts and climaxes of the new soundtrack for a seamless flow.\"}]]}]]}],[\"$\",\"div\",\"One-stop storyboard delivery\",{\"className\":\"overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20\",\"children\":[\"$L23\",\"$L24\"]}],\"$L25\"]}]]}]\n")</script><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("f:[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-7xl px-4 py-24 sm:px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-4xl font-black tracking-tight text-white sm:text-5xl\",\"children\":[\"Powerful \",[\"$\",\"span\",null,{\"className\":\"text-lime\",\"children\":\"features\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-sm text-white/55 sm:text-base\",\"children\":\"SEO-focused features for creators searching for an AI music video generator that can move with a song.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-20 space-y-24 lg:space-y-28\",\"children\":[[\"$\",\"div\",\"Music-first AI music video generator workflow\",{\"className\":\"grid items-center gap-10 lg:grid-cols-2 lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] \",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/features-pro/01.webp\",\"alt\":\"\",\"className\":\"w-full\"}]}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20\",\"children\":\"AI Music Video Generator\"}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl\",\"children\":\"Music-first AI music video generator workflow\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-sm leading-relaxed text-white/60 sm:text-base\",\"children\":\"Music Video AI is a music-first AI music video generator that turns songs into beat-synced video drafts you can refine. It is built for release visuals, visualizers, lyric-style clips, promo videos, and short-form social cuts from a single track.\"}],null]}]]}],[\"$\",\"div\",\"AI Director Agent\",{\"className\":\"grid items-center gap-10 lg:grid-cols-2 lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] lg:order-2\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/features-pro/02.webp\",\"alt\":\"\",\"className\":\"w-full\"}]}],[\"$\",\"div\",null,{\"className\":\"lg:order-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20\",\"children\":\"AI Music Video Generator\"}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl\",\"children\":\"AI Director Agent\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-sm leading-relaxed text-white/60 sm:text-base\",\"children\":\"Collaborate with an AI director to shape style, concepts, characters, storyboards, and shot prompts around your song, then refine the result in the editing workspace.\"}],\"$L26\"]}]]}],[\"$\",\"div\",\"One-click AI generator\",{\"className\":\"grid items-center gap-10 lg:grid-cols-2 lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] \",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/features-pro/03.webp\",\"alt\":\"\",\"className\":\"w-full\"}]}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20\",\"children\":\"AI Music Video Generator\"}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl\",\"children\":\"One-click AI generator\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-sm leading-relaxed text-white/60 sm:text-base\",\"children\":\"Upload music, describe your idea, and Music Video AI analyzes rhythm and mood before generating a beat-synced video draft for faster content creation.\"}],\"$L27\"]}]]}],[\"$\",\"div\",\"Upload \u0026 go: automatic music sync engine\",{\"className\":\"grid items-center gap-10 lg:grid-cols-2 lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] lg:order-2\",\"children\":\"$L28\"}],\"$L29\"]}],\"$L2a\",\"$L2b\",\"$L2c\"]}]]}]\n")</script><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("10:[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-7xl px-4 py-24 sm:px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-3xl text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-semibold tracking-wide text-lime ring-1 ring-lime/20\",\"children\":\"WHY SEEDMUSIC AI\"}],[\"$\",\"h2\",null,{\"className\":\"mt-6 text-4xl font-black leading-tight tracking-tight sm:text-5xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-white\",\"children\":\"Create music videos faster\"}],[\"$\",\"br\",null,{}],[\"$\",\"span\",null,{\"className\":\"text-lime\",\"children\":\"without manual beat editing\"}]]}],[\"$\",\"p\",null,{\"className\":\"mx-auto mt-5 max-w-2xl text-sm text-white/55 sm:text-base\",\"children\":\"Music Video AI helps musicians and content teams move from song to synced visual draft with fewer tools, fewer handoffs, and less timeline work.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-14 grid gap-5 lg:grid-cols-2\",\"children\":[[\"$\",\"div\",\"Start from the track\",{\"className\":\"overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] p-3 transition hover:border-white/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-[16/10] overflow-hidden rounded-2xl\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/why/01.webp\",\"alt\":\"\",\"className\":\"h-full w-full object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"p-5\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-white\",\"children\":\"Start from the track\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"Upload your song and let Music Video AI read the rhythm, mood, and structure before generating visuals. The video starts with the music, not a blank canvas.\"}]]}]]}],[\"$\",\"div\",\"Create polished visuals on a lean budget\",{\"className\":\"overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] p-3 transition hover:border-white/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-[16/10] overflow-hidden rounded-2xl\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/why/02.webp\",\"alt\":\"\",\"className\":\"h-full w-full object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"p-5\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-white\",\"children\":\"Create polished visuals on a lean budget\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"Use AI generation to explore cinematic looks, abstract visualizers, lyric-style concepts, and social clips before investing in a traditional shoot.\"}]]}]]}],[\"$\",\"div\",\"Your vision. Your control.\",{\"className\":\"overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] p-3 transition hover:border-white/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-[16/10] overflow-hidden rounded-2xl\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/why/03.webp\",\"alt\":\"\",\"className\":\"h-full w-full object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"p-5\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-white\",\"children\":\"Your vision. Your control.\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"Choose formats such as 16:9, 9:16, or 1:1, adjust duration, refine prompts, and control how each scene supports the song.\"}]]}]]}],[\"$\",\"div\",\"Silence is no longer a problem\",{\"className\":\"overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] p-3 transition hover:border-white/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-[16/10] overflow-hidden rounded-2xl\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/why/04.webp\",\"alt\":\"\",\"className\":\"h-full w-full object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"p-5\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-white\",\"children\":\"Silence is no longer a problem\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"When you only have a concept, use AI music generation and audio tools to build a soundtrack before turning it into visuals.\"}]]}]]}]]}],\"$L2d\"]}]\n11:[\"$\",\"$L2e\",null,{\"headingPre\":\"A visual engine built for the ambition of every \",\"headingBrand\":\"sound creator\",\"subheadline\":\"From independent artists to content teams, Music Video AI helps create rhythm-driven visuals for:\",\"categories\":[{\"label\":\"Music Creators \u0026 Labels\",\"image\":\"/imgs/musicvideoai/visual-engine/01.webp\"},{\"label\":\"Content Creators \u0026 Social Media\",\"image\":\"/imgs/musicvideoai/visual-engine/02.webp\"},{\"label\":\"Brands \u0026 Marketers\",\"image\":\"/imgs/musicvideoai/visual-engine/03.webp\"},{\"label\":\"Filmmakers\",\"image\":\"/imgs/musicvideoai/visual-engine/04.webp\"},{\"label\":\"Designers\",\"image\":\"/imgs/musicvideoai/visual-engine/05.webp\"},{\"label\":\"Photographers\",\"image\":\"/imgs/musicvideoai/visual-engine/06.webp\"}]}]\n")</script><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("16:[\"$\",\"section\",null,{\"id\":\"cta\",\"className\":\"px-3 pb-6 pt-10 sm:px-4 sm:pb-10 sm:pt-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative isolate mx-auto flex min-h-[560px] max-w-[1400px] flex-col items-center justify-center overflow-hidden rounded-3xl px-4 py-20 text-center sm:min-h-[640px]\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/stills/hero-video-new-agent.webp\",\"alt\":\"\",\"className\":\"absolute inset-0 -z-10 h-full w-full object-cover\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 -z-10 bg-gradient-to-b from-black/50 via-black/30 to-black/70\"}],[\"$\",\"h2\",null,{\"className\":\"max-w-3xl text-3xl font-semibold tracking-tight text-white sm:text-4xl lg:text-5xl\",\"children\":[\"Meet your \",[\"$\",\"span\",null,{\"className\":\"font-bold\",\"children\":\"AI music video director\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-xl text-sm text-white/70 sm:text-base\",\"children\":\"Music Video AI analyzes your track, plans scenes around the beat, and helps shape a music video from concept to final cut.\"}],\"$L2f\",[\"$\",\"div\",null,{\"className\":\"mt-12 flex flex-wrap items-center justify-center gap-x-1 gap-y-2 rounded-2xl border border-white/15 bg-black/40 px-3 py-2.5 backdrop-blur-md\",\"children\":[[\"$\",\"div\",\"Veo\",{\"className\":\"flex items-center\",\"children\":[false,[\"$\",\"span\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1 text-sm text-white/90\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/hero-new-icon/google.webp\",\"alt\":\"Veo\",\"className\":\"size-4 rounded-sm object-cover\"}],\"Veo\"]}]]}],[\"$\",\"div\",\"Sora\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mx-1 hidden h-4 w-px bg-white/15 sm:block\"}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1 text-sm text-white/90\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/hero-new-icon/gpt.webp\",\"alt\":\"Sora\",\"className\":\"size-4 rounded-sm object-cover\"}],\"Sora\"]}]]}],[\"$\",\"div\",\"Kling\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mx-1 hidden h-4 w-px bg-white/15 sm:block\"}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1 text-sm text-white/90\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/hero-new-icon/kling.webp\",\"alt\":\"Kling\",\"className\":\"size-4 rounded-sm object-cover\"}],\"Kling\"]}]]}],[\"$\",\"div\",\"Nano Banana\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mx-1 hidden h-4 w-px bg-white/15 sm:block\"}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1 text-sm text-white/90\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/hero-new-icon/google.webp\",\"alt\":\"Nano Banana\",\"className\":\"size-4 rounded-sm object-cover\"}],\"Nano Banana\"]}]]}],[\"$\",\"div\",\"Seedance\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mx-1 hidden h-4 w-px bg-white/15 sm:block\"}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1 text-sm text-white/90\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/hero-new-icon/seedance.webp\",\"alt\":\"Seedance\",\"className\":\"size-4 rounded-sm object-cover\"}],\"Seedance\"]}]]}],[\"$\",\"div\",\"GPT Image 2\",{\"className\":\"flex items-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mx-1 hidden h-4 w-px bg-white/15 sm:block\"}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1 text-sm text-white/90\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/hero-new-icon/gpt.webp\",\"alt\":\"GPT Image 2\",\"className\":\"size-4 rounded-sm object-cover\"}],\"GPT Image 2\"]}]]}]]}]]}]}]\n:HL[\"/imgs/musicvideoai/how-to-use/3.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/no-track/05.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/no-track/06.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/features-pro/04.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/features-pro/05.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/features-pro/06.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/features-pro/07.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/testimonies/01.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/testimonies/02.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/testimonies/03.webp\",\"image\"]\n:HL[\"/imgs/musicvideoai/testimonies/04.webp\",\"image\"]\n20:[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"Describe the release mood, visual world, or reference style, then let AI draft a direction that matches the song.\"}]\n21:[\"$\",\"div\",null,{\"className\":\"mt-5 overflow-hidden rounded-2xl border border-white/5\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/how-to-use/3.webp\",\"alt\":\"\",\"className\":\"w-full\"}]}]\n")</script><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("22:[\"$\",\"div\",null,{\"className\":\"flex flex-col rounded-3xl border border-lime/40 bg-gradient-to-b from-lime/[0.06] to-transparent p-7 shadow-[0_0_60px_-20px_rgba(105,255,72,0.4)]\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-zap size-8 text-lime\",\"aria-hidden\":true,\"children\":[[\"$\",\"path\",\"1xq2db\",{\"d\":\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"mt-4 text-xl font-bold text-white\",\"children\":\"Generate and refine your video draft\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 text-xs font-medium text-lime\",\"children\":\"Step 3\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-sm leading-relaxed text-white/55\",\"children\":\"Use the generated draft as a starting point. Refine scenes, prompts, frames, and timing until the video fits your release or social channel.\"}],[\"$\",\"div\",null,{\"className\":\"mt-6 flex flex-1 items-end overflow-hidden rounded-2xl\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/1.webp\",\"alt\":\"\",\"className\":\"h-full w-full object-cover\"}]}]]}]\n23:[\"$\",\"div\",null,{\"className\":\"aspect-video overflow-hidden\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/no-track/05.webp\",\"alt\":\"\",\"className\":\"h-full w-full object-cover\"}]}]\n24:[\"$\",\"div\",null,{\"className\":\"p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-white\",\"children\":\"One-stop storyboard delivery\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"In no-audio mode, Music Video AI helps turn a text concept into a storyboard-style clip with generated audio and visuals.\"}]]}]\n25:[\"$\",\"div\",\"Swap audio anytime\",{\"className\":\"overflow-hidden rounded-3xl border border-white/10 bg-[#0a0a0a] transition hover:border-white/20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"aspect-video overflow-hidden\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/no-track/06.webp\",\"alt\":\"\",\"className\":\"h-full w-full object-cover\"}]}],[\"$\",\"div\",null,{\"className\":\"p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-white\",\"children\":\"Swap audio anytime\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-white/55\",\"children\":\"Replace generated audio with your own track when you are ready, then re-sync the visual direction around the new music.\"}]]}]]}]\n28:[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/features-pro/04.webp\",\"alt\":\"\",\"className\":\"w-full\"}]\n29:[\"$\",\"div\",null,{\"className\":\"lg:order-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20\",\"children\":\"AI Music Video Generator\"}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl\",\"children\":\"Upload \u0026 go: automatic music sync engine\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-sm leading-relaxed text-white/60 sm:text-base\",\"children\":\"Upload your track and Music Video AI analyzes BPM, structure, and emotional changes so scenes can follow rhythm and mood instead of random cuts.\"}],null]}]\n2a:[\"$\",\"div\",\"Custom editing studio\",{\"className\":\"grid items-center gap-10 lg:grid-cols-2 lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] \",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/features-pro/05.webp\",\"alt\":\"\",\"className\":\"w-full\"}]}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20\",\"children\":\"AI Music Video Generator\"}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl\",\"children\":\"Custom editing studio\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-sm leading-relaxed text-white/60 sm:text-base\",\"children\":\"Take fine-grained control with a pro-grade timeline workspace. Generate, rearrange, and polish clips scene by scene while managing assets in one place, syncing visuals tightly to the music, and tuning every detail.\"}],\"$L30\"]}]]}]\n")</script><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("2b:[\"$\",\"div\",\"AI music \u0026 toolkit engine\",{\"className\":\"grid items-center gap-10 lg:grid-cols-2 lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] lg:order-2\",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/features-pro/06.webp\",\"alt\":\"\",\"className\":\"w-full\"}]}],[\"$\",\"div\",null,{\"className\":\"lg:order-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20\",\"children\":\"AI Music Video Generator\"}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl\",\"children\":\"AI music \u0026 toolkit engine\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-sm leading-relaxed text-white/60 sm:text-base\",\"children\":\"Generate an original score, extend music, analyze structure, and prepare audio for video creation. The toolkit supports the full music-to-video pipeline.\"}],\"$L31\"]}]]}]\n2c:[\"$\",\"div\",\"Flexible AI video model options\",{\"className\":\"grid items-center gap-10 lg:grid-cols-2 lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border border-lime/20 shadow-[0_0_90px_-30px_rgba(105,255,72,0.5)] \",\"children\":[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/features-pro/07.webp\",\"alt\":\"\",\"className\":\"w-full\"}]}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block rounded-full bg-lime/10 px-3 py-1 text-xs font-medium text-lime ring-1 ring-lime/20\",\"children\":\"AI Music Video Generator\"}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-2xl font-bold tracking-tight text-white sm:text-4xl\",\"children\":\"Flexible AI video model options\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-sm leading-relaxed text-white/60 sm:text-base\",\"children\":\"Test different AI video generation styles and formats from one workspace, then choose the output that best fits your song, aspect ratio, and publishing channel.\"}],null]}]]}]\n2d:[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col items-center justify-between gap-6 rounded-3xl border border-lime/30 bg-gradient-to-r from-lime/[0.08] to-transparent p-8 shadow-[0_0_80px_-30px_rgba(105,255,72,0.5)] sm:flex-row sm:p-10\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-2xl font-bold text-white sm:text-3xl\",\"children\":\"Ready to visualize your music?\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-white/55\",\"children\":\"Start with a song, a prompt, or a visual idea.\"}]]}],\"$L32\"]}]\n")</script><script>self.__VINEXT_RSC_CHUNKS__=self.__VINEXT_RSC_CHUNKS__||[];self.__VINEXT_RSC_CHUNKS__.push("e:[\"$\",\"section\",null,{\"className\":\"overflow-hidden py-24\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-3xl px-4 text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl font-black tracking-tight text-white sm:text-4xl lg:text-5xl\",\"children\":[\"Made by the AI music video community with \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-heart mx-2 inline size-[0.8em] fill-lime text-lime\",\"aria-hidden\":true,\"children\":[[\"$\",\"path\",\"c3ymky\",{\"d\":\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"}],\"$undefined\"]}],\"\"]}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-sm text-white/55 sm:text-base\",\"children\":\"Explore AI music videos, visualizers, and rhythm-driven clips from creators around the world\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-14 flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex w-max gap-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex gap-4 animate-marquee-left\",\"children\":[[\"$\",\"div\",\"/imgs/musicvideoai/gallery/01.webp-0\",{\"className\":\"group relative aspect-video w-72 shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a0a] sm:w-96\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/imgs/musicvideoai/gallery/01.webp\",\"alt\":\"Cinematic MV\",\"loading\":\"lazy\",\"decoding\":\"async\",\"className\":\"h-full w-full object-cover transition-transform duration-500 group-hover:scale-[1.04]\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 grid place-items-center opacity-0 transition group-hover:opacity-100\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid size-11 place-items-center rounded-full bg-black/55 backdrop-blur\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-play size-4 fill-white text-white\",\"aria-hidden\":true,\"children\":[[\"$\",\"polygon\",\"1oa8hb\",{\"points\":\"6 3 20 12 6 21 6 3\"}],\"$undefined\"]}]}]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 p-3\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex rounded-full border border-white/15 bg-black/45 px-2.5 py-1 text-[11px] font-medium text-white/85 backdrop-blur\",\"children\":\"Cinematic MV\"}]}]]}],[\"$\",\"div\",\"/imgs/musicvi
… (truncated)