iceholidays-frontend 0.3.0 → 0.5.0

data/app/javascript/react/pages/ShowPage.tsx

@@ -0,0 +1,402 @@
+import React, { useState } from "react";
+import { Button, Carousel, Col, Flex, Form, Layout, Modal, notification, Row, Select, Skeleton, Space } from "antd";
+import SlickButtonFix from "../components/shared/SlickButtonFix";
+import { mdiAccountCash, mdiAccountGroup, mdiAirplane, mdiBagChecked, mdiBedKing, mdiClose, mdiEmailOutline, mdiFileDownload, mdiFlagTriangle, mdiMapMarker, mdiMapMarkerOutline, mdiMenuDown, mdiMenuLeft, mdiMenuRight, mdiMenuUp, mdiPhoneInTalkOutline, mdiReceiptText, mdiShieldAccount, mdiShieldAirplane, mdiSilverwareForkKnife, mdiWhatsapp } from "@mdi/js";
+import Icon from "@mdi/react";
+import Headline from "../components/shared/Headline";
+import { Content } from "antd/es/layout/layout";
+import Sider from "antd/es/layout/Sider";
+import SeriesApi from "../../api-services/series-api.service";
+import { useParams } from "react-router-dom";
+import { Itinerary } from "../../interfaces/itinerary.interface";
+import AgentsApi from "../../api-services/agents-api.service";
+import { Agent } from "../../interfaces/agent.interface";
+import PriceDetails from "../components/PriceDetails";
+import ContactAgentsForm from "../components/shared/ContactAgentsForm";
+
+const breadcrumbs = [
+  { title: 'Home' },
+]
+
+const thingsToKnow = (inclusionsData) => {
+  return [
+    {icon: <Icon path={mdiShieldAccount} size={1} />, label: "Free Travel Insurance", visible: inclusionsData.acf},
+    {icon: <Icon path={mdiReceiptText} size={1} />  , label: "Airport Taxes", visible: inclusionsData.airport_taxes},
+    {icon: <Icon path={mdiFlagTriangle} size={1} />, label: "Tour Leader", visible: inclusionsData.tour_leader},
+    {icon: <Icon path={mdiBagChecked} size={1} />, label: "Check-in Baggage", visible: inclusionsData.luggage},
+    {icon: <Icon path={mdiSilverwareForkKnife} size={1} />, label: "Meal Onboard", visible: inclusionsData.meal_onboard},
+    {icon: <Icon path={mdiBedKing} size={1} />, label: "Hotel", visible: inclusionsData.hotel},
+    {icon: <Icon path={mdiAccountCash} size={1} />, label: "Gratuities", visible: inclusionsData.gratuities},
+    {icon: <Icon path={mdiAccountGroup} size={1} />, label: "Group Departure", visible: inclusionsData.group_departure},
+    {icon: <Icon path={mdiFileDownload} size={1} />, label: "Itinerary Download EN | CN"}
+  ];
+} 
+
+const layoutStyle = {
+  overflow: 'hidden',
+};
+
+const siderStyle = {
+  backgroundColor: 'transparent'
+}
+
+
+function withParams(Component) {
+  return props => <Component {...props} params={useParams()} />;
+}
+
+class ShowPage extends React.Component <{params;}> {
+  seriesApi = new SeriesApi;
+  agentsApi = new AgentsApi;
+
+  state = {
+    loading: true,
+    itinerary: {includings:{}, tours:[], priceCurrency:"", country: "", description: "", coverImage: ""},
+    selectedTour:{id: null,guaranteed_departure:false, flights:[], caption:"", code:"", prices: []},
+    setIsModalOpen: false,
+    loadingAgents: true,
+    allAgents: [],
+    agents: [],
+    states: [],
+    cities: [],
+    showAgentsResults: false,
+    agentData: { name: "", image: "", address: "", phone: "", whatsapp: "", email: "", city: "", state: "" },
+    isCollapsed: true,
+    showContactAgent: false
+  }
+
+
+  componentDidMount() {
+    this.seriesApi.getItinerary(this.props.params.id)
+      .then((itineraryData:Itinerary) => {
+        this.setState({itinerary: itineraryData});
+        if(itineraryData.tours && itineraryData.tours?.length > 0){
+          this.setState({selectedTour: itineraryData.tours[0]});
+        } 
+      })
+    .finally(()=>this.setState({loading: false}))
+      .catch(error => {
+        notification.error({ message: 'An error occured while loading countries.'});
+      });
+
+    this.getAgents();
+  }
+
+
+  getAgents(){
+    this.agentsApi.getAgents()
+      .then((agentsData:Agent[]) => {
+        const states = agentsData.filter(a => a.state != null).map(a => a.state);
+        const cities = agentsData.filter(a => a.city != null).map(a => a.city);
+        this.setState({agents: agentsData, allAgents: agentsData, loadingAgents:false, states, cities});
+      })
+    .finally(()=>this.setState({loading: false}))
+      .catch(error => {
+        notification.error({ message: 'An error occured while loading agents.'});
+      });
+  }
+
+  selectTour(tourId:number){
+    const selectedTour:any = this.state.itinerary.tours.find((tour:any) => tour.id == tourId);
+    if(selectedTour){
+      this.setState({selectedTour});
+    }
+  }
+
+  showModal(agentData){
+    this.setState({setIsModalOpen: true, agentData: agentData});
+  };
+
+  closeModal(){
+    this.setState({setIsModalOpen: false});
+  };
+
+
+  filterCities = (searchStr) => {
+    const allAgents:Agent[] = this.state.allAgents;
+
+    if(searchStr == undefined){
+      this.resetAgents();
+      return;
+    }
+    const agents:Agent[] = allAgents.filter(a => a.state == searchStr);
+    const results = agents.map(a => a.city);
+    this.setState({cities: results});
+  }
+
+
+  filterStates= (searchStr) => {
+    const allAgents:Agent[] = this.state.allAgents;
+
+    if(searchStr == undefined){
+      this.resetAgents();
+      return;
+    }
+
+    const agents:Agent[] = allAgents.filter(a => a.city == searchStr);
+    const results = agents.map(a => a.state);
+    this.setState({states: results});
+  }
+
+  resetAgents(){
+    const allAgents:Agent[] = this.state.allAgents;
+    const states = allAgents.filter(a => a.state != null).map(a => a.state);
+    const cities = allAgents.filter(a => a.city != null).map(a => a.city);
+    this.setState({states, cities});
+  }
+
+  findAgents = (formValues) => {
+    const allAgents:Agent[] = this.state.allAgents;
+    const agents = allAgents.filter(a => 
+      (formValues.state == undefined || a.state === formValues.state) && 
+      (formValues.city == undefined || a.city === formValues.city));
+    this.setState({agents, showAgentsResults: true})
+  }
+
+
+  toggleDescription = () => {
+    const collapsed = this.state.isCollapsed;
+    this.setState({isCollapsed: !collapsed});
+  }
+
+  toggleContactAgent = () => {
+    const collapsed = this.state.showContactAgent;
+    this.setState({showContactAgent: !collapsed});
+  }
+
+
+  render(){
+    const {loading, itinerary, selectedTour, agents, states, cities, agentData, isCollapsed, showContactAgent} = this.state;
+    const dates = itinerary.tours.length == 0 ? [] : itinerary.tours.map((tour:any) => {
+          return {id: tour.id, date: tour.departure_date, price: `${itinerary.priceCurrency} ${tour.price}`}
+        });
+
+    return (
+      <div id="show-page">
+
+      <Layout style={layoutStyle}>
+        
+        <>
+          <Headline showSearch={false} bannerImage={itinerary.coverImage} breadcrumbs={breadcrumbs}>
+            <div id="show-page_header"> 
+              <Flex justify="space-between" vertical gap={45}>
+                <h1>{selectedTour?.caption}</h1> 
+                <div className="tour_details"> 
+                  <span className="tour_details_country"> <Icon path={mdiMapMarkerOutline} size="16px" />  {itinerary?.country} </span> 
+                  <span className="tour_details_code"> <Icon path={mdiFileDownload} size="16px" />  {selectedTour?.code} </span> 
+                </div>
+              </Flex>
+            </div>
+          </Headline>
+
+          <div id="date-selector">
+            <Carousel autoplay arrows dots={false} draggable slidesToScroll= {1} slidesToShow={8}
+              prevArrow={
+                <SlickButtonFix>
+                  <Icon path={mdiMenuLeft} size={2} />
+                </SlickButtonFix>
+              }
+              nextArrow={
+                <SlickButtonFix>
+                  <Icon path={mdiMenuRight} size={2} />
+                </SlickButtonFix>
+              }>
+                {
+                  dates.map((tour, index) => {
+                    return <div key={index} className={`date-box ${selectedTour?.id == tour.id && "selected"}`} onClick={()=>this.selectTour(tour.id)}>
+                      <Flex justify="space-between" align="center" vertical gap={8}>
+                        <div className="date-box_date"> {tour.date} </div>
+                        <div>
+                          <span>From</span>
+                          <div className="date-box_price"> {tour.price} </div>
+                        </div>
+                      </Flex>
+                    </div>
+                  })
+                }
+            </Carousel>
+          </div>
+        </>
+        
+        <Layout id="show-page_body">
+          <Content>
+            {
+              loading ? (
+                <Space direction="vertical" style={{width: '100%'}}>
+                  <Skeleton/>
+                  <Skeleton/>
+                  <Skeleton/>
+                </Space>
+              ) : (
+                <div className="details">
+                  <Flex gap={10} vertical>
+                    <div className="details-container">
+                      <div className="details-container_header"> Things to know </div>
+                      <div className="details-container_content"> 
+                        <div id="things-to-know">
+                          {
+                            thingsToKnow(itinerary.includings)
+                              .filter(item => item.visible)
+                              .map(item => (
+                                <div className="item">
+                                  <div className="icon"> {item.icon} </div>
+                                  <label>{item.label}</label>
+                                </div>
+                              ))
+                          }
+                          {
+                            selectedTour?.guaranteed_departure && (
+                              <div className="item guaranteed">
+                                <div className="icon"> <Icon path={mdiShieldAirplane} size={1} /></div>
+                                <label>Guaranteed Departure</label>
+                              </div>
+                            )
+                          }
+                        </div>
+                      </div>
+                    </div>
+
+                    <div className="details-container">
+                      <div className="details-container_header"> Description </div>
+                      <div className="details-container_content"> 
+                        <div id="description" className={`pre-wrap ${isCollapsed && 'collapsed'}`}>{itinerary?.description}</div>
+                        <Button className="toggle-description" color="default" variant="filled" block onClick={this.toggleDescription}>{ isCollapsed ? 'Expand' : 'Collapse'} 
+                          <Icon path={isCollapsed ? mdiMenuDown : mdiMenuUp} size="19px" /> 
+                        </Button>
+                      </div>
+                    </div>
+
+                    {
+                      selectedTour?.flights.length > 0  && (
+                        <div className="details-container">
+                          <div className="details-container_header"> Schedule Flight(s) </div>
+                          <div className="details-container_content"> 
+                            <Flex gap={20} vertical>
+                              <div className="schedule">
+                                <div className="flight-date"> 
+                                  <Icon path={mdiAirplane} size="12px" />
+                                  <span>23/10/2024</span>
+                                </div>
+                                <div className="flight-details"> 
+                                  <label> Kuala Lumpur (KUL) &gt; Guangzhou (CAN) </label>
+                                  <div className="flight-details_airline">
+                                    <img src="/iceholidays-assets/images/china_southern_airlines_icon.png" />
+                                    <span>China Southern Airlines CZ366</span>
+                                  </div>
+                                </div>
+                                <div className="flight-time"> 
+                                  <Flex gap={13}>
+                                    <div className="from">
+                                      <label>08:55</label>
+                                      <span>Kuala Lumpur (KUL)</span>
+                                    </div>
+                                    <div className="flight-time_icon">
+                                      <img src="/iceholidays-assets/images/plane.png" />
+                                    </div>
+                                    <div className="to">
+                                      <label>12:55</label>
+                                      <span>Guangzhou (CAN)</span>
+                                    </div>
+                                  </Flex>
+                                </div>
+                              </div>
+                            </Flex>
+                          </div>
+                        </div>
+                      )
+                    }
+
+                    <PriceDetails priceCurrency={itinerary.priceCurrency} prices={selectedTour?.prices}/>
+
+                  </Flex>
+                </div>
+              )
+            }
+          </Content>
+          <Sider width="265px" style={siderStyle} className={`contact-agent-sider ${showContactAgent && 'show-contact-agent-mobile'}`}>
+            <div className="toggle_contact-agent" onClick={this.toggleContactAgent}> 
+              <span>Contact Agent</span>
+            </div>
+            <div className="contact-agent">
+              <div className="contact-agent_header"> 
+                <span>Contact Agent</span>
+                <Button className="collapse-contact-agent" color="default" variant="text" 
+                  icon={<Icon path={mdiClose} size="19px" />}
+                  onClick={this.toggleContactAgent}/>
+              </div>
+              <div className="contact-agent_content"> 
+                <ContactAgentsForm 
+                  states={states} 
+                  cities={cities} 
+                  findAgents={this.findAgents} 
+                  filterCities={this.filterCities}
+                  filterStates={this.filterStates}/>
+
+                {
+                  this.state.showAgentsResults && (
+                    <div className="search-results">
+                      <Flex vertical gap={20}>
+                        {
+                          agents.length > 0 && agents.map((agent:Agent) => {
+                            return (
+                              <Row gutter={2} justify="space-between" className="agent-info">
+                                <Col flex="180px"><span className="company" onClick={()=>this.showModal(agent)}>
+                                  {agent.name}</span>
+                                </Col>
+                                <Col flex="none"><Button color="default" variant="filled" shape="circle" size="small" icon={<Icon path={mdiPhoneInTalkOutline} size="16px" />}/></Col>
+                                <Col flex="none"><Button color="default" variant="filled" shape="circle" size="small" icon={<Icon path={mdiEmailOutline} size="16px" />}/></Col>
+                                <Col>
+                                  <div className="contact-numbers">
+                                    <Button size="small" color="primary" variant="outlined">
+                                      <Icon path={mdiWhatsapp} size="12px" />
+                                      {agent.whatsapp}
+                                    </Button>
+                                  </div>
+                                </Col>
+                              </Row>
+                            )
+                          })
+                        }
+                      </Flex>
+                    </div>
+                  )
+                }
+              </div>
+            </div>
+          </Sider>
+        </Layout>
+      </Layout>
+
+
+      <Modal title={<img src={agentData?.image}/>} open={this.state.setIsModalOpen} onCancel={()=>this.closeModal()} footer={null} width={325} centered className="agent-full-contact-details">
+        <h2> {agentData?.name} </h2>
+        <div className="contact-details">
+          <Row gutter={[15, 15]} align="middle">
+            <Col span={24}>
+              <Icon path={mdiMapMarker} size="15px" />
+              <span>{agentData?.address}</span>
+            </Col>
+          {/* </Row>
+          <Row gutter={15} align="middle"> */}
+            <Col xs={24} sm={24} lg={6}>
+              <Icon path={mdiPhoneInTalkOutline} size="15px" />
+              <span>{agentData?.phone}</span>
+            </Col>
+            <Col xs={24} sm={24} lg={6}>
+              <Icon path={mdiWhatsapp} size="15px" />
+              <span>{agentData?.whatsapp}</span>
+            </Col>
+            <Col xs={24} sm={24} lg={9}>
+              <Icon path={mdiEmailOutline} size="15px" />
+              <span>{agentData?.email}</span>
+            </Col>
+          </Row>
+        </div>
+      </Modal>
+    </div>
+    )
+  }
+
+}
+
+export default withParams(ShowPage);

data/app/javascript/react/widgets/FilterPills.tsx

@@ -0,0 +1,111 @@
+import { Col, Row, Space } from "antd";
+import React, { useEffect, useState } from "react";
+
+
+const years = () => {
+  const currentYear = new Date().getFullYear();
+  const nextYear = new Date(new Date().setFullYear(currentYear + 1)).getFullYear();
+  return [currentYear, nextYear]
+};
+const months = Array.from({length: 12}, (item, i) => {
+  return {
+    shortMonth: new Date(0, i).toLocaleString('en-US', {month: 'short'}), 
+    name: new Date(0, i).toLocaleString('en-US', {month: 'long'})
+  }
+});
+
+
+function FilterPills(
+  props: {
+    items:any[];
+    title?:string;
+    initialValue:{keyword?:string, year?:string, month?: string, location_id?:any}
+    bindLabel?:string;
+    bindValue?:string;
+    allOption?:boolean;
+    selectFilter;
+  }){
+  
+  const { items, title, bindLabel, bindValue, initialValue, allOption } = props;
+
+  const [selected, setSelected] = useState(initialValue);
+
+  const allHasValues = () => {
+    const {keyword, ...noKeyword} = selected;
+    return Object.entries(noKeyword).every(o => o[1] != "");
+  }
+  const [collapseFilters, setcollapseFilters] = useState(allHasValues);
+  
+  const selectFilter = (label, value) => {
+    selected[label] = value;
+    setSelected(selected);
+  
+    setcollapseFilters(allHasValues);
+
+    props.selectFilter(selected);
+  }
+
+  return (
+    <>
+      {
+        collapseFilters==false && (
+
+          <Space size={12} direction="vertical">
+            {
+              items && (
+                <>
+                  { title && <div className="filter-title"> {title} </div> }
+                  <Space size={10} wrap>
+                      {
+                        allOption && <div className="filter-pill selected"> <span> All </span></div>
+                      }
+                      {
+                        items.map((item, index) => {
+                          //special case for location id
+                          const id:any = bindValue == "location_id" ? "id" : bindValue;
+                          const label = bindLabel ? item[bindLabel] : item;
+                          const value = bindValue ? item[id] : item;
+                          const selectedItem = selected && bindValue ? selected[bindValue]: item ;
+                          return <div key={index} onClick={()=>selectFilter(bindValue, value)} className={`filter-pill ${selectedItem == value && 'selected'}`}> <span>{ label } </span></div>
+                        })
+                      }
+                  </Space>
+                </>
+              )
+            }
+      
+            <div className="filter-title"> Year </div>
+            <Space size={10} wrap>
+              {
+                allOption && <div className="filter-pill selected"> <span> All </span></div>
+              }
+              {
+                years().map((year, index) => {
+                  const selectedItem = selected && selected.year; 
+                  return <div key={index} onClick={()=>selectFilter("year", year)} className={`filter-pill default-filter ${selectedItem == year.toString() && 'selected'}`}> <span>{year} </span></div>
+                })
+              }
+            </Space>
+      
+            <div className="filter-title"> Month </div>
+            <Row gutter={[10, 10]} justify="space-between">
+              {
+                allOption && <Col className="filter-pill selected"> <span> All </span></Col>
+              }
+              {
+                months.map((month, index) => {
+                  const selectedItem = selected && selected.month ;
+                  return <Col xs={8} md={6} lg={4}> <div key={index} onClick={()=>selectFilter("month", month.shortMonth)} className={`filter-pill default-filter ${selectedItem?.toString() == month.shortMonth && 'selected'}`}> <span>{month.name} </span></div> </Col>
+                })
+              }
+            </Row>
+          </Space>
+        )
+        
+      }
+    </>
+  )
+  
+}
+
+export default FilterPills;

data/app/javascript/react/widgets/SearchBarWidget.tsx

@@ -0,0 +1,58 @@
+import { Form, Space, Input, DatePicker, Button, Flex } from "antd";
+import React from "react";
+import SearchApi from "../../api-services/search-api.service";
+import { useNavigate, useSearchParams } from "react-router-dom";
+import dayjs from "dayjs";
+
+const monthFormat = "MMM YYYY";
+
+function SearchBarWidget() {
+  const searchApi = new SearchApi;
+  const navigate= useNavigate();
+  const [searchParams] =  useSearchParams();
+
+  const save = (formValues) => {
+    let searchObj = {};
+    if(formValues.keyword) searchObj = {keyword: formValues.keyword};
+    
+    if(formValues.date){
+      searchObj["year"] = formValues.date.$y;
+      searchObj["month"] = new Date(formValues.date).toLocaleString('default', { month: 'short' });
+    }
+    
+    const searchParams = new URLSearchParams(searchObj).toString();
+    navigate(`/app/listing?${searchParams}`);
+    navigate(0);
+
+    // searchApi.search(formValues.keyword, formValues.month)
+    //   .then(result => {
+    //       navigate(`/app/listing?keyword=${formValues.keyword}`);
+    //   })
+  }
+  
+  
+  return (
+    <div id="search-bar">
+        <img src="/iceholidays-assets/images/Rectangle49.png"/>
+        <div id="search-bar-widget">
+          <Form
+            onFinish={save}
+            layout="vertical"
+          >
+            <Form.Item wrapperCol={{ span: 24 }} label="Search" name="keyword">
+              <Input placeholder="Destinations, Attractions, etc"/>
+            </Form.Item>
+            <Form.Item wrapperCol={{ span: 24 }} label="Travel Period" name="date">
+              <DatePicker picker="month" format={monthFormat} inputReadOnly/>
+            </Form.Item>
+            <Flex align="flex-end" justify="center">
+              <Button type="primary" className="search-button" htmlType="submit">Search</Button>
+            </Flex>
+          </Form>
+        </div>
+        <img src="/iceholidays-assets/images/Rectangle49.png" className="flip"/>
+      </div>
+  )
+}
+
+export default SearchBarWidget;

data/app/views/iceholidays/frontend/posts/index.html.erb

@@ -0,0 +1,9 @@
+<% @posts.each do |post| %>
+  <%= post.title %>
+
+  <% if post.thumbnail.attached? %>
+    <%= image_tag( post.thumbnail.blob.service_name.in?(%w[local test test_fixtures]) ? main_app.url_for(post.thumbnail) : post.thumbnail.attachment.url, height:300) %>
+  <% else %>
+    <%#= image_tag('nothumbnail.png', width:300) %>
+  <%end%>
+<% end %>

data/app/views/iceholidays/frontend/posts/show.html.erb

@@ -0,0 +1,2 @@
+<%= @post.title %>
+<%= @post.content %>

data/app/views/iceholidays/frontend/site/index.html.erb

@@ -1,24 +1 @@
-<%= react_component "Homepage"%>
-
-
-<div id="about-signature-tours" style="background: url(<%=asset_path('/iceholidays-assets/images/about_st_bg.png')%>) no-repeat 70% 7%, linear-gradient(65.77deg, rgba(170, 133, 62, 0.5) 33.44%, rgba(249, 225, 151, 0.5) 67.37%)">
-  <div>
-    <h1>ABOUT SIGNATURE TOURS</h1>
-    <p>
-      From charming accommodations to curated cultural encounters, every  aspect is thoughtfully crafted to elevate your travel experience. At The  Signature Tours, we believe in the S-Tour’s philosophy —where every  moment is a signature memory.
-    </p>
-    <%=image_tag("/iceholidays-assets/images/Group_71.png")%>
-    <div id="about-st-feature">
-      <div style="max-width: 449px">
-        <p>Every  experience is meticulously designed to create memories that last a  lifetime. Our journeys go beyond the ordinary, offering experiences that  are as unique as you are.</p>
-      </div>
-      <div id="feature">
-        <%=image_tag("/iceholidays-assets/images/feature.jpg")%>
-        <div id="st-brand">
-          <span>Signature Tours</span>
-          <%=image_tag("/iceholidays-assets/images/logomark.png", id: "st-logo")%>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
+<%= react_component "App"%>

data/app/views/layouts/iceholidays/frontend/application.html.erb

@@ -4,21 +4,17 @@
   <title>Iceholidays frontend</title>
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <%= yield :head %>
 
     <%= javascript_include_tag "/iceholidays-assets/application", "data-turbo-track": "reload", type: "module" %>  
-    <%= stylesheet_link_tag    "iceholidays/frontend/application", media: "all" %>
+    <%= stylesheet_link_tag "/iceholidays-assets/application", media: "all" %>
 </head>
 <body>
-
-  <%=render partial:"layouts/iceholidays/frontend/shared/header"%>
-  
   <main>
     <%= yield %>
   </main>
-
-  <%=render partial:"layouts/iceholidays/frontend/shared/footer"%>
 </body>
 
 </html>

data/config/routes.rb

@@ -1,3 +1,13 @@
 Iceholidays::Frontend::Engine.routes.draw do  
   root to: 'site#index'
+
+  get   '/listing'        => 'site#listing', as: :listing
+  get   '/itinerary/:id'      => 'site#show', as: :show
+  get   '/about-us'       => 'site#about_us', as: :about_us
+  get   '/countries'      => 'site#countries', as: :countries
+  get   '/blog'           => 'site#blog', as: :blog
+  get   '/blog/1'         => 'site#show_blog', as: :show_blog
+  get   '/contact-agents' => 'site#contact_agents', as: :contact_agents
+  get   '/contact-us'     => 'site#contact_us', as: :contact_us
+  resources :posts, only:[:index, :show]
 end

data/lib/iceholidays/frontend/version.rb

@@ -1,5 +1,5 @@
 module Iceholidays
   module Frontend
-    VERSION = "0.3.0"
+    VERSION = "0.5.0"
   end
 end