https://getmelon.com.au/assets/Blog-BkntAL_D.js

1import{r as t,u as x,j as e,d as p}from"./index-DjvjYx8D.js";import{H as g}from"./Helmet-D86Sb4E0.js";import{C as o,a as l}from"./card-BoeYN9zz.js";import{B as u}from"./badge-Cl_SCNNJ.js";import{P as h}from"./PublicNavBar-C-wZl_UG.js";import{F as f}from"./Footer-D9cynoVw.js";import{C as j}from"./calendar-BTjk4LQO.js";import{f as N}from"./format-BuON0pZi.js";import"./index-jnNhgnoM.js";import"./button-Cz5sYbhP.js";import"./dropdown-menu-MtG1yKvd.js";import"./index-D8K3azz-.js";import"./Combination-Cmn8Mk01.js";import"./index-DAoShclu.js";import"./chevron-right-LW5lYHnM.js";import"./check-BUcFAsHw.js";import"./melon-logo-DaaW67WJ.js";import"./chevron-down-BXueFYvF.js";import"./arrow-right-BQhxQtC5.js";import"./map-pin-Ct9JBX2s.js";const $=()=>{const[a,d]=t.useState([]),[n,c]=t.useState(!0),r=x();return t.useEffect(()=>{(async()=>{const{data:m,error:i}=await p.from("blog_posts").select("id, title, slug, excerpt, featured_image_url, category, published_at").eq("is_published",!0).order("published_at",{ascending:!1});i?console.error("Error fetching blog posts:",i):d(m||[]),c(!1)})()},[]),e.jsxs(e.Fragment,{children:[e.jsxs(g,{children:[e.jsx("title",{children:"Blog - Melon Mopeds | Delivery Rider Tips & News"}),e.jsx("meta",{name:"description",content:"Read the latest tips, news, and insights for delivery riders. Learn about safety, maintenance, and getting the most from your rental scooter."}),e.jsx("meta",{name:"keywords",content:"delivery rider tips, scooter safety, moped maintenance, rider news, delivery blog"})]}),e.jsx(h,{onLoginClick:()=>r("/login"),onApplyClick:()=>r("/apply")}),e.jsxs("main",{className:"min-h-screen",children:[e.jsx("section",{className:"bg-gradient-to-br from-primary/5 to-primary/10 py-16 md:py-24",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsxs("div",{className:"max-w-3xl mx-auto text-center",children:[e.jsx("h1",{className:"text-4xl md:text-5xl font-bold mb-4",children:"Rider Resources & News"}),e.jsx("p",{className:"text-xl text-muted-foreground",children:"Tips, guides, and updates to help you succeed as a delivery rider"})]})})}),e.jsx("section",{className:"py-16 md:py-24",children:e.jsx("div",{className:"container mx-auto px-4",children:n?e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:[1,2,3].map(s=>e.jsxs(o,{className:"overflow-hidden animate-pulse",children:[e.jsx("div",{className:"aspect-video bg-muted"}),e.jsxs(l,{className:"p-6",children:[e.jsx("div",{className:"h-4 bg-muted rounded mb-2"}),e.jsx("div",{className:"h-6 bg-muted rounded mb-4"}),e.jsx("div",{className:"h-20 bg-muted rounded"})]})]},s))}):a.length===0?e.jsx("div",{className:"text-center py-16",children:e.jsx("p",{className:"text-xl text-muted-foreground",children:"No blog posts yet. Check back soon!"})}):e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:a.map(s=>e.jsxs(o,{className:"overflow-hidden cursor-pointer group hover:shadow-lg transition-shadow",onClick:()=>r(`/blog/${s.slug}`),children:[s.featured_image_url&&e.jsx("div",{className:"aspect-video overflow-hidden bg-muted",children:e.jsx("img",{src:s.featured_image_url,alt:s.title,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"})}),e.jsxs(l,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx(u,{variant:"secondary",children:s.category}),e.jsxs("div",{className:"flex items-center gap-1 text-sm text-muted-foreground",children:[e.jsx(j,{className:"h-3 w-3"}),e.jsx("span",{children:N(new Date(s.published_at),"MMM d, yyyy")})]})]}),e.jsx("h2",{className:"text-xl font-semibold mb-3 group-hover:text-primary transition-colors",children:s.title}),s.excerpt&&e.jsx("p",{className:"text-muted-foreground line-clamp-3",children:s.excerpt})]})]},s.id))})})})]}),e.jsx(f,{})]})};export{$ as default};