2 lines
8.4 KiB
JavaScript
2 lines
8.4 KiB
JavaScript
|
import{f as v,a as c,c as Y}from"../chunks/CkL4Pxt3.js";import"../chunks/ZgnPtkD2.js";import{D as N,p as L,t as M,e as G,i as E,j as I,s as d,d as l,r as i,g as h,n as U,J as Z,k as $,f as tt,$ as at}from"../chunks/s1dcSIVc.js";import{t as et,s as rt,a as J,e as P,i as T,h as it,N as st,F as ot}from"../chunks/DQsFLTCT.js";import{s as lt}from"../chunks/-tUHYaTb.js";import{o as R}from"../chunks/C0eu8ep9.js";import{s as _}from"../chunks/CPMpaYR7.js";import{i as B}from"../chunks/B6leOVDb.js";function z(r,s={},t,a){for(var e in t){var n=t[e];s[e]!==n&&(t[e]==null?r.style.removeProperty(e):r.style.setProperty(e,n,a))}}function W(r,s,t,a){var e=r.__style;if(N||e!==s){var n=et(s,a);(!N||n!==r.getAttribute("style"))&&(n==null?r.removeAttribute("style"):r.style.cssText=n),r.__style=s}else a&&(Array.isArray(a)?(z(r,t==null?void 0:t[0],a[0]),z(r,t==null?void 0:t[1],a[1],"important")):z(r,t,a));return a}var nt=v('<section class="relative min-h-[80vh] flex items-center justify-center overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50"></div> <div class="absolute inset-0 opacity-[0.03]"></div> <div class="absolute top-20 left-10 w-72 h-72 bg-primary-200 rounded-full mix-blend-multiply filter blur-3xl opacity-30 animate-pulse"></div> <div class="absolute bottom-20 right-10 w-72 h-72 bg-indigo-200 rounded-full mix-blend-multiply filter blur-3xl opacity-30 animate-pulse" style="animation-delay: 1s;"></div> <div><h1 class="text-5xl md:text-7xl font-extrabold tracking-tight mb-6"><span class="text-gray-900">Build with</span> <span class="gradient-text">AI</span></h1> <p class="text-xl md:text-2xl text-gray-600 font-light max-w-2xl mx-auto mb-10 leading-relaxed">Data science guides, interactive tools, and insights to accelerate your journey.</p> <div class="flex flex-wrap justify-center gap-4"><a href="/guides/" class="px-8 py-3 bg-primary-600 text-white rounded-full font-medium hover:bg-primary-700 transition-all shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30">Explore Guides</a> <a href="/tools/" class="px-8 py-3 bg-white text-gray-700 rounded-full font-medium hover:bg-gray-50 transition-all border border-gray-200 shadow-sm">Try Tools</a></div></div></section>');function dt(r,s){L(s,!0);let t=I(!1);R(()=>{setTimeout(()=>{E(t,!0)},100)});var a=nt(),e=d(l(a),2);W(e,"",{},{"background-image":"url('data:image/svg+xml,%3Csvg width=%2760%27 height=%2760%27 viewBox=%270 0 60 60%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg fill=%27%23000%27%3E%3Cpath d=%27M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')"});var n=d(e,6);i(a),M(()=>rt(n,1,`relative z-10 text-center px-6 max-w-4xl mx-auto transition-all duration-1000 ${h(t)?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`)),c(r,a),G()}var ct=v('<a class="group block p-6 bg-white rounded-2xl border border-gray-100 card-hover"><div class="w-12 h-12 rounded-xl flex items-center justify-center mb-4 transition-transform group-hover:scale-110"><span class="text-2xl"> </span></div> <h3 class="text-lg font-semibold text-gray-900 mb-2 group-hover:text-primary-600 transition-colors"> </h3> <p class="text-gray-600 text-sm leading-relaxed"> </p> <div class="mt-4 flex items-center text-primary-600 text-sm font-medium"><span>Learn more</span> <svg class="w-4 h-4 ml-1 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></a>');function vt(r,s){var t=ct(),a=l(t),e=l(a),n=l(e,!0);i(e),i(a);var m=d(a,2),g=l(m,!0);i(m);var x=d(m,2),k=l(x,!0);i(x),U(2),i(t),M(()=>{J(t,"href",s.href),W(a,`background: ${s.color??""}15;`),_(n,s.icon),_(g,s.title),_(k,s.description)}),c(r,t)}var mt=v('<div class="p-6 bg-white rounded-xl border border-gray-100 animate-pulse"><div class="h-3 bg-gray-200 rounded w-20 mb-3"></div> <div cla
|