https://extremebargains.uk/assets/PetrolPrices-C17u7KUe.js

1import{j as e,r as p,h as u,I as h,B as l,K as n,L as o,A as f}from"./index-Bj3g7Z6n.js";import{u as g}from"./useFuelStations-l88CQUbq.js";import{P as j,u as N}from"./PetrolLocationContext-DdkM1Xs8.js";import{S as b}from"./SEOMetaTags-CXUV2KLP.js";import{F as v}from"./fuel-BYlg6Ogu.js";import{M as i}from"./map-pin-DZ85rFdr.js";import{T as y}from"./trending-down-i_bLKbZ1.js";import{C as w}from"./car-EFq_Y2KQ.js";const F=[{name:"Shell",color:"#FFD500"},{name:"BP",color:"#009900"},{name:"Esso",color:"#003DA5"},{name:"Tesco",color:"#00539F"},{name:"Sainsbury's",color:"#F06C00"},{name:"Morrisons",color:"#007F3D"},{name:"Asda",color:"#78BE20"},{name:"Texaco",color:"#CC0000"},{name:"Jet",color:"#7B2D8E"},{name:"Gulf",color:"#FF6600"}],S=()=>{const[r,d]=p.useState(""),c=u(),{setSearchLocation:m}=N(),{data:t}=g(),x=async s=>{if(s.preventDefault(),!!r.trim())try{const a=await(await fetch(`https://api.postcodes.io/postcodes/${encodeURIComponent(r.trim())}`)).json();a.result&&(m({latitude:a.result.latitude,longitude:a.result.longitude,postcode:a.result.postcode}),c("/petrol-prices/nearby"))}catch{c("/petrol-prices/nearby")}};return e.jsxs("main",{className:"min-h-screen bg-background",children:[e.jsx(b,{title:"UK Fuel Prices — Find Cheapest Petrol & Diesel Near You | Extreme Bargains",description:"Compare live fuel prices at 7,600+ UK forecourts. Find the cheapest unleaded, diesel, and super unleaded near you.",canonicalUrl:"/petrol-prices"}),e.jsx("section",{className:"relative overflow-hidden py-20 md:py-32 min-h-[60vh] flex items-center bg-gradient-to-b from-primary/5 to-background",children:e.jsxs("div",{className:"container max-w-4xl text-center relative z-[2]",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 bg-primary/10 text-primary px-4 py-1.5 rounded-full text-sm font-semibold mb-6",children:[e.jsx(v,{className:"h-4 w-4"}),"7,600+ UK Forecourts"]}),e.jsxs("h1",{className:"text-4xl md:text-6xl font-black text-foreground tracking-tight mb-4",children:["Find the ",e.jsx("span",{className:"text-primary",children:"Cheapest Fuel"})," Near You"]}),e.jsx("p",{className:"text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto mb-8",children:"Compare live petrol and diesel prices across the UK. Save money on every fill-up."}),e.jsxs("form",{onSubmit:x,className:"flex gap-2 max-w-md mx-auto mb-4",children:[e.jsx(h,{placeholder:"Enter your postcode...",value:r,onChange:s=>d(s.target.value),className:"h-12 text-base"}),e.jsxs(l,{type:"submit",size:"lg",className:"h-12 px-6",children:[e.jsx(n,{className:"h-5 w-5 mr-2"}),"Search"]})]}),e.jsxs("div",{className:"flex items-center justify-center gap-2 text-sm text-muted-foreground",children:[e.jsx(i,{className:"h-4 w-4"}),e.jsx("span",{children:"Or browse the"}),e.jsx(o,{to:"/petrol-prices/map",className:"text-primary font-semibold hover:underline",children:"Fuel Map"})]})]})}),t&&e.jsx("section",{className:"py-16 bg-card border-y border-border",children:e.jsxs("div",{className:"container max-w-4xl",children:[e.jsx("h2",{className:"text-center text-lg font-semibold text-muted-foreground mb-8",children:"UK Average Fuel Prices Today"}),e.jsx("div",{className:"grid grid-cols-3 gap-4 md:gap-8",children:[{label:"Unleaded (E10)",value:t.avgUnleaded,icon:"⛽"},{label:"Diesel",value:t.avgDiesel,icon:"🛢️"},{label:"Super Unleaded",value:t.avgSuper,icon:"🏎️"}].map(s=>e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-3xl mb-2",children:s.icon}),e.jsxs("div",{className:"text-3xl md:text-4xl font-black text-foreground tabular-nums",children:[s.value.toFixed(1),"p"]}),e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:s.label})]},s.label))})]})}),e.jsx("section",{className:"py-20",children:e.jsxs("div",{className:"container max-w-4xl",children:[e.jsx("h2",{className:"text-3xl font-black text-center text-foreground mb-12",children:"How It Works"}),e.jsx("div",{className:"grid md:grid-cols-3 gap-8",children:[{step:"01",title:"Search Your Area",desc:"Enter your postcode or use GPS to find forecourts near you.",icon:e.jsx(n,{className:"h-8 w-8 text-primary"})},{step:"02",title:"Compare Prices",desc:"See live unleaded & diesel prices sorted by cheapest first.",icon:e.jsx(y,{className:"h-8 w-8 text-primary"})},{step:"03",title:"Navigate & Save",desc:"Tap to get directions to the cheapest station and save on every fill.",icon:e.jsx(w,{className:"h-8 w-8 text-primary"})}].map(s=>e.jsxs("div",{className:"text-center group",children:[e.jsx("div",{className:"w-20 h-20 mx-auto rounded-full bg-primary/10 flex items-center justify-center mb-4 group-hover:scale-110 transition-transform",children:s.icon}),e.jsx("div",{className:"text-xs font-black text-primary mb-2",children:s.step}),e.jsx("h3",{className:"font-bold text-foreground mb-1",children:s.title}),e.jsx("p",{className:"text-sm text-muted-foreground",children:s.desc})]},s.step))})]})}),e.jsx("section",{className:"py-16 bg-muted/30",children:e.jsxs("div",{className:"container max-w-4xl",children:[e.jsx("h2",{className:"text-center text-lg font-semibold text-muted-foreground mb-8",children:"Covering All Major Fuel Brands"}),e.jsx("div",{className:"flex flex-wrap justify-center gap-4",children:F.map(s=>e.jsxs("div",{className:"flex items-center gap-2 bg-card border border-border rounded-full px-4 py-2",children:[e.jsx("div",{className:"w-6 h-6 rounded-full",style:{backgroundColor:s.color}}),e.jsx("span",{className:"text-sm font-medium text-foreground",children:s.name})]},s.name))})]})}),e.jsx("section",{className:"py-20",children:e.jsxs("div",{className:"container max-w-2xl text-center",children:[e.jsx("h2",{className:"text-3xl font-black text-foreground mb-4",children:"Stop Overpaying for Fuel"}),e.jsx("p",{className:"text-muted-foreground mb-8",children:"Compare prices before you fill up and save money every time."}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center",children:[e.jsx(l,{asChild:!0,size:"lg",className:"h-12 px-8",children:e.jsxs(o,{to:"/petrol-prices/nearby",children:["Find Cheap Fuel ",e.jsx(f,{className:"h-5 w-5 ml-2"})]})}),e.jsx(l,{asChild:!0,size:"lg",variant:"outline",className:"h-12 px-8",children:e.jsxs(o,{to:"/petrol-prices/map",children:[e.jsx(i,{className:"h-5 w-5 mr-2"})," View Map"]})})]})]})})]})},T=()=>e.jsx(j,{children:e.jsx(S,{})});

1export{T as default};