huncholanemake serviceData class
huncholane1 file changed, +81 -0
+81-0components/data/serviceData.js
| @@ -0,0 +1,81 @@ | ||
| 1 | +export class ServiceData { | |
| 2 | + constructor() { | |
| 3 | + this.services = [ | |
| 4 | + { | |
| 5 | + id: "quality-materials", | |
| 6 | + title: "Quality Materials", | |
| 7 | + highlight: "top3", | |
| 8 | + description: | |
| 9 | + "We use the best materials to ensure the longevity of your roof.", | |
| 10 | + icon: "/assets/img/icon/service_icon01.svg", | |
| 11 | + }, | |
| 12 | + { | |
| 13 | + id: "expert-staff", | |
| 14 | + title: "Expert Staff", | |
| 15 | + highlight: "top3", | |
| 16 | + description: | |
| 17 | + "Our staff is highly trained and experienced in all things roofing.", | |
| 18 | + icon: "/assets/img/icon/service_icon02.svg", | |
| 19 | + }, | |
| 20 | + { | |
| 21 | + id: "satisfaction-guaranteed", | |
| 22 | + title: "Satisfaction Guaranteed", | |
| 23 | + highlight: "top3", | |
| 24 | + description: "We guarantee you will be satisfied with our work.", | |
| 25 | + icon: "/assets/img/icon/service_icon03.svg", | |
| 26 | + }, | |
| 27 | + { | |
| 28 | + id: "siding-corner", | |
| 29 | + highlight: "areas", | |
| 30 | + title: "Siding Corner", | |
| 31 | + description: "We specialize in siding corner installations.", | |
| 32 | + icon: "/assets/img/icon/service_icon04.svg", | |
| 33 | + }, | |
| 34 | + { | |
| 35 | + id: "roofing-layers", | |
| 36 | + highlight: "areas", | |
| 37 | + title: "Roofing Layers", | |
| 38 | + description: | |
| 39 | + "We offer multiple layers of roofing for added protection.", | |
| 40 | + icon: "/assets/img/icon/service", | |
| 41 | + }, | |
| 42 | + { | |
| 43 | + id: "roof-repair", | |
| 44 | + highlight: "areas", | |
| 45 | + title: "Roof Repair", | |
| 46 | + description: "We can repair any type of roof damage.", | |
| 47 | + icon: "/assets/img/icon/service_icon06.svg", | |
| 48 | + }, | |
| 49 | + { | |
| 50 | + id: "roof-renovation", | |
| 51 | + highlight: "areas", | |
| 52 | + title: "Roof Renovation", | |
| 53 | + description: "We can renovate your roof to look brand new.", | |
| 54 | + icon: "/assets/img/icon/service_icon07.svg", | |
| 55 | + }, | |
| 56 | + { | |
| 57 | + id: "roof-maintenance", | |
| 58 | + highlight: "areas", | |
| 59 | + title: "Roof Maintenance", | |
| 60 | + description: | |
| 61 | + "We offer maintenance services to keep your roof in top shape.", | |
| 62 | + icon: "/assets/img/icon/service_icon08.svg", | |
| 63 | + }, | |
| 64 | + { | |
| 65 | + id: "roof-animation", | |
| 66 | + highlight: "areas", | |
| 67 | + title: "Roof Animation", | |
| 68 | + description: "We can create a 3D animation of your roof.", | |
| 69 | + icon: "/assets/img/icon/service_icon09.svg", | |
| 70 | + }, | |
| 71 | + ]; | |
| 72 | + } | |
| 73 | + | |
| 74 | + allServices() { | |
| 75 | + return this.services; | |
| 76 | + } | |
| 77 | + | |
| 78 | + findHighlights(highlight) { | |
| 79 | + return this.services.filter((service) => service.highlight === highlight); | |
| 80 | + } | |
| 81 | +} |