PageSourceSearch

https://www.summatube.com/

html summatube.com collected 2026-10-02 01:44:51 UTC 159,389 bytes, 1 lines download raw bytes

1<!DOCTYPE html><!--Y12SIC2gfJhnFA_J7oe5Z--><html lang="en" class="inter_5901b7c6-module__ec5Qua__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/1df857730c87d936.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/e7c8c2e406d62bb6.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/ff515fd4b77281f5.js"/>
1<script src="/_next/static/chunks/e0affeef0ddb9a97.js" async=""></script>
1<script src="/_next/static/chunks/c4c0c67e81dcc3f2.js" async=""></script>
1<script src="/_next/static/chunks/a30fb6b3a329ca16.js" async=""></script>
1<script src="/_next/static/chunks/88027986029452ef.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-0306e06c6b6bc343.js" async=""></script>
1<script src="/_next/static/chunks/43d7c9b9cef7b5a1.js" async=""></script>
1<script src="/_next/static/chunks/93795107903fd9b0.js" async=""></script>
1<script src="/_next/static/chunks/f74a6859e1c4d5e3.js" async=""></script>
1<script src="/_next/static/chunks/062ae79751df2759.js" async=""></script>
1<script src="/_next/static/chunks/4461e76141959b4b.js" async=""></script>
1<script src="/_next/static/chunks/957f2c5fe34dd3ab.js" async=""></script>
1<script src="/_next/static/chunks/efa12b4fb2071af4.js" async=""></script>
1<script src="/_next/static/chunks/90719282cdbb3c8b.js" async=""></script>
1<script src="/_next/static/chunks/b3876f04bc1f08fb.js" async=""></script>
1<script src="/_next/static/chunks/3bd56e8d7f582ae0.js" async=""></script>
1<script src="/_next/static/chunks/750526075b71f47b.js" async=""></script>
1<script src="/_next/static/chunks/b1d035d16cca1fa5.js" async=""></script>
1<script src="/_next/static/chunks/88f604e84617da5e.js" async=""></script>
1<script src="/_next/static/chunks/4eabb6fae26b4085.js" async=""></script>
1<script src="/_next/static/chunks/6536a5d150a7c88d.js" async=""></script>
1<script src="/_next/static/chunks/b7310bc0170538eb.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>SummaTube - Summarize YouTube</title><meta name="description" content="Summarize YouTube videos into concise, actionable insights with AI."/><meta property="og:title" content="SummaTube - Summarize YouTube"/><meta property="og:description" content="Summarize YouTube videos into concise, actionable insights with AI."/><meta property="og:image" content="https://summatube-m2tymoi15-deddyrumapeas-projects.vercel.app/opengraph-image.png?opengraph-image.5c1a962c.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:type" content="image/png"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="SummaTube - Summarize YouTube"/><meta name="twitter:description" content="Summarize YouTube videos into concise, actionable insights with AI."/><meta name="twitter:image" content="https://summatube-m2tymoi15-deddyrumapeas-projects.vercel.app/twitter-image.png?twitter-image.5c1a962c.png"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><meta name="twitter:image:type" content="image/png"/><link rel="icon" href="/favicon.ico?favicon.348c37fe.ico" sizes="256x256" type="image/x-icon"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased"><div hidden=""><!--$--><!--/$--></div>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","system","dark",["light","dark"],null,true,true)</script>
1<main><header class="shadow-inner bg-opacity-15 w-[90%] md:w-[70%] lg:w-[75%] lg:max-w-7xl top-3 my-3 mx-auto sticky border border-secondary z-40 rounded-2xl flex justify-between items-center p-2 bg-card"><a class="font-bold text-lg flex items-center gap-x-2 lg:mx-2 mx-1" href="/"><img alt="SummaTube" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-6 h-6" style="color:transparent" src="/icon-summatube.svg"/>SummaTube</a><div class="flex items-center lg:hidden"><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="tabler-icon tabler-icon-menu-2 cursor-pointer lg:hidden mx-2 text-primary/90" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_12auqbtb_" data-state="closed" data-slot="sheet-trigger"><path d="M4 6l16 0"></path><path d="M4 12l16 0"></path><path d="M4 18l16 0"></path></svg></div><nav aria-label="Main" data-orientation="horizontal" dir="ltr" data-slot="navigation-menu" data-viewport="true" class="group/navigation-menu relative max-w-max flex-1 items-center justify-center hidden lg:block mx-auto"><div style="position:relative"><ul data-orientation="horizontal" data-slot="navigation-menu-list" class="gap-0 group flex flex-1 list-none items-center justify-center" dir="ltr"><li data-slot="navigation-menu-item" class="relative"><a class="data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-xl p-3 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 text-base px-2" data-slot="navigation-menu-link" data-radix-collection-item="" href="#product-showcase">Product</a></li><li data-slot="navigation-menu-item" class="relative"><a class="data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-xl p-3 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 text-base px-2" data-slot="navigation-menu-link" data-radix-collection-item="" href="#how-it-works">How It Works</a></li><li data-slot="navigation-menu-item" class="relative"><a class="data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-xl p-3 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 text-base px-2" data-slot="navigation-menu-link" data-radix-collection-item="" href="#features">Features</a></li><li data-slot="navigation-menu-item" class="relative"><a class="data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-xl p-3 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 text-base px-2" data-slot="navigation-menu-link" data-radix-collection-item="" href="#use-cases">Use Cases</a></li><li data-slot="navigation-menu-item" class="relative"><a class="data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-xl p-3 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 text-base px-2" data-slot="navigation-menu-link" data-radix-collection-item="" href="#faq">FAQ</a></li></ul></div><div class="absolute top-full left-0 isolate z-50 flex justify-center"></div></nav><div class="hidden lg:flex gap-2"><a data-slot="button" data-variant="secondary" data-size="lg" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3" href="/app"><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="tabler-icon tabler-icon-login-2 w-4 h-4"><path d="M9 8v-2a2 2 0 0 1 2 -2h7a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-2"></path><path d="M3 12h13l-3 -3"></path><path d="M13 15l3 -3"></path></svg>Log In</a><a href="https://chromewebstore.google.com/detail/summatube/gdjnbonaibfbjjgpoceniigpanckgpmo" target="_blank" data-slot="button" data-variant="secondary" data-size="lg" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3"><img alt="Chrome" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-4 h-4" style="color:transparent" src="/icon-chrome.svg"/>Install on Chrome</a></div></header><section id="hero"><section class="container w-full mx-auto"><div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"><div class="relative left-[calc(50%-11rem)] aspect-1155/678 w-144.5 -translate-x-1/2 rotate-30 bg-linear-to-tr from-primary/50 to-primary/10 opacity-50 sm:left-[calc(50%-30rem)] sm:w-288.75" style="clip-path:polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div></div><div class="lg:max-w-7xl gap-8 mx-auto p-6 py-20 flex flex-col items-center justify-center"><div class="text-center space-y-2 md:space-y-4"><span data-slot="badge" data-variant="outline" class="h-5 gap-1 rounded-4xl border px-2 py-0.5 text-xs font-medium has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;&gt;svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge border-border [a]:hover:bg-muted [a]:hover:text-muted-foreground bg-input/30 text-yellow-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="tabler-icon tabler-icon-star-filled "><path d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="tabler-icon tabler-icon-star-filled "><path d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="tabler-icon tabler-icon-star-filled "><path d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="tabler-icon tabler-icon-star-filled "><path d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="tabler-icon tabler-icon-star-filled "><path d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z"></path></svg></span><h1 class="text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl lg:text-7xl">Summarize<span class="text-transparent px-2 bg-linear-to-r from-primary to-yellow-600 bg-clip-text">YouTube</span></h1><p class="max-w-screen-sm mx-auto md:text-xl text-muted-foreground">Get the takeaway, right away</p></div><div class="flex flex-col items-center gap-2"><a href="https://chromewebstore.google.com/detail/summatube/gdjnbonaibfbjjgpoceniigpanckgpmo" target="_blank" data-slot="button" data-variant="secondary" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground h-14 gap-2 px-6 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 md:text-lg text-base"><img alt="Chrome" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-5 h-5" style="color:transparent" src="/icon-chrome.svg"/>Install on Chrome</a><div class="flex flex-row items-center text-center justify-center gap-2"><p class="text-muted-foreground text-sm">For mobile:</p><button data-slot="button" data-variant="link" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-9 gap-1.5 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 p-0"><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="tabler-icon tabler-icon-brand-apple h-4 w-4"><path d="M8.286 7.008c-3.216 0 -4.286 3.23 -4.286 5.92c0 3.229 2.143 8.072 4.286 8.072c1.165 -.05 1.799 -.538 3.214 -.538c1.406 0 1.607 .538 3.214 .538s4.286 -3.229 4.286 -5.381c-.03 -.011 -2.649 -.434 -2.679 -3.23c-.02 -2.335 2.589 -3.179 2.679 -3.228c-1.096 -1.606 -3.162 -2.113 -3.75 -2.153c-1.535 -.12 -3.032 1.077 -3.75 1.077c-.729 0 -2.036 -1.077 -3.214 -1.077z"></path><path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2"></path></svg>iOS app</button><button data-slot="button" data-variant="link" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-9 gap-1.5 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 p-0"><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="tabler-icon tabler-icon-brand-google-play h-4 w-4"><path d="M4 3.71v16.58a.7 .7 0 0 0 1.05 .606l14.622 -8.42a.55 .55 0 0 0 0 -.953l-14.622 -8.419a.7 .7 0 0 0 -1.05 .607z"></path><path d="M15 9l-10.5 11.5"></path><path d="M4.5 3.5l10.5 11.5"></path></svg>Android app</button></div></div></div></section></section><section id="product-showcase"><div class="w-full max-w-6xl mx-auto px-6"><div data-slot="card" data-size="default" class="border-foreground
1/10 bg-card text-card-foreground gap-6 overflow-hidden rounded-2xl text-sm border has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col w-full p-0"><div class="flex flex-col md:flex-row items-center justify-center gap-4"><div class="flex flex-col md:flex-1 md:h-[512px] h-[384px] w-full pt-4 md:pb-4 md:pr-0 px-4 gap-4"><div class="border-2 border-secondary rounded-2xl flex-1"><div class="rounded-2xl w-full h-full"><div id="" class="rounded-2xl w-full h-full"></div></div></div><div class="flex gap-2"><button class="flex-1 rounded-2xl overflow-hidden border-4 transition-all border-primary"><img alt="Video KyfUysrNaco" loading="lazy" width="96" height="54" decoding="async" data-nimg="1" class="w-full h-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fthumbnails%2FKyfUysrNaco.jpg&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fthumbnails%2FKyfUysrNaco.jpg&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fthumbnails%2FKyfUysrNaco.jpg&amp;w=256&amp;q=75"/></button><button class="flex-1 rounded-2xl overflow-hidden border-4 transition-all border-transparent hover:border-secondary"><img alt="Video nDLb8_wgX50" loading="lazy" width="96" height="54" decoding="async" data-nimg="1" class="w-full h-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fthumbnails%2FnDLb8_wgX50.jpg&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fthumbnails%2FnDLb8_wgX50.jpg&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fthumbnails%2FnDLb8_wgX50.jpg&amp;w=256&amp;q=75"/></button><button class="flex-1 rounded-2xl overflow-hidden border-4 transition-all border-transparent hover:border-secondary"><img alt="Video RdAKXJlMIZM" loading="lazy" width="96" height="54" decoding="async" data-nimg="1" class="w-full h-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fthumbnails%2FRdAKXJlMIZM.jpg&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fthumbnails%2FRdAKXJlMIZM.jpg&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fthumbnails%2FRdAKXJlMIZM.jpg&amp;w=256&amp;q=75"/></button></div></div><div class="flex flex-col md:flex-1 h-[512px] w-full"><div dir="ltr" data-orientation="horizontal" data-slot="tabs" class="group/tabs data-[orientation=horizontal]:flex-col flex flex-col gap-4 h-full w-full"><div class="flex items-center justify-between mt-4 mx-4 gap-x-2"><div class="flex-1"><div role="tablist" aria-orientation="horizontal" data-slot="tabs-list" data-variant="default" class="rounded-full p-[3px] group-data-horizontal/tabs:h-10 group-data-vertical/tabs:rounded-2xl data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col bg-muted" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-_R_14auqbtb_-content-insights" data-state="active" id="radix-_R_14auqbtb_-trigger-insights" data-slot="tabs-trigger" class="gap-1.5 rounded-full border border-transparent px-4 py-4 text-sm font-medium group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><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-gem" aria-hidden="true"><path d="M6 3h12l4 6-10 13L2 9Z"></path><path d="M11 3 8 9l4 13 4-13-3-6"></path><path d="M2 9h20"></path></svg></button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_14auqbtb_-content-chronos" data-state="inactive" id="radix-_R_14auqbtb_-trigger-chronos" data-slot="tabs-trigger" class="gap-1.5 rounded-full border border-transparent px-4 py-4 text-sm font-medium group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><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-list" aria-hidden="true"><path d="M3 12h.01"></path><path d="M3 18h.01"></path><path d="M3 6h.01"></path><path d="M8 12h13"></path><path d="M8 18h13"></path><path d="M8 6h13"></path></svg></button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_14auqbtb_-content-transcript" data-state="inactive" id="radix-_R_14auqbtb_-trigger-transcript" data-slot="tabs-trigger" class="gap-1.5 rounded-full border border-transparent px-4 py-4 text-sm font-medium group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><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-captions" aria-hidden="true"><rect width="18" height="14" x="3" y="5" rx="2" ry="2"></rect><path d="M7 15h4M15 15h2M7 11h2M13 11h4"></path></svg></button></div></div><div class="flex items-center gap-2"><div class="flex items-center"><button data-slot="button" data-variant="ghost" data-size="icon-sm" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground size-8 rounded-xl" disabled=""><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-copy" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></button><button data-slot="dropdown-menu-trigger" data-variant="ghost" data-size="icon-sm" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground size-8 rounded-xl" disabled="" type="button" id="radix-_R_1m74auqbtb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><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-share" aria-hidden="true"><path d="M12 2v13"></path><path d="m16 6-4-4-4 4"></path><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path></svg></button></div></div></div><div data-state="active" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_14auqbtb_-trigger-insights" id="radix-_R_14auqbtb_-content-insights" tabindex="0" data-slot="tabs-content" class="text-sm outline-none flex-1 overflow-auto pb-16 space-y-4" style="animation-duration:0s"><div><div class="px-4 space-y-4"><div class="space-y-2"><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-4/5"></div></div><div class="space-y-2"><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-4/5"></div></div><div class="space-y-2"><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-4/5"></div></div><div class="space-y-2"><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-4/5"></div></div><div class="space-y-2"><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-4/5"></div></div><div class="space-y-2"><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-full"></div><div data-slot="skeleton" class="bg-muted rounded-xl animate-pulse h-4 w-4/5"></div></div></div></div></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_14auqbtb_-trigger-chronos" hidden="" id="radix-_R_14auqbtb_-content-chronos" tabindex="0" data-slot="tabs-content" 
1class="text-sm outline-none flex-1 overflow-auto pb-16 space-y-4"></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_14auqbtb_-trigger-transcript" hidden="" id="radix-_R_14auqbtb_-content-transcript" tabindex="0" data-slot="tabs-content" class="text-sm outline-none flex-1 overflow-auto pb-16 space-y-4"></div></div></div></div></div></div></section><section id="how-it-works"><section class="w-full bg-muted/50 py-16 md:py-24 my-24"><div class="container mx-auto px-4 md:px-6"><div class="mx-auto max-w-232 text-center mb-12"><h2 class="text-2xl font-bold tracking-tight md:text-3xl lg:text-4xl">How It Works</h2><p class="mt-4 text-muted-foreground md:text-lg">Get instant video summaries in just three steps.</p></div><div class="mx-auto grid max-w-5xl grid-cols-1 gap-8 md:grid-cols-3"><div class="relative flex flex-col items-center text-center group"><div class="absolute left-[calc(50%+4rem)] top-16 hidden h-0.5 w-[calc(100%-4rem)] bg-linear-to-r from-border to-border/50 md:block"></div><div class="mb-6 relative"><div class="absolute inset-0 rounded-3xl bg-linear-to-br from-blue-500/20 to-cyan-400/20 blur-xl opacity-60 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative flex h-28 w-28 items-center justify-center rounded-3xl border bg-background shadow-lg transition-transform duration-300 group-hover:scale-105"><div class="flex h-16 w-16 items-center justify-center rounded-2xl bg-linear-to-br from-blue-500 to-cyan-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-8 w-8 text-white" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></div></div><div class="absolute -right-2 -top-2 flex h-8 w-8 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground shadow-md">01</div></div><h3 class="mb-2 text-xl font-bold">Install SummaTube</h3><p class="text-muted-foreground max-w-[260px]">Add the SummaTube extension to your browser or download the app.</p></div><div class="relative flex flex-col items-center text-center group"><div class="absolute left-[calc(50%+4rem)] top-16 hidden h-0.5 w-[calc(100%-4rem)] bg-linear-to-r from-border to-border/50 md:block"></div><div class="mb-6 relative"><div class="absolute inset-0 rounded-3xl bg-linear-to-br from-red-500/20 to-rose-400/20 blur-xl opacity-60 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative flex h-28 w-28 items-center justify-center rounded-3xl border bg-background shadow-lg transition-transform duration-300 group-hover:scale-105"><div class="flex h-16 w-16 items-center justify-center rounded-2xl bg-linear-to-br from-red-500 to-rose-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-8 w-8 text-white" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute -right-2 -top-2 flex h-8 w-8 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground shadow-md">02</div></div><h3 class="mb-2 text-xl font-bold">Open a YouTube Video</h3><p class="text-muted-foreground max-w-[260px]">Go to any YouTube video you want to summarize.</p></div><div class="relative flex flex-col items-center text-center group"><div class="mb-6 relative"><div class="absolute inset-0 rounded-3xl bg-linear-to-br from-amber-500/20 to-yellow-400/20 blur-xl opacity-60 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative flex h-28 w-28 items-center justify-center rounded-3xl border bg-background shadow-lg transition-transform duration-300 group-hover:scale-105"><div class="flex h-16 w-16 items-center justify-center rounded-2xl bg-linear-to-br from-amber-500 to-yellow-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-8 w-8 text-white" 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></div></div><div class="absolute -right-2 -top-2 flex h-8 w-8 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground shadow-md">03</div></div><h3 class="mb-2 text-xl font-bold">Get the Summary</h3><p class="text-muted-foreground max-w-[260px]">Instantly receive a comprehensive summary with key takeaways.</p></div></div><div class="flex flex-col items-center gap-2 mt-12"><a href="https://chromewebstore.google.com/detail/summatube/gdjnbonaibfbjjgpoceniigpanckgpmo" target="_blank" data-slot="button" data-variant="secondary" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground h-14 gap-2 px-6 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 md:text-lg text-base"><img alt="Chrome" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-5 h-5" style="color:transparent" src="/icon-chrome.svg"/>Install on Chrome</a><div class="flex flex-row items-center text-center justify-center gap-2"><p class="text-muted-foreground text-sm">For mobile:</p><button data-slot="button" data-variant="link" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-9 gap-1.5 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 p-0"><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="tabler-icon tabler-icon-brand-apple h-4 w-4"><path d="M8.286 7.008c-3.216 0 -4.286 3.23 -4.286 5.92c0 3.229 2.143 8.072 4.286 8.072c1.165 -.05 1.799 -.538 3.214 -.538c1.406 0 1.607 .538 3.214 .538s4.286 -3.229 4.286 -5.381c-.03 -.011 -2.649 -.434 -2.679 -3.23c-.02 -2.335 2.589 -3.179 2.679 -3.228c-1.096 -1.606 -3.162 -2.113 -3.75 -2.153c-1.535 -.12 -3.032 1.077 -3.75 1.077c-.729 0 -2.036 -1.077 -3.214 -1.077z"></path><path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2"></path></svg>iOS app</button><button data-slot="button" data-variant="link" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-9 gap-1.5 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 p-0"><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="tabler-icon tabler-icon-brand-google-play h-4 w-4"><path d="M4 3.71v16.58a.7 .7 0 0 0 1.05 .606l14.622 -8.42a.55 .55 0 0 0 0 -.953l-14.622 -8.419a.7 .7 0 0 0 -1.05 .607z"></path><path d="M15 9l-10.5 11.5"></path><path d="M4.5 3.5l10.5 11.5"></path></svg>Android app</button></div></div></div></section></section><section id="features"><section class="w-full"><div class="container mx-auto px-4 md:px-6"><div class="mx-auto  text-center"><h2 class="text-2xl font-bold tracking-tight md:text-3xl lg:text-4xl">Skip the fluff. Jump to what matters.</h2><p class="mt-4 text-muted-foreground md:text-lg">SummaTube ranks insights by importance, so you learn faster.</p></div><div class="mx-auto mt-12 grid max-w-5xl gap-6 sm:grid-cols-2 lg:grid-cols-3"><div class="group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl"><div class="absolute inset-0 bg-linear-to-br from-yellow-500/20 to-orange-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="relative z-10 flex flex-col gap-4"><div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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 h-6 
1w-6" 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></div><div class="space-y-2"><h3 class="text-lg font-semibold">AI-Powered Insights</h3><p class="text-sm text-muted-foreground leading-relaxed">Extract novel, actionable insights ranked by importance. Skip the fluff and get straight to what matters.</p></div></div></div><div class="group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl"><div class="absolute inset-0 bg-linear-to-br from-blue-500/20 to-cyan-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="relative z-10 flex flex-col gap-4"><div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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-navigation h-6 w-6" aria-hidden="true"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg></div><div class="space-y-2"><h3 class="text-lg font-semibold">Timestamped Navigation</h3><p class="text-sm text-muted-foreground leading-relaxed">Jump to any moment with chronological summaries that link directly to key topics in the video.</p></div></div></div><div class="group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl"><div class="absolute inset-0 bg-linear-to-br from-purple-500/20 to-pink-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="relative z-10 flex flex-col gap-4"><div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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-message-square-text h-6 w-6" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path><path d="M13 8H7"></path><path d="M17 12H7"></path></svg></div><div class="space-y-2"><h3 class="text-lg font-semibold">Instant Q&amp;A</h3><p class="text-sm text-muted-foreground leading-relaxed">Get the main question and answer from each video. Perfect for quick understanding.</p></div></div></div><div class="group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl"><div class="absolute inset-0 bg-linear-to-br from-green-500/20 to-emerald-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="relative z-10 flex flex-col gap-4"><div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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-file-text h-6 w-6" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="space-y-2"><h3 class="text-lg font-semibold">Full Transcripts</h3><p class="text-sm text-muted-foreground leading-relaxed">Access complete timestamped transcripts for any YouTube video with subtitles.</p></div></div></div><div class="group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl"><div class="absolute inset-0 bg-linear-to-br from-red-500/20 to-rose-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="relative z-10 flex flex-col gap-4"><div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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 h-6 w-6" 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></div><div class="space-y-2"><h3 class="text-lg font-semibold">Multilingual Support</h3><p class="text-sm text-muted-foreground leading-relaxed">Summarize videos in their original language across 50+ supported languages.</p></div></div></div><div class="group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl"><div class="absolute inset-0 bg-linear-to-br from-indigo-500/20 to-violet-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="relative z-10 flex flex-col gap-4"><div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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-share2 lucide-share-2 h-6 w-6" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg></div><div class="space-y-2"><h3 class="text-lg font-semibold">Export &amp; Share</h3><p class="text-sm text-muted-foreground leading-relaxed">Save summaries as PDF, DOCX, or Markdown. Organize with collections and share via link.</p></div></div></div></div></div></section></section><section class="w-full py-16 md:py-20"><div class="container mx-auto px-4 md:px-6"><div class="relative mx-auto max-w-4xl rounded-3xl border border-primary/20 p-8 text-center md:p-12 lg:p-16 bg-[radial-gradient(ellipse_80%_50%_at_20%_20%,rgba(234,179,8,0.15),transparent),radial-gradient(ellipse_60%_50%_at_80%_80%,rgba(234,179,8,0.12),transparent),radial-gradient(ellipse_100%_100%_at_50%_50%,rgba(0,0,0,0.8),rgba(0,0,0,0.95))]"><div class="absolute inset-0 rounded-3xl opacity-[0.03] overflow-hidden"><div class="absolute inset-0 bg-[radial-gradient(circle_at_30%_20%,currentColor_1px,transparent_1px)] bg-size-[24px_24px]"></div></div><div class="relative z-10"><h2 class="text-2xl font-bold tracking-tight text-white md:text-3xl lg:text-4xl">Life&#x27;s too short for long videos.<!-- --> <span class="text-white/70">Get to the point.</span></h2><div class="mt-8 flex flex-col items-center gap-4"><a href="https://chromewebstore.google.com/detail/summatube/gdjnbonaibfbjjgpoceniigpanckgpmo" target="_blank" data-slot="button" data-variant="secondary" data-size="lg" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 h-14 gap-2 px-8 text-base"><img alt="Chrome" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="h-5 w-5" style="color:transparent" src="/icon-chrome.svg"/>Install on Chrome</a><div class="flex flex-row items-center text-center justify-center gap-2"><p class="text-muted-foreground text-sm">For mobile:</p><button data-slot="button" data-variant="link" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-9 gap-1.5 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 p-0"><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="tabler-icon tabler-icon-brand-apple h-4 w-4"><path d="M8.286 7.008c-3.216 0 -4.286 3.23 -4.286 5.92c0 3.229 2.143 8.072 4.286 8.072c1.165 -.05 1.799 -.538 3.214 -.538c1.406 0 1.607 .538 3.214 .538s4.286 -3.229 4.286 -5.381c-.03 -.011 -2.649 -.434 -2.679 -3.23c-.02 -2.335 2.589 -3.179 2.679 -3.228c-1.096 -1.606 -3.162 -2.113 -3.75 -2.153c-1.535 -.12 -3.032 1.077 -3.75 1.077c-.729 0 -2.036 -1.077 -3.214 -1.077z"></path><path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2"></path></svg>iOS app</button><button data-slot="button" data-variant="link" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-9 gap-1.5 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 p-0"><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="tabler-icon tabler-icon-brand-google-play h-4 w-4"><path d="M4 3.71v16.58a.7 .7 0 0 0 1.05 .606l14.622 -8.42a.55 .55 0 0 0 0 -.953l-14.622 -8.419a.7 .7 0 0 0 -1.05 .607z"></path><path d="M15 9l-10.5 11.5"></path><path d="M4.5 3.5l10.5 11.5"></path></svg>Android app</button></div></div></div></div></div></section><section id="use-cases"><section class="w-full py-16 md:py-24"><div class="container mx-auto px-4 md:px-6"><div class="mx-auto max-w-[58rem] text-center"><h2 class="text-2xl font-bold tracking-tight md:text-3xl lg:text-4xl">Perfect for anyone who values their time</h2></div><div class="mx-auto mt-12 grid max-w-5xl gap-6 sm:grid-cols-2 lg:grid-cols-3"><div class="group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg"><div class="flex items-start gap-4"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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-briefcase h-6 w-6" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg></div><div><h3 class="font-semibold">Busy Professionals</h3><p class="mt-1 text-sm text-muted-foreground">Skip to what matters in meetings, tutorials, and industry talks.</p></div></div></div><div class="group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg"><div class="flex items-start gap-4"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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-graduation-cap h-6 w-6" aria-hidden="true"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><div><h3 class="font-semibold">Students</h3><p class="mt-1 text-sm text-muted-foreground">Turn lecture videos into study guides instantly.</p></div></div></div><div class="group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg"><div class="flex items-start gap-4"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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-video h-6 w-6" aria-hidden="true"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div><div><h3 class="font-semibold">Content Creators</h3><p class="mt-1 text-sm text-muted-foreground">Research competitors and trends without watching hours of content.</p></div></div></div><div class="group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg"><div class="flex items-start gap-4"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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-rocket h-6 w-6" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div><h3 class="font-semibold">Entrepreneurs</h3><p class="mt-1 text-sm text-muted-foreground">Learn from business advice videos in a fraction of the time.</p></div></div></div><div class="group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg"><div class="flex items-start gap-4"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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-search h-6 w-6" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></div><div><h3 class="font-semibold">Researchers</h3><p class="mt-1 text-sm text-muted-foreground">
1Scan through hours of interviews and presentations efficiently.</p></div></div></div><div class="group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg"><div class="flex items-start gap-4"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground"><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-users h-6 w-6" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><div><h3 class="font-semibold">Casual Viewers</h3><p class="mt-1 text-sm text-muted-foreground">Decide what&#x27;s worth watching before committing your time.</p></div></div></div></div></div></section></section><section class="w-full py-16 md:py-20"><div class="container mx-auto px-4 md:px-6"><div class="relative mx-auto max-w-4xl rounded-3xl border border-primary/20 p-8 text-center md:p-12 lg:p-16 bg-[radial-gradient(ellipse_80%_50%_at_20%_20%,rgba(234,179,8,0.15),transparent),radial-gradient(ellipse_60%_50%_at_80%_80%,rgba(234,179,8,0.12),transparent),radial-gradient(ellipse_100%_100%_at_50%_50%,rgba(0,0,0,0.8),rgba(0,0,0,0.95))]"><div class="absolute inset-0 rounded-3xl opacity-[0.03] overflow-hidden"><div class="absolute inset-0 bg-[radial-gradient(circle_at_30%_20%,currentColor_1px,transparent_1px)] bg-size-[24px_24px]"></div></div><div class="relative z-10"><h2 class="text-2xl font-bold tracking-tight text-white md:text-3xl lg:text-4xl">What if you could read YouTube?<!-- --> <span class="text-white/70">Now you can.</span></h2><div class="mt-8 flex flex-col items-center gap-4"><a href="https://chromewebstore.google.com/detail/summatube/gdjnbonaibfbjjgpoceniigpanckgpmo" target="_blank" data-slot="button" data-variant="secondary" data-size="lg" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 h-14 gap-2 px-8 text-base"><img alt="Chrome" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="h-5 w-5" style="color:transparent" src="/icon-chrome.svg"/>Install on Chrome</a><div class="flex flex-row items-center text-center justify-center gap-2"><p class="text-muted-foreground text-sm">For mobile:</p><button data-slot="button" data-variant="link" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-9 gap-1.5 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 p-0"><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="tabler-icon tabler-icon-brand-apple h-4 w-4"><path d="M8.286 7.008c-3.216 0 -4.286 3.23 -4.286 5.92c0 3.229 2.143 8.072 4.286 8.072c1.165 -.05 1.799 -.538 3.214 -.538c1.406 0 1.607 .538 3.214 .538s4.286 -3.229 4.286 -5.381c-.03 -.011 -2.649 -.434 -2.679 -3.23c-.02 -2.335 2.589 -3.179 2.679 -3.228
1c-1.096 -1.606 -3.162 -2.113 -3.75 -2.153c-1.535 -.12 -3.032 1.077 -3.75 1.077c-.729 0 -2.036 -1.077 -3.214 -1.077z"></path><path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2"></path></svg>iOS app</button><button data-slot="button" data-variant="link" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-9 gap-1.5 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 p-0"><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="tabler-icon tabler-icon-brand-google-play h-4 w-4"><path d="M4 3.71v16.58a.7 .7 0 0 0 1.05 .606l14.622 -8.42a.55 .55 0 0 0 0 -.953l-14.622 -8.419a.7 .7 0 0 0 -1.05 .607z"></path><path d="M15 9l-10.5 11.5"></path><path d="M4.5 3.5l10.5 11.5"></path></svg>Android app</button></div></div></div></div></div></section><section id="faq"><section class="w-full py-16 md:py-24"><div class="container mx-auto px-4 md:px-6"><div class="mx-auto max-w-3xl"><h2 class="text-center text-2xl font-bold tracking-tight md:text-3xl lg:text-4xl">Frequently Asked Questions</h2><div data-slot="accordion" class="overflow-hidden rounded-2xl border flex flex-col mt-8 w-full" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="data-open:bg-muted/50 not-last:border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_13aauqbtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_3aauqbtb_" data-slot="accordion-trigger" class="**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 text-left text-base font-medium" data-radix-collection-item="">What is SummaTube used for?<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="tabler-icon tabler-icon-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="M6 9l6 6l6 -6"></path></svg><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="tabler-icon tabler-icon-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="M6 15l6 -6l6 6"></path></svg></button></h3><div data-state="closed" id="radix-_R_13aauqbtb_" hidden="" role="region" aria-labelledby="radix-_R_3aauqbtb_" data-orientation="vertical" data-slot="accordion-content" class="data-open:animate-accordion-down data-closed:animate-accordion-up px-4 text-sm overflow-hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="data-open:bg-muted/50 not-last:border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_15aauqbtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_5aauqbtb_" data-slot="accordion-trigger" class="**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 text-left text-base font-medium" data-radix-collection-item="">Does SummaTube work on mobile devices?<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="tabler-icon tabler-icon-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="M6 9l6 6l6 -6"></path></svg><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="tabler-icon tabler-icon-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="M6 15l6 -6l6 6"></path></svg></button></h3><div data-state="closed" id="radix-_R_15aauqbtb_" hidden="" role="region" aria-labelledby="radix-_R_5aauqbtb_" data-orientation="vertical" data-slot="accordion-content" 
1class="data-open:animate-accordion-down data-closed:animate-accordion-up px-4 text-sm overflow-hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="data-open:bg-muted/50 not-last:border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_17aauqbtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_7aauqbtb_" data-slot="accordion-trigger" class="**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 text-left text-base font-medium" data-radix-collection-item="">Can I save and manage my video summaries?<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="tabler-icon tabler-icon-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="M6 9l6 6l6 -6"></path></svg><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="tabler-icon tabler-icon-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="M6 15l6 -6l6 6"></path></svg></button></h3><div data-state="closed" id="radix-_R_17aauqbtb_" hidden="" role="region" aria-labelledby="radix-_R_7aauqbtb_" data-orientation="vertical" data-slot="accordion-content" class="data-open:animate-accordion-down data-closed:animate-accordion-up px-4 text-sm overflow-hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="data-open:bg-muted/50 not-last:border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_19aauqbtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_9aauqbtb_" data-slot="accordion-trigger" class="**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 text-left text-base font-medium" data-radix-collection-item="">How does SummaTube generate video summaries?<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="tabler-icon tabler-icon-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="M6 9l6 6l6 -6"></path></svg><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="tabler-icon tabler-icon-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="M6 15l6 -6l6 6"></path></svg></button></h3><div data-state="closed" id="radix-_R_19aauqbtb_" hidden="" role="region" aria-labelledby="radix-_R_9aauqbtb_" data-orientation="vertical" data-slot="accordion-content" class="data-open:animate-accordion-down data-closed:animate-accordion-up px-4 text-sm overflow-hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="data-open:bg-muted/50 not-last:border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1baauqbtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_baauqbtb_" data-slot="accordion-trigger" class="**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 text-left text-base font-medium" data-radix-collection-item="">Can I summarize videos that I uploaded myself?<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="tabler-icon tabler-icon-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="M6 9l6 6l6 -6"></path></svg><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="tabler-icon tabler-icon-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="M6 15l6 -6l6 6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1baauqbtb_" hidden="" role="region" aria-labelledby="radix-_R_baauqbtb_" data-orientation="vertical" data-slot="accordion-content" 
1class="data-open:animate-accordion-down data-closed:animate-accordion-up px-4 text-sm overflow-hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="data-open:bg-muted/50 not-last:border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1daauqbtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_daauqbtb_" data-slot="accordion-trigger" class="**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 text-left text-base font-medium" data-radix-collection-item="">How do I summarize a YouTube video using SummaTube?<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="tabler-icon tabler-icon-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="M6 9l6 6l6 -6"></path></svg><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="tabler-icon tabler-icon-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="M6 15l6 -6l6 6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1daauqbtb_" hidden="" role="region" aria-labelledby="radix-_R_daauqbtb_" data-orientation="vertical" data-slot="accordion-content" class="data-open:animate-accordion-down data-closed:animate-accordion-up px-4 text-sm overflow-hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="data-open:bg-muted/50 not-last:border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1faauqbtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_faauqbtb_" data-slot="accordion-trigger" class="**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 text-left text-base font-medium" data-radix-collection-item="">Is it possible to share a summary with other people?<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="tabler-icon tabler-icon-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="M6 9l6 6l6 -6"></path></svg><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="tabler-icon tabler-icon-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="M6 15l6 -6l6 6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1faauqbtb_" hidden="" role="region" aria-labelledby="radix-_R_faauqbtb_" data-orientation="vertical" data-slot="accordion-content" 
1class="data-open:animate-accordion-down data-closed:animate-accordion-up px-4 text-sm overflow-hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="data-open:bg-muted/50 not-last:border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1haauqbtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_haauqbtb_" data-slot="accordion-trigger" class="**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 text-left text-base font-medium" data-radix-collection-item="">Does SummaTube support videos in different languages?<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="tabler-icon tabler-icon-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="M6 9l6 6l6 -6"></path></svg><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="tabler-icon tabler-icon-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="M6 15l6 -6l6 6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1haauqbtb_" hidden="" role="region" aria-labelledby="radix-_R_haauqbtb_" data-orientation="vertical" data-slot="accordion-content" class="data-open:animate-accordion-down data-closed:animate-accordion-up px-4 text-sm overflow-hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="data-open:bg-muted/50 not-last:border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1jaauqbtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_jaauqbtb_" data-slot="accordion-trigger" class="**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 text-left text-base font-medium" data-radix-collection-item="">Is there a limit to how long a video can be summarized?<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="tabler-icon tabler-icon-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="M6 9l6 6l6 -6"></path></svg><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="tabler-icon tabler-icon-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="M6 15l6 -6l6 6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1jaauqbtb_" hidden="" role="region" aria-labelledby="radix-_R_jaauqbtb_" data-orientation="vertical" data-slot="accordion-content" 
1class="data-open:animate-accordion-down data-closed:animate-accordion-up px-4 text-sm overflow-hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="data-open:bg-muted/50 not-last:border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1laauqbtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_laauqbtb_" data-slot="accordion-trigger" class="**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 text-left text-base font-medium" data-radix-collection-item="">Can SummaTube summarize podcasts or news videos on YouTube?<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="tabler-icon tabler-icon-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="M6 9l6 6l6 -6"></path></svg><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="tabler-icon tabler-icon-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="M6 15l6 -6l6 6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1laauqbtb_" hidden="" role="region" aria-labelledby="radix-_R_laauqbtb_" data-orientation="vertical" data-slot="accordion-content" class="data-open:animate-accordion-down data-closed:animate-accordion-up px-4 text-sm overflow-hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="data-open:bg-muted/50 not-last:border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1naauqbtb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_naauqbtb_" data-slot="accordion-trigger" class="**:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50 text-left text-base font-medium" data-radix-collection-item="">What makes SummaTube different from other YouTube summarizers?<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="tabler-icon tabler-icon-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" data-slot="accordion-trigger-icon"><path d="M6 9l6 6l6 -6"></path></svg><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="tabler-icon tabler-icon-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" data-slot="accordion-trigger-icon"><path d="M6 15l6 -6l6 6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1naauqbtb_" hidden="" role="region" aria-labelledby="radix-_R_naauqbtb_" data-orientation="vertical" data-slot="accordion-content" 
1class="data-open:animate-accordion-down data-closed:animate-accordion-up px-4 text-sm overflow-hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div></div></div></section></section><section class="w-full py-16 md:py-20"><div class="container mx-auto px-4 md:px-6"><div class="relative mx-auto max-w-4xl rounded-3xl border border-primary/20 p-8 text-center md:p-12 lg:p-16 bg-[radial-gradient(ellipse_80%_50%_at_20%_20%,rgba(234,179,8,0.15),transparent),radial-gradient(ellipse_60%_50%_at_80%_80%,rgba(234,179,8,0.12),transparent),radial-gradient(ellipse_100%_100%_at_50%_50%,rgba(0,0,0,0.8),rgba(0,0,0,0.95))]"><div class="absolute inset-0 rounded-3xl opacity-[0.03] overflow-hidden"><div class="absolute inset-0 bg-[radial-gradient(circle_at_30%_20%,currentColor_1px,transparent_1px)] bg-size-[24px_24px]"></div></div><div class="relative z-10"><h2 class="text-2xl font-bold tracking-tight text-white md:text-3xl lg:text-4xl">Your future self will thank you.<!-- --> <span class="text-white/70">For all the time you just saved.</span></h2><div class="mt-8 flex flex-col items-center gap-4"><a href="https://chromewebstore.google.com/detail/summatube/gdjnbonaibfbjjgpoceniigpanckgpmo" target="_blank" data-slot="button" data-variant="secondary" data-size="lg" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 h-14 gap-2 px-8 text-base"><img alt="Chrome" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="h-5 w-5" style="color:transparent" src="/icon-chrome.svg"/>Install on Chrome</a><div class="flex flex-row items-center text-center justify-center gap-2"><p class="text-muted-foreground text-sm">For mobile:</p><button data-slot="button" data-variant="link" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-9 gap-1.5 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 p-0"><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="tabler-icon tabler-icon-brand-apple h-4 w-4"><path d="M8.286 7.008c-3.216 0 -4.286 3.23 -4.286 5.92c0 3.229 2.143 8.072 4.286 8.072c1.165 -.05 1.799 -.538 3.214 -.538c1.406 0 1.607 .538 3.214 .538s4.286 -3.229 4.286 -5.381c-.03 -.011 -2.649 -.434 -2.679 -3.23c-.02 -2.335 2.589 -3.179 2.679 -3.228c-1.096 -1.606 -3.162 -2.113 -3.75 -2.153c-1.535 -.12 -3.032 1.077 -3.75 1.077c-.729 0 -2.036 -1.077 -3.214 -1.077z"></path><path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2"></path></svg>iOS app</button><button data-slot="button" data-variant="link" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none shrink-0 [&amp;_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-9 gap-1.5 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 p-0"><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="tabler-icon tabler-icon-brand-google-play h-4 w-4"><path d="M4 3.71v16.58a.7 .7 0 0 0 1.05 .606l14.622 -8.42a.55 .55 0 0 0 0 -.953l-14.622 -8.419a.7 .7 0 0 0 -1.05 .607z"></path><path d="M15 9l-10.5 11.5"></path><path d="M4.5 3.5l10.5 11.5"></path></svg>Android app</button></div></div></div></div></div></section><section id="footer"><footer id="footer" class="container w-full mx-auto px-6 py-24"><div class="p-10 bg-card border border-secondary rounded-2xl"><div class="grid grid-cols-2 md:grid-cols-4 xl:grid-cols-6 gap-x-12 gap-y-8"><div class="col-span-full xl:col-span-3 space-y-4"><div class="flex flex-row font-bold items-center gap-x-2"><img alt="SummaTube" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-6 h-6" style="color:transparent" src="/icon-summatube.svg"/><h3 class="text-2xl">SummaTube</h3></div><p class="text-sm text-muted-foreground">Get the takeaway, right away. Summarize YouTube videos into concise, actionable insights with AI.</p></div><div class="flex flex-col gap-2"><h3 class="font-bold text-lg">Socials</h3><div><a href="https://x.com/summatube" target="_blank" rel="noopener noreferrer" class="opacity-60 hover:opacity-100">X</a></div><div><a href="https://www.instagram.com/summatube" target="_blank" rel="noopener noreferrer" class="opacity-60 hover:opacity-100">Instagram</a></div><div><a href="https://www.tiktok.com/@summatube" target="_blank" rel="noopener noreferrer" class="opacity-60 hover:opacity-100">TikTok</a></div></div><div class="flex flex-col gap-2"><h3 class="font-bold text-lg">Help</h3><div><a class="opacity-60 hover:opacity-100" href="mailto:[email protected]">Contact Us</a></div><div><a class="opacity-60 hover:opacity-100" href="#faq">FAQ</a></div></div><div class="flex flex-col gap-2"><h3 class="font-bold text-lg">Legal</h3><div><a class="opacity-60 hover:opacity-100" href="/terms">Terms of Service</a></div><div><a class="opacity-60 hover:opacity-100" href="/privacy">Privacy Policy</a></div></div></div><div data-orientation="horizontal" role="none" data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch my-6"></div><section class="flex flex-row justify-between items-center"><h3 class="text-sm text-muted-foreground">© <!-- -->2026<!-- --> SummaTube. All rights reserved.</h3></section></div></footer></section></main><!--$--><!--/$--><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
1<script src="/_next/static/chunks/ff515fd4b77281f5.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[61042,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\"],\"ExtensionAuthNotifier\"]\n3:I[88287,[\"/_next/static/chunks/f74a6859e1c4d5e3.js\",\"/_next/static/chunks/062ae79751df2759.js\"],\"default\"]\n4:I[74895,[\"/_next/static/chunks/f74a6859e1c4d5e3.js\",\"/_next/static/chunks/062ae79751df2759.js\"],\"default\"]\n5:I[7756,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\"],\"ThemeProvider\"]\n6:I[69280,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\"],\"QueryProvider\"]\n7:I[39811,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\"],\"Toaster\"]\n8:I[78046,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\",\"/_next/static/chunks/efa12b4fb2071af4.js\",\"/_next/static/chunks/90719282cdbb3c8b.js\",\"/_next/static/chunks/b3876f04bc1f08fb.js\",\"/_next/static/chunks/3bd56e8d7f582ae0.js\",\"/_next/static/chunks/750526075b71f47b.js\",\"/_next/static/chunks/b1d035d16cca1fa5.js\",\"/_next/static/chunks/88f604e84617da5e.js\",\"/_next/static/chunks/4eabb6fae26b4085.js\",\"/_next/static/chunks/6536a5d150a7c88d.js\",\"/_next/static/chunks/b7310bc0170538eb.js\"],\"PreloadChunks\"]\na:I[38560,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\",\"/_next/static/chunks/efa12b4fb2071af4.js\",\"/_next/static/chunks/90719282cdbb3c8b.js\",\"/_next/static/chunks/b3876f04bc1f08fb.js\",\"/_next/static/chunks/3bd56e8d7f582ae0.js\",\"/_next/static/chunks/750526075b71f47b.js\",\"/_next/static/chunks/b1d035d16cca1fa5.js\",\"/_next/static/chunks/88f604e84617da5e.js\",\"/_next/static/chunks/4eabb6fae26b4085.js\",\"/_next/static/chunks/6536a5d150a7c88d.js\",\"/_next/static/chunks/b7310bc0170538eb.js\"],\"Navbar\"]\n24:I[52576,[],\"default\"]\n:HL[\"/_next/static/chunks/1df857730c87d936.css\",\"style\"]\n:HL[\"/_next/static/chunks/e7c8c2e406d62bb6.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Y12SIC2gfJhnFA-J7oe5Z\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(public)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1df857730c87d936.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/e7c8c2e406d62bb6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/93795107903fd9b0.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"inter_5901b7c6-module__ec5Qua__variable\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased\",\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/4461e76141959b4b.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/957f2c5fe34dd3ab.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L5\",null,{\"attribute\":\"class\",\"forcedTheme\":\"dark\",\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:style\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:children:props:children:1:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L7\",null,{}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"main\",null,{\"children\":[[[\"$\",\"$L8\",null,{\"moduleIds\":[\"11755281558100398516\"]}],\"$L9\"],[\"$\",\"$La\",null,{}],[\"$\",\"section\",null,{\"id\":\"hero\",\"children\":[\"$\",\"section\",null,{\"className\":\"container w-full mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative left-[calc(50%-11rem)] aspect-1155/678 w-144.5 -translate-x-1/2 rotate-30 bg-linear-to-tr from-primary/50 to-primary/10 opacity-50 sm:left-[calc(50%-30rem)] sm:w-288.75\",\"style\":{\"clipPath\":\"polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)\"}}]}],[\"$\",\"div\",null,{\"className\":\"lg:max-w-7xl gap-8 mx-auto p-6 py-20 flex flex-col items-center justify-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center space-y-2 md:space-y-4\",\"children\":[\"$Lb\",\"$Lc\",\"$Ld\"]}],\"$Le\"]}]]}]}],\"$Lf\",\"$L10\",\"$L11\",\"$L12\",\"$L13\",\"$L14\",\"$L15\",\"$L16\",\"$L17\"]}],[\"$L18\",\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\"],\"$L22\"]}],{}
1,null,false,false]},null,false,false]},null,false,false],\"$L23\",false]],\"m\":\"$undefined\",\"G\":[\"$24\",[]],\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"25:I[69537,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\",\"/_next/static/chunks/efa12b4fb2071af4.js\",\"/_next/static/chunks/90719282cdbb3c8b.js\",\"/_next/static/chunks/b3876f04bc1f08fb.js\",\"/_next/static/chunks/3bd56e8d7f582ae0.js\",\"/_next/static/chunks/750526075b71f47b.js\",\"/_next/static/chunks/b1d035d16cca1fa5.js\",\"/_next/static/chunks/88f604e84617da5e.js\",\"/_next/static/chunks/4eabb6fae26b4085.js\",\"/_next/static/chunks/6536a5d150a7c88d.js\",\"/_next/static/chunks/b7310bc0170538eb.js\"],\"Image\"]\n26:I[62262,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\",\"/_next/static/chunks/efa12b4fb2071af4.js\",\"/_next/static/chunks/90719282cdbb3c8b.js\",\"/_next/static/chunks/b3876f04bc1f08fb.js\",\"/_next/static/chunks/3bd56e8d7f582ae0.js\",\"/_next/static/chunks/750526075b71f47b.js\",\"/_next/static/chunks/b1d035d16cca1fa5.js\",\"/_next/static/chunks/88f604e84617da5e.js\",\"/_next/static/chunks/4eabb6fae26b4085.js\",\"/_next/static/chunks/6536a5d150a7c88d.js\",\"/_next/static/chunks/b7310bc0170538eb.js\"],\"MobileAppButtons\"]\n27:I[47266,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\",\"/_next/static/chunks/efa12b4fb2071af4.js\",\"/_next/static/chunks/90719282cdbb3c8b.js\",\"/_next/static/chunks/b3876f04bc1f08fb.js\",\"/_next/static/chunks/3bd56e8d7f582ae0.js\",\"/_next/static/chunks/750526075b71f47b.js\",\"/_next/static/chunks/b1d035d16cca1fa5.js\",\"/_next/static/chunks/88f604e84617da5e.js\",\"/_next/static/chunks/4eabb6fae26b4085.js\",\"/_next/static/chunks/6536a5d150a7c88d.js\",\"/_next/static/chunks/b7310bc0170538eb.js\"],\"ProductShowcase\"]\n34:I[33021,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\",\"/_next/static/chunks/efa12b4fb2071af4.js\",\"/_next/static/chunks/90719282cdbb3c8b.js\",\"/_next/static/chunks/b3876f04bc1f08fb.js\",\"/_next/static/chunks/3bd56e8d7f582ae0.js\",\"/_next/static/chunks/750526075b71f47b.js\",\"/_next/static/chunks/b1d035d16cca1fa5.js\",\"/_next/static/chunks/88f604e84617da5e.js\",\"/_next/static/chunks/4eabb6fae26b4085.js\",\"/_next/static/chunks/6536a5d150a7c88d.js\",\"/_next/static/chunks/b7310bc0170538eb.js\"],\"FAQ\"]\n35:I[4561,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\",\"/_next/static/chunks/efa12b4fb2071af4.js\",\"/_next/static/chunks/90719282cdbb3c8b.js\",\"/_next/static/chunks/b3876f04bc1f08fb.js\",\"/_next/static/chunks/3bd56e8d7f582ae0.js\",\"/_next/static/chunks/750526075b71f47b.js\",\"/_next/static/chunks/b1d035d16cca1fa5.js\",\"/_next/static/chunks/88f604e84617da5e.js\",\"/_next/static/chunks/4eabb6fae26b4085.js\",\"/_next/static/chunks/6536a5d150a7c88d.js\",\"/_next/static/chunks/b7310bc0170538eb.js\"],\"\"]\n36:I[75803,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\",\"/_next/static/chunks/efa12b4fb2071af4.js\",\"/_next/static/chunks/90719282cdbb3c8b.js\",\"/_next/static/chunks/b3876f04bc1f08fb.js\",\"/_next/static/chunks/3bd56e8d7f582ae0.js\",\"/_next/static/chunks/750526075b71f47b.js\",\"/_next/static/chunks/b1d035d16cca1fa5.js\",\"/_next/static/chunks/88f604e84617da5e.js\",\"/_next/static/chunks/4eabb6fae26b4085.js\",\"/_next/static/chunks/6536a5d150a7c88d.js\",\"/_next/static/chunks/b7310bc0170538eb.js\"],\"Separator\"]\n37:I[51858,[\"/_next/static/chunks/f74a6859e1c4d5e3.js\",\"/_next/static/chunks/062ae79751df2759.js\"],\"OutletBoundary\"]\n38:\"$Sreact.suspense\"\n3a:I[51858,[\"/_next/static/chunks/f74a6859e1c4d5e3.js\",\"/_next/static/chunks/062ae79751df2759.js\"],\"ViewportBoundary\"]\n3c:I[51858,[\"/_next/static/chunks/f74a6859e1c4d5e3.js\",\"/_next/static/chunks/"])</script>
1<script>self.__next_f.push([1,"062ae79751df2759.js\"],\"MetadataBoundary\"]\n"])</script>
1<script>self.__next_f.push([1,"b:[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"data-variant\":\"outline\",\"className\":\"h-5 gap-1 rounded-4xl border px-2 py-0.5 text-xs font-medium has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [\u0026\u003esvg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge border-border [a]:hover:bg-muted [a]:hover:text-muted-foreground bg-input/30 text-yellow-500\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"stroke\":\"none\",\"className\":\"tabler-icon tabler-icon-star-filled \",\"children\":[\"$undefined\",[\"$\",\"path\",\"svg-0\",{\"d\":\"M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z\"}],\"$undefined\"]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"stroke\":\"none\",\"className\":\"tabler-icon tabler-icon-star-filled \",\"children\":[\"$undefined\",[\"$\",\"path\",\"svg-0\",{\"d\":\"M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z\"}],\"$undefined\"]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"stroke\":\"none\",\"className\":\"tabler-icon tabler-icon-star-filled \",\"children\":[\"$undefined\",[\"$\",\"path\",\"svg-0\",{\"d\":\"M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z\"}],\"$undefined\"]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"stroke\":\"none\",\"className\":\"tabler-icon tabler-icon-star-filled \",\"children\":[\"$undefined\",[\"$\",\"path\",\"svg-0\",{\"d\":\"M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z\"}],\"$undefined\"]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"stroke\":\"none\",\"className\":\"tabler-icon tabler-icon-star-filled \",\"children\":[\"$undefined\",[\"$\",\"path\",\"svg-0\",{\"d\":\"M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z\"}],\"$undefined\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"c:[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl lg:text-7xl\",\"children\":[\"Summarize\",[\"$\",\"span\",null,{\"className\":\"text-transparent px-2 bg-linear-to-r from-primary to-yellow-600 bg-clip-text\",\"children\":\"YouTube\"}]]}]\nd:[\"$\",\"p\",null,{\"className\":\"max-w-screen-sm mx-auto md:text-xl text-muted-foreground\",\"children\":\"Get the takeaway, right away\"}]\ne:[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-2\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://chromewebstore.google.com/detail/summatube/gdjnbonaibfbjjgpoceniigpanckgpmo\",\"target\":\"_blank\",\"children\":[[\"$\",\"$L25\",null,{\"src\":\"/icon-chrome.svg\",\"alt\":\"Chrome\",\"width\":16,\"height\":16,\"className\":\"w-5 h-5\"}],\"Install on Chrome\"],\"data-slot\":\"button\",\"data-variant\":\"secondary\",\"data-size\":\"default\",\"className\":\"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [\u0026_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none shrink-0 [\u0026_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground h-14 gap-2 px-6 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 md:text-lg text-base\",\"ref\":null}],[\"$\",\"$L26\",null,{}]]}]\nf:[\"$\",\"section\",null,{\"id\":\"product-showcase\",\"children\":[\"$\",\"$L27\",null,{}]}]\n"])</script>
1<script>self.__next_f.push([1,"10:[\"$\",\"section\",null,{\"id\":\"how-it-works\",\"children\":[\"$\",\"section\",null,{\"className\":\"w-full bg-muted/50 py-16 md:py-24 my-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 md:px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-232 text-center mb-12\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold tracking-tight md:text-3xl lg:text-4xl\",\"children\":\"How It Works\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-muted-foreground md:text-lg\",\"children\":\"Get instant video summaries in just three steps.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto grid max-w-5xl grid-cols-1 gap-8 md:grid-cols-3\",\"children\":[[\"$\",\"div\",\"01\",{\"className\":\"relative flex flex-col items-center text-center group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-[calc(50%+4rem)] top-16 hidden h-0.5 w-[calc(100%-4rem)] bg-linear-to-r from-border to-border/50 md:block\"}],[\"$\",\"div\",null,{\"className\":\"mb-6 relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 rounded-3xl bg-linear-to-br from-blue-500/20 to-cyan-400/20 blur-xl opacity-60 group-hover:opacity-100 transition-opacity duration-300\"}],[\"$\",\"div\",null,{\"className\":\"relative flex h-28 w-28 items-center justify-center rounded-3xl border bg-background shadow-lg transition-transform duration-300 group-hover:scale-105\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex h-16 w-16 items-center justify-center rounded-2xl bg-linear-to-br from-blue-500 to-cyan-400\",\"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.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-download h-8 w-8 text-white\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"m9g1x1\",{\"d\":\"M12 15V3\"}],[\"$\",\"path\",\"ih7n3h\",{\"d\":\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"}],[\"$\",\"path\",\"brsn70\",{\"d\":\"m7 10 5 5 5-5\"}],\"$undefined\"]}]}]}],[\"$\",\"div\",null,{\"className\":\"absolute -right-2 -top-2 flex h-8 w-8 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground shadow-md\",\"children\":\"01\"}]]}],[\"$\",\"h3\",null,{\"className\":\"mb-2 text-xl font-bold\",\"children\":\"Install SummaTube\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground max-w-[260px]\",\"children\":\"Add the SummaTube extension to your browser or download the app.\"}]]}],[\"$\",\"div\",\"02\",{\"className\":\"relative flex flex-col items-center text-center group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-[calc(50%+4rem)] top-16 hidden h-0.5 w-[calc(100%-4rem)] bg-linear-to-r from-border to-border/50 md:block\"}],[\"$\",\"div\",null,{\"className\":\"mb-6 relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 rounded-3xl bg-linear-to-br from-red-500/20 to-rose-400/20 blur-xl opacity-60 group-hover:opacity-100 transition-opacity duration-300\"}],[\"$\",\"div\",null,{\"className\":\"relative flex h-28 w-28 items-center justify-center rounded-3xl border bg-background shadow-lg transition-transform duration-300 group-hover:scale-105\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex h-16 w-16 items-center justify-center rounded-2xl bg-linear-to-br from-red-500 to-rose-400\",\"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.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-play h-8 w-8 text-white\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"polygon\",\"1oa8hb\",{\"points\":\"6 3 20 12 6 21 6 3\"}],\"$undefined\"]}]}]}],[\"$\",\"div\",null,{\"className\":\"absolute -right-2 -top-2 flex h-8 w-8 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground shadow-md\",\"children\":\"02\"}]]}],[\"$\",\"h3\",null,{\"className\":\"mb-2 text-xl font-bold\",\"children\":\"Open a YouTube Video\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground max-w-[260px]\",\"children\":\"Go to any YouTube video you want to summarize.\"}]]}],[\"$\",\"div\",\"03\",{\"className\":\"relative flex flex-col items-center text-center group\",\"children\":[false,\"$L28\",\"$L29\",\"$L2a\"]}]]}],\"$L2b\"]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"11:[\"$\",\"section\",null,{\"id\":\"features\",\"children\":[\"$\",\"section\",null,{\"className\":\"w-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 md:px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto  text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold tracking-tight md:text-3xl lg:text-4xl\",\"children\":\"Skip the fluff. Jump to what matters.\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-muted-foreground md:text-lg\",\"children\":\"SummaTube ranks insights by importance, so you learn faster.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto mt-12 grid max-w-5xl gap-6 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"div\",\"AI-Powered Insights\",{\"className\":\"group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-linear-to-br from-yellow-500/20 to-orange-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"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 h-6 w-6\",\"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\"]}]}],[\"$\",\"div\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"AI-Powered Insights\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed\",\"children\":\"Extract novel, actionable insights ranked by importance. Skip the fluff and get straight to what matters.\"}]]}]]}]]}],[\"$\",\"div\",\"Timestamped Navigation\",{\"className\":\"group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-linear-to-br from-blue-500/20 to-cyan-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"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-navigation h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"polygon\",\"1ltx0t\",{\"points\":\"3 11 22 2 13 21 11 13 3 11\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"Timestamped Navigation\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed\",\"children\":\"Jump to any moment with chronological summaries that link directly to key topics in the video.\"}]]}]]}]]}],[\"$\",\"div\",\"Instant Q\u0026A\",{\"className\":\"group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-linear-to-br from-purple-500/20 to-pink-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"children\":\"$L2c\"}],\"$L2d\"]}]]}],\"$L2e\",\"$L2f\",\"$L30\"]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"12:[\"$\",\"section\",null,{\"className\":\"w-full py-16 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 md:px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative mx-auto max-w-4xl rounded-3xl border border-primary/20 p-8 text-center md:p-12 lg:p-16 bg-[radial-gradient(ellipse_80%_50%_at_20%_20%,rgba(234,179,8,0.15),transparent),radial-gradient(ellipse_60%_50%_at_80%_80%,rgba(234,179,8,0.12),transparent),radial-gradient(ellipse_100%_100%_at_50%_50%,rgba(0,0,0,0.8),rgba(0,0,0,0.95))]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 rounded-3xl opacity-[0.03] overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[radial-gradient(circle_at_30%_20%,currentColor_1px,transparent_1px)] bg-size-[24px_24px]\"}]}],[\"$\",\"div\",null,{\"className\":\"relative z-10\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold tracking-tight text-white md:text-3xl lg:text-4xl\",\"children\":[\"Life's too short for long videos.\",\" \",[\"$\",\"span\",null,{\"className\":\"text-white/70\",\"children\":\"Get to the point.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col items-center gap-4\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://chromewebstore.google.com/detail/summatube/gdjnbonaibfbjjgpoceniigpanckgpmo\",\"target\":\"_blank\",\"children\":[[\"$\",\"$L25\",null,{\"src\":\"/icon-chrome.svg\",\"alt\":\"Chrome\",\"width\":16,\"height\":16,\"className\":\"h-5 w-5\"}],\"Install on Chrome\"],\"data-slot\":\"button\",\"data-variant\":\"secondary\",\"data-size\":\"lg\",\"className\":\"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [\u0026_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none shrink-0 [\u0026_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 h-14 gap-2 px-8 text-base\",\"ref\":null}],[\"$\",\"$L26\",null,{}]]}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"13:[\"$\",\"section\",null,{\"id\":\"use-cases\",\"children\":[\"$\",\"section\",null,{\"className\":\"w-full py-16 md:py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 md:px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-[58rem] text-center\",\"children\":[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold tracking-tight md:text-3xl lg:text-4xl\",\"children\":\"Perfect for anyone who values their time\"}]}],[\"$\",\"div\",null,{\"className\":\"mx-auto mt-12 grid max-w-5xl gap-6 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"div\",\"Busy Professionals\",{\"className\":\"group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-start gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"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-briefcase h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"jecpp\",{\"d\":\"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"}],[\"$\",\"rect\",\"i6l2r4\",{\"width\":\"20\",\"height\":\"14\",\"x\":\"2\",\"y\":\"6\",\"rx\":\"2\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"Busy Professionals\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-sm text-muted-foreground\",\"children\":\"Skip to what matters in meetings, tutorials, and industry talks.\"}]]}]]}]}],[\"$\",\"div\",\"Students\",{\"className\":\"group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-start gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"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-graduation-cap h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"j76jl0\",{\"d\":\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\"}],[\"$\",\"path\",\"1lu8f3\",{\"d\":\"M22 10v6\"}],[\"$\",\"path\",\"1r8lef\",{\"d\":\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"Students\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-sm text-muted-foreground\",\"children\":\"Turn lecture videos into study guides instantly.\"}]]}]]}]}],[\"$\",\"div\",\"Content Creators\",{\"className\":\"group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-start gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"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-video h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"ftymec\",{\"d\":\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"}],[\"$\",\"rect\",\"158x01\",{\"x\":\"2\",\"y\":\"6\",\"width\":\"14\",\"height\"
1:\"12\",\"rx\":\"2\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"Content Creators\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-sm text-muted-foreground\",\"children\":\"Research competitors and trends without watching hours of content.\"}]]}]]}]}],[\"$\",\"div\",\"Entrepreneurs\",{\"className\":\"group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg\",\"children\":\"$L31\"}],\"$L32\",\"$L33\"]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"14:[\"$\",\"section\",null,{\"className\":\"w-full py-16 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 md:px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative mx-auto max-w-4xl rounded-3xl border border-primary/20 p-8 text-center md:p-12 lg:p-16 bg-[radial-gradient(ellipse_80%_50%_at_20%_20%,rgba(234,179,8,0.15),transparent),radial-gradient(ellipse_60%_50%_at_80%_80%,rgba(234,179,8,0.12),transparent),radial-gradient(ellipse_100%_100%_at_50%_50%,rgba(0,0,0,0.8),rgba(0,0,0,0.95))]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 rounded-3xl opacity-[0.03] overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[radial-gradient(circle_at_30%_20%,currentColor_1px,transparent_1px)] bg-size-[24px_24px]\"}]}],[\"$\",\"div\",null,{\"className\":\"relative z-10\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold tracking-tight text-white md:text-3xl lg:text-4xl\",\"children\":[\"What if you could read YouTube?\",\" \",[\"$\",\"span\",null,{\"className\":\"text-white/70\",\"children\":\"Now you can.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col items-center gap-4\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://chromewebstore.google.com/detail/summatube/gdjnbonaibfbjjgpoceniigpanckgpmo\",\"target\":\"_blank\",\"children\":[[\"$\",\"$L25\",null,{\"src\":\"/icon-chrome.svg\",\"alt\":\"Chrome\",\"width\":16,\"height\":16,\"className\":\"h-5 w-5\"}],\"Install on Chrome\"],\"data-slot\":\"button\",\"data-variant\":\"secondary\",\"data-size\":\"lg\",\"className\":\"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [\u0026_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none shrink-0 [\u0026_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 h-14 gap-2 px-8 text-base\",\"ref\":null}],[\"$\",\"$L26\",null,{}]]}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"15:[\"$\",\"section\",null,{\"id\":\"faq\",\"children\":[\"$\",\"$L34\",null,{}]}]\n"])</script>
1<script>self.__next_f.push([1,"16:[\"$\",\"section\",null,{\"className\":\"w-full py-16 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 md:px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative mx-auto max-w-4xl rounded-3xl border border-primary/20 p-8 text-center md:p-12 lg:p-16 bg-[radial-gradient(ellipse_80%_50%_at_20%_20%,rgba(234,179,8,0.15),transparent),radial-gradient(ellipse_60%_50%_at_80%_80%,rgba(234,179,8,0.12),transparent),radial-gradient(ellipse_100%_100%_at_50%_50%,rgba(0,0,0,0.8),rgba(0,0,0,0.95))]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 rounded-3xl opacity-[0.03] overflow-hidden\",\"children\":[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[radial-gradient(circle_at_30%_20%,currentColor_1px,transparent_1px)] bg-size-[24px_24px]\"}]}],[\"$\",\"div\",null,{\"className\":\"relative z-10\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold tracking-tight text-white md:text-3xl lg:text-4xl\",\"children\":[\"Your future self will thank you.\",\" \",[\"$\",\"span\",null,{\"className\":\"text-white/70\",\"children\":\"For all the time you just saved.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col items-center gap-4\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://chromewebstore.google.com/detail/summatube/gdjnbonaibfbjjgpoceniigpanckgpmo\",\"target\":\"_blank\",\"children\":[[\"$\",\"$L25\",null,{\"src\":\"/icon-chrome.svg\",\"alt\":\"Chrome\",\"width\":16,\"height\":16,\"className\":\"h-5 w-5\"}],\"Install on Chrome\"],\"data-slot\":\"button\",\"data-variant\":\"secondary\",\"data-size\":\"lg\",\"className\":\"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [\u0026_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none shrink-0 [\u0026_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 h-14 gap-2 px-8 text-base\",\"ref\":null}],[\"$\",\"$L26\",null,{}]]}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"17:[\"$\",\"section\",null,{\"id\":\"footer\",\"children\":[\"$\",\"footer\",null,{\"id\":\"footer\",\"className\":\"container w-full mx-auto px-6 py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"p-10 bg-card border border-secondary rounded-2xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 md:grid-cols-4 xl:grid-cols-6 gap-x-12 gap-y-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-full xl:col-span-3 space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-row font-bold items-center gap-x-2\",\"children\":[[\"$\",\"$L25\",null,{\"src\":\"/icon-summatube.svg\",\"alt\":\"SummaTube\",\"width\":16,\"height\":16,\"className\":\"w-6 h-6\"}],[\"$\",\"h3\",null,{\"className\":\"text-2xl\",\"children\":\"SummaTube\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground\",\"children\":\"Get the takeaway, right away. Summarize YouTube videos into concise, actionable insights with AI.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-lg\",\"children\":\"Socials\"}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://x.com/summatube\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"opacity-60 hover:opacity-100\",\"children\":\"X\"}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/summatube\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"opacity-60 hover:opacity-100\",\"children\":\"Instagram\"}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.tiktok.com/@summatube\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"opacity-60 hover:opacity-100\",\"children\":\"TikTok\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-lg\",\"children\":\"Help\"}],[\"$\",\"div\",null,{\"children\":[\"$\",\"$L35\",null,{\"href\":\"mailto:[email protected]\",\"className\":\"opacity-60 hover:opacity-100\",\"children\":\"Contact Us\"}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"$L35\",null,{\"href\":\"#faq\",\"className\":\"opacity-60 hover:opacity-100\",\"children\":\"FAQ\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-lg\",\"children\":\"Legal\"}],[\"$\",\"div\",null,{\"children\":[\"$\",\"$L35\",null,{\"href\":\"/terms\",\"className\":\"opacity-60 hover:opacity-100\",\"children\":\"Terms of Service\"}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"$L35\",null,{\"href\":\"/privacy\",\"className\":\"opacity-60 hover:opacity-100\",\"children\":\"Privacy Policy\"}]}]]}]]}],[\"$\",\"$L36\",null,{\"className\":\"my-6\"}],[\"$\",\"section\",null,{\"className\":\"flex flex-row justify-between items-center\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-sm text-muted-foreground\",\"children\":[\"© \",2026,\" SummaTube. All rights reserved.\"]}]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"18:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/efa12b4fb2071af4.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n19:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/90719282cdbb3c8b.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1a:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/b3876f04bc1f08fb.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1b:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/3bd56e8d7f582ae0.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1c:[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/750526075b71f47b.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1d:[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/b1d035d16cca1fa5.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1e:[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/88f604e84617da5e.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1f:[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/4eabb6fae26b4085.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n20:[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/6536a5d150a7c88d.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n21:[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/b7310bc0170538eb.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n22:[\"$\",\"$L37\",null,{\"children\":[\"$\",\"$38\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@39\"}]}]\n23:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L3a\",null,{\"children\":\"$@3b\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L3c\",null,{\"children\":[\"$\",\"$38\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@3d\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"28:[\"$\",\"div\",null,{\"className\":\"mb-6 relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 rounded-3xl bg-linear-to-br from-amber-500/20 to-yellow-400/20 blur-xl opacity-60 group-hover:opacity-100 transition-opacity duration-300\"}],[\"$\",\"div\",null,{\"className\":\"relative flex h-28 w-28 items-center justify-center rounded-3xl border bg-background shadow-lg transition-transform duration-300 group-hover:scale-105\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex h-16 w-16 items-center justify-center rounded-2xl bg-linear-to-br from-amber-500 to-yellow-400\",\"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.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-8 w-8 text-white\",\"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\"]}]}]}],[\"$\",\"div\",null,{\"className\":\"absolute -right-2 -top-2 flex h-8 w-8 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground shadow-md\",\"children\":\"03\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"29:[\"$\",\"h3\",null,{\"className\":\"mb-2 text-xl font-bold\",\"children\":\"Get the Summary\"}]\n2a:[\"$\",\"p\",null,{\"className\":\"text-muted-foreground max-w-[260px]\",\"children\":\"Instantly receive a comprehensive summary with key takeaways.\"}]\n2b:[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-2 mt-12\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://chromewebstore.google.com/detail/summatube/gdjnbonaibfbjjgpoceniigpanckgpmo\",\"target\":\"_blank\",\"children\":[[\"$\",\"$L25\",null,{\"src\":\"/icon-chrome.svg\",\"alt\":\"Chrome\",\"width\":16,\"height\":16,\"className\":\"w-5 h-5\"}],\"Install on Chrome\"],\"data-slot\":\"button\",\"data-variant\":\"secondary\",\"data-size\":\"default\",\"className\":\"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [\u0026_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none shrink-0 [\u0026_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground h-14 gap-2 px-6 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 md:text-lg text-base\",\"ref\":null}],[\"$\",\"$L26\",null,{}]]}]\n2c:[\"$\",\"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-message-square-text h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1lielz\",{\"d\":\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"}],[\"$\",\"path\",\"14i4kc\",{\"d\":\"M13 8H7\"}],[\"$\",\"path\",\"16if0g\",{\"d\":\"M17 12H7\"}],\"$undefined\"]}]\n2d:[\"$\",\"div\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"Instant Q\u0026A\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed\",\"children\":\"Get the main question and answer from each video. Perfect for quick understanding.\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2e:[\"$\",\"div\",\"Full Transcripts\",{\"className\":\"group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-linear-to-br from-green-500/20 to-emerald-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"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-file-text h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1rqfz7\",{\"d\":\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"}],[\"$\",\"path\",\"tnqrlb\",{\"d\":\"M14 2v4a2 2 0 0 0 2 2h4\"}],[\"$\",\"path\",\"b1mrlr\",{\"d\":\"M10 9H8\"}],[\"$\",\"path\",\"t4e002\",{\"d\":\"M16 13H8\"}],[\"$\",\"path\",\"z1uh3a\",{\"d\":\"M16 17H8\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"Full Transcripts\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed\",\"children\":\"Access complete timestamped transcripts for any YouTube video with subtitles.\"}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2f:[\"$\",\"div\",\"Multilingual Support\",{\"className\":\"group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-linear-to-br from-red-500/20 to-rose-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"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-globe h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"path\",\"13o1zl\",{\"d\":\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"}],[\"$\",\"path\",\"9i4pu4\",{\"d\":\"M2 12h20\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"Multilingual Support\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed\",\"children\":\"Summarize videos in their original language across 50+ supported languages.\"}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"30:[\"$\",\"div\",\"Export \u0026 Share\",{\"className\":\"group relative overflow-hidden rounded-2xl border bg-background p-6 transition-all duration-300 hover:border-primary/50 hover:shadow-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-linear-to-br from-indigo-500/20 to-violet-500/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"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-share2 lucide-share-2 h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"circle\",\"gq8acd\",{\"cx\":\"18\",\"cy\":\"5\",\"r\":\"3\"}],[\"$\",\"circle\",\"w7nqdw\",{\"cx\":\"6\",\"cy\":\"12\",\"r\":\"3\"}],[\"$\",\"circle\",\"1xt0gg\",{\"cx\":\"18\",\"cy\":\"19\",\"r\":\"3\"}],[\"$\",\"line\",\"47mynk\",{\"x1\":\"8.59\",\"x2\":\"15.42\",\"y1\":\"13.51\",\"y2\":\"17.49\"}],[\"$\",\"line\",\"1n3mei\",{\"x1\":\"15.41\",\"x2\":\"8.59\",\"y1\":\"6.51\",\"y2\":\"10.49\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"Export \u0026 Share\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed\",\"children\":\"Save summaries as PDF, DOCX, or Markdown. Organize with collections and share via link.\"}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"31:[\"$\",\"div\",null,{\"className\":\"flex items-start gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"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-rocket h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"m3kijz\",{\"d\":\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"}],[\"$\",\"path\",\"1fmvmk\",{\"d\":\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"}],[\"$\",\"path\",\"1f8sc4\",{\"d\":\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"}],[\"$\",\"path\",\"qeys4\",{\"d\":\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"Entrepreneurs\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-sm text-muted-foreground\",\"children\":\"Learn from business advice videos in a fraction of the time.\"}]]}]]}]\n32:[\"$\",\"div\",\"Researchers\",{\"className\":\"group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-start gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"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-search h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"14j7rj\",{\"d\":\"m21 21-4.34-4.34\"}],[\"$\",\"circle\",\"4ej97u\",{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"8\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"Researchers\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-sm text-muted-foreground\",\"children\":\"Scan through hours of interviews and presentations efficiently.\"}]]}]]}]}]\n33:[\"$\",\"div\",\"Casual Viewers\",{\"className\":\"group relative overflow-hidden rounded-xl border bg-background p-6 transition-all hover:border-primary/50 hover:shadow-lg\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-start gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground\",\"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-users h-6 w-6\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1yyitq\",{\"d\":\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"}],[\"$\",\"path\",\"16gr8j\",{\"d\":\"M16 3.128a4 4 0 0 1 0 7.744\"}],[\"$\",\"path\",\"kshegd\",{\"d\":\"M22 21v-2a4 4 0 0 0-3-3.87\"}],[\"$\",\"circle\",\"nufk8\",{\"cx\":\"9\",\"cy\":\"7\",\"r\":\"4\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold\",\"children\":\"Casual Viewers\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-sm text-muted-foreground\",\"children\":\"Decide what's worth watching before committing your time.\"}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"3e:I[11170,[\"/_next/static/chunks/43d7c9b9cef7b5a1.js\",\"/_next/static/chunks/93795107903fd9b0.js\",\"/_next/static/chunks/4461e76141959b4b.js\",\"/_next/static/chunks/957f2c5fe34dd3ab.js\",\"/_next/static/chunks/efa12b4fb2071af4.js\",\"/_next/static/chunks/90719282cdbb3c8b.js\",\"/_next/static/chunks/b3876f04bc1f08fb.js\",\"/_next/static/chunks/3bd56e8d7f582ae0.js\",\"/_next/static/chunks/750526075b71f47b.js\",\"/_next/static/chunks/b1d035d16cca1fa5.js\",\"/_next/static/chunks/88f604e84617da5e.js\",\"/_next/static/chunks/4eabb6fae26b4085.js\",\"/_next/static/chunks/6536a5d150a7c88d.js\",\"/_next/static/chunks/b7310bc0170538eb.js\"],\"default\"]\n9:[\"$\",\"$L3e\",null,{}]\n"])</script>
1<script>self.__next_f.push([1,"3b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"3f:I[49310,[\"/_next/static/chunks/f74a6859e1c4d5e3.js\",\"/_next/static/chunks/062ae79751df2759.js\"],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"3d:[[\"$\",\"title\",\"0\",{\"children\":\"SummaTube - Summarize YouTube\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Summarize YouTube videos into concise, actionable insights with AI.\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"SummaTube - Summarize YouTube\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"Summarize YouTube videos into concise, actionable insights with AI.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:image\",\"content\":\"https://summatube-m2tymoi15-deddyrumapeas-projects.vercel.app/opengraph-image.png?opengraph-image.5c1a962c.png\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:title\",\"content\":\"SummaTube - Summarize YouTube\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:description\",\"content\":\"Summarize YouTube videos into concise, actionable insights with AI.\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:image\",\"content\":\"https://summatube-m2tymoi15-deddyrumapeas-projects.vercel.app/twitter-image.png?twitter-image.5c1a962c.png\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"link\",\"15\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.348c37fe.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L3f\",\"16\",{}]]\n"])</script>
1<script>self.__next_f.push([1,"39:null\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.