import{j as e}from"./radix-ui-CVZWoPyd.js";import{r as a}from"./react-vendor-BmlOtb7g.js";import{S as t}from"./SEO-BGpcOjpb.js";import{A as o}from"./AppSidebar-BQ3UxiE1.js";import{S as n}from"./sparkles-D1jOictl.js";import{Z as l}from"./zap-BdyHZhTN.js";import{A as r}from"./arrow-right-CcptuZBy.js";import{C as s}from"./circle-check-big-XRSq9IsA.js";import{S as i}from"./shield-Dv98xydA.js";import{D as c}from"./download-CrWe9HgL.js";import{X as m}from"./x-DIEzjPMA.js";import"./index-BCSgDlp8.js";import"./supabase-C8kocL5G.js";import"./react-router-DzDVDRUd.js";import"./utils-Ceo22G_t.js";import"./use-mobile-onbIdywO.js";import"./CheckoutButton-BXcL0vXQ.js";import"./analytics-CgKQjs6u.js";import"./wrench-n19foI4n.js";import"./log-out-DrMwdybL.js";import"./briefcase-Cj6O7NU7.js";import"./circle-plus-C5zM2HoU.js";import"./trending-up-DMpQ-MB3.js";import"./building-2-xmYyS5DZ.js";import"./book-open-D7nUFbtH.js";import"./settings-BQk8nNSr.js";import"./chevron-right-D_Z5YBDv.js";import"./chevron-left-D5q9zZf8.js";import"./credit-card-CUy9-vWB.js";function g(){const[g,p]=a.useState(null),[d,x]=a.useState("All"),y=[{company:"Acorns",category:"FinTech",filename:"Acorns.png"},{company:"Artboard",category:"Design",filename:"Artboard.png"},{company:"Bill.com",category:"FinTech",filename:"Bill.com.png"},{company:"Bridge",category:"FinTech",filename:"Bridge.png"},{company:"Bruno",category:"Developer Tools",filename:"Bruno.png"},{company:"Butter",category:"Productivity",filename:"Butter.png"},{company:"Channeled",category:"Analytics",filename:"Chhanneled.png"},{company:"Chronicle",category:"Security",filename:"Chronicle.png"},{company:"Codeguide.dev",category:"Developer Tools",filename:"Codeguide.dev.png"},{company:"Column",category:"Real Estate",filename:"Column.png"},{company:"Cult",category:"Community",filename:"Cult.png"},{company:"Dato CMS",category:"Developer Tools",filename:"Dato CMS.png"},{company:"Decktopus AI",category:"AI Tools",filename:"Decktopus AI.png"},{company:"Decodable",category:"Data",filename:"Decodable.png"},{company:"DollarShaveClub",category:"E-commerce",filename:"DollarShaveClub.png"},{company:"Dopt",category:"Developer Tools",filename:"Dopt.png"},{company:"Fable",category:"Storytelling",filename:"Fable.png"},{company:"Flodesk",category:"Marketing",filename:"Flodesk.png"},{company:"Formcarry",category:"Developer Tools",filename:"Formcarry.png"},{company:"Framer",category:"Design",filename:"Framer.png"},{company:"Groove",category:"Support",filename:"Groove.png"},{company:"Highnote",category:"FinTech",filename:"Highnote.png"},{company:"Hoox",category:"Productivity",filename:"Hoox.png"},{company:"Jupiter",category:"FinTech",filename:"Jupiter.png"},{company:"Keeps",category:"Health",filename:"Keeps.png"},{company:"KlientBoost",category:"Marketing",filename:"KlientBoost.png"},{company:"KlientBoost Landing",category:"Marketing",filename:"KlientBoost - Dedicated Ad Landing.png"},{company:"Marketing Guide AI",category:"AI Tools",filename:"mgai.png"},{company:"Metronome",category:"FinTech",filename:"Metronome.png"},{company:"Milanote",category:"Productivity",filename:"Milanote.png"},{company:"Miro",category:"Collaboration",filename:"Miro.png"},{company:"Mode",category:"Analytics",filename:"Mode.png"},{company:"Mural",category:"Collaboration",filename:"Mural.png"},{company:"Nomadlist",category:"Community",filename:"Nomadlist.png"},{company:"Notion",category:"Productivity",filename:"Notion.png"},{company:"Nova Benefits",category:"Benefits",filename:"Nova Benefits.png"},{company:"Nuxt",category:"Developer Tools",filename:"Nuxt.png"},{company:"Payload",category:"Developer Tools",filename:"Payload.png"},{company:"Plain",category:"Support",filename:"Plain.png"},{company:"PlanetScale",category:"Developer Tools",filename:"PlanetScale.png"},{company:"Postcards",category:"Marketing",filename:"Postcards.png"},{company:"Postlander",category:"Marketing",filename:"Postlander.png"},{company:"Postmark",category:"Developer Tools",filename:"Postmark.png"},{company:"Primer",category:"FinTech",filename:"Primer.png"},{company:"Qonto",category:"FinTech",filename:"Qonto.png"},{company:"Railway",category:"Developer Tools",filename:"Railway.png"},{company:"Remind",category:"Education",filename:"Remind.png"},{company:"Setpoint",category:"Real Estate",filename:"Setpoint.png"},{company:"Spendflo",category:"FinTech",filename:"Spendflo.png"},{company:"Spline",category:"Design",filename:"Spline.png"},{company:"Starlight",category:"Developer Tools",filename:"Starlight.png"},{company:"Substack",category:"Publishing",filename:"Substack.png"},{company:"Teamway",category:"HR",filename:"Teamway.png"},{company:"Thursday",category:"Productivity",filename:"Thursday.png"},{company:"Toggl Hire",category:"HR",filename:"Toggl Hire.png"},{company:"Tracky",category:"Analytics",filename:"Tracky.png"},{company:"Volta",category:"FinTech",filename:"Volta.png"},{company:"WorkOS",category:"Developer Tools",filename:"WorkOS.png"},{company:"Xolo",category:"FinTech",filename:"Xolo.png"},{company:"Zoho",category:"Productivity",filename:"Zoho.png"}].map((e,a)=>({id:a+1,company:e.company,category:e.category,imagePath:`/images/landing-pages/${e.filename}`,filename:e.filename})),h="All"===d?y:y.filter(e=>e.category===d);return e.jsxs("div",{className:"flex h-screen",children:[e.jsx(t,{title:"60 High-Converting Hero Section Examples - Top Company Designs",description:"Curated collection of 60 high-converting hero section examples from top companies like Notion, Framer, Railway, PlanetScale, Substack and WorkOS. Study what makes them convert.",canonical:"undefined"!=typeof window?window.location.href:"/landing-page-examples",keywords:["hero section examples","hero section design","high converting hero sections","hero section inspiration","SaaS hero sections","startup hero sections","conversion optimization"]}),e.jsx(o,{}),e.jsxs("div",{className:"flex-1 overflow-y-auto bg-slate-50",children:[e.jsx("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 w-[70%] h-[65%] bg-blue-500/15 rounded-full blur-3xl pointer-events-none"}),e.jsx("div",{className:"absolute top-1/3 right-0 w-[50%] h-[50%] bg-blue-400/15 rounded-full blur-3xl pointer-events-none"}),e.jsx("div",{className:"absolute bottom-1/4 left-0 w-[40%] h-[35%] bg-sky-500/10 rounded-full blur-3xl pointer-events-none"}),e.jsxs("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12 relative z-10",children:[e.jsx("div",{className:"relative mb-0",children:e.jsx("div",{className:"px-4 sm:px-6 py-8 sm:py-12 text-center",children:e.jsxs("div",{className:"max-w-3xl mx-auto space-y-6",children:[e.jsxs("div",{className:"inline-flex items-center px-3 py-1.5 bg-blue-50 text-blue-700 rounded-full text-sm font-medium border border-blue-200",children:[e.jsx(n,{className:"w-4 h-4 mr-2"}),"Free Gallery"]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("h1",{className:"text-3xl sm:text-5xl md:text-6xl font-bold tracking-tight text-slate-900 leading-[1.1]",children:["60 High Converting",e.jsx("br",{}),e.jsx("span",{className:"text-gradient bg-gradient-to-r from-blue-600 to-blue-700 bg-clip-text text-transparent",children:"Hero Section Examples"})]}),e.jsxs("p",{className:"text-base sm:text-lg text-slate-600 leading-relaxed max-w-2xl mx-auto",children:["Browse real hero sections from ",e.jsx("strong",{children:"Notion, Zoho, Hims"})," and 50+ other successful companies. Get inspired and see what converts."]})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row justify-center gap-3 text-sm text-slate-500",children:[e.jsxs("div",{className:"flex items-center justify-center gap-2",children:[e.jsx("div",{className:"w-1.5 h-1.5 bg-blue-500 rounded-full"}),"57% of viewing time spent here"]}),e.jsxs("div",{className:"flex items-center justify-center gap-2",children:[e.jsx("div",{className:"w-1.5 h-1.5 bg-blue-600 rounded-full"}),"You have 8 seconds to convert"]}),e.jsxs("div",{className:"flex items-center justify-center gap-2",children:[e.jsx("div",{className:"w-1.5 h-1.5 bg-blue-700 rounded-full"}),"Good design = 200% more conversions"]})]}),e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsxs("a",{href:"/questionnaire",className:"w-full sm:w-auto px-6 py-2.5 sm:py-3 bg-blue-50 hover:bg-blue-100 text-blue-700 font-medium rounded-full transition-all duration-200 border border-blue-200 hover:shadow-md hover:scale-105 inline-flex items-center justify-center gap-2 mb-4",children:[e.jsx(n,{className:"w-4 h-4"}),"Create Your Strategy in Minutes"]}),e.jsxs("div",{className:"text-slate-500 animate-bounce",children:[e.jsx("span",{className:"text-sm",children:"Scroll to see examples"}),e.jsx("div",{className:"flex justify-center mt-1",children:e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 14l-7 7m0 0l-7-7m7 7V3"})})})]})]})]})})}),e.jsx("div",{className:"hidden md:flex flex-wrap justify-center gap-2 mb-6",children:["All","Developer Tools","FinTech","Productivity","Marketing","Design","Collaboration","AI Tools"].map(a=>e.jsx("button",{onClick:()=>x(a),className:"px-4 py-1.5 rounded-full text-sm font-medium transition-all duration-200 "+(d===a?"bg-blue-50 hover:bg-blue-100 text-blue-700 border border-blue-200 hover:shadow-md hover:scale-105":"bg-slate-100 hover:bg-slate-200 text-slate-700 border border-slate-200"),children:"All"===a?`All Companies (${y.length})`:`${a} (${y.filter(e=>e.category===a).length})`},a))}),e.jsx("div",{id:"gallery",className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-6",children:h.map(a=>{return e.jsxs("div",{className:"bg-white/80 backdrop-blur-sm rounded-xl shadow-lg border border-slate-200/60 hover:shadow-xl transition-all duration-500 group overflow-hidden cursor-pointer",onClick:()=>p(a),children:[e.jsx("div",{className:"aspect-[4/3] overflow-hidden bg-slate-100",children:e.jsx("img",{src:a.imagePath,alt:`${a.company} hero section`,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500",onError:e=>{console.log(`Failed to load image: ${a.imagePath}`);e.target.src=`data:image/svg+xml;base64,${btoa(`<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg"><rect width="400" height="300" fill="#f1f5f9"/><text x="50%" y="50%" font-family="Arial, sans-serif" font-size="18" fill="#64748b" text-anchor="middle" dy="0.3em">${a.company}</text></svg>`)}`}})}),e.jsxs("div",{className:"p-4",children:[e.jsx("h3",{className:"text-xl font-semibold text-slate-800 leading-normal mb-2",children:a.company}),e.jsx("span",{className:`inline-block px-2.5 py-1 text-xs font-medium rounded-full ${t=a.category,{FinTech:"bg-green-100 text-green-800","Developer Tools":"bg-blue-100 text-blue-800",Productivity:"bg-purple-100 text-purple-800",Marketing:"bg-orange-100 text-orange-800",Design:"bg-pink-100 text-pink-800",Collaboration:"bg-indigo-100 text-indigo-800","AI Tools":"bg-red-100 text-red-800","E-commerce":"bg-yellow-100 text-yellow-800",Analytics:"bg-gray-100 text-gray-800",Support:"bg-teal-100 text-teal-800",Community:"bg-violet-100 text-violet-800",Health:"bg-emerald-100 text-emerald-800",Benefits:"bg-cyan-100 text-cyan-800","Real Estate":"bg-amber-100 text-amber-800",Education:"bg-lime-100 text-lime-800",Publishing:"bg-rose-100 text-rose-800",HR:"bg-sky-100 text-sky-800"}[t]||"bg-gray-100 text-gray-800"}`,children:a.category})]})]},a.id);var t})}),0===h.length&&e.jsx("div",{className:"text-center py-12",children:e.jsx("p",{className:"text-base text-slate-600 leading-relaxed",children:"No hero section examples found for the selected category."})}),e.jsx("div",{className:"text-center mt-16",children:e.jsxs("div",{className:"bg-white/80 backdrop-blur-sm rounded-2xl border border-slate-200/60 p-8 max-w-2xl mx-auto shadow-lg",children:[e.jsx("h3",{className:"text-2xl font-bold text-slate-800 mb-4",children:"Ready to transform your marketing?"}),e.jsx("p",{className:"text-slate-600 mb-6",children:"Join 7,204+ business owners who've accelerated their growth with our AI marketing strategy."}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center items-center",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-3xl font-bold text-slate-900",children:"$29.99"}),e.jsx("div",{className:"text-slate-600 text-sm",children:"One-time payment"})]}),e.jsxs("a",{href:"/questionnaire",className:"bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white px-8 py-4 rounded-xl font-semibold inline-flex items-center gap-2 group transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105",children:[e.jsx(l,{size:20}),"Get My Marketing Plan",e.jsx(r,{size:16,className:"group-hover:translate-x-1 transition-transform"})]})]}),e.jsxs("div",{className:"flex items-center justify-center gap-6 mt-6 text-sm text-slate-600",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s,{size:16,className:"text-blue-500"}),"Instant delivery"]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(i,{size:16,className:"text-blue-500"}),"30-day guarantee"]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(c,{size:16,className:"text-blue-500"}),"Multiple formats"]})]})]})})]})]}),g&&e.jsx("div",{className:"fixed inset-0 bg-black/75 backdrop-blur-sm flex items-center justify-center z-50 p-4",children:e.jsxs("div",{className:"relative max-w-6xl max-h-full w-full flex flex-col items-center",children:[e.jsx("button",{onClick:()=>p(null),className:"absolute -top-12 right-0 text-white hover:text-gray-300 transition-colors",children:e.jsx(m,{className:"h-8 w-8"})}),e.jsx("div",{className:"relative w-full flex justify-center",children:e.jsx("img",{src:g.imagePath,alt:`${g.company} hero section`,className:"max-w-full max-h-[60vh] md:max-h-full object-contain rounded-lg shadow-2xl"})})]})})]})}export{g as default};