senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add phone number at the top. Remove Bosnia office

Browse Source
This commit is contained in:
=
2019-04-09 11:19:57 -07:00
parent 5981a2c9bb
commit 341536b4bb
5 changed files with 29 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Footer.js
View File

@@ -119,17 +119,9 @@ const Footer = () => (
</ul> </ul>
</nav> </nav>
<div> <div>
<p className="font-thin text-white opacity-80">Office - US</p>
<p className="text-white my-2 leading-normal"> <p className="text-white my-2 leading-normal">
Saburly<br />1819 S Pearl St<br />Denver, CO 80210<br />USA<br/>Phone: +1 720-643-2025 1819 S Pearl St<br />Denver, CO 80210<br />Phone: 720-643-2025<br />{' '}
</p> info@saburly.com
</div>
<div>
<p className="font-thin text-white opacity-80">Office - Bosnia</p>
<p className="text-white my-2 leading-normal">
Saburly d.o.o<br />Hakije Turajlica 2<br />71 000 Sarajevo<br />Bosnia
& Herzegovina
</p> </p>
</div> </div>
</div> </div>

7
src/components/Header.js
View File

@@ -10,6 +10,7 @@ import './Header.css'
let menuClasses = let menuClasses =
'no-underline mt-4 lg:inline-block text-white lg:mt-0 hover:opacity-80 uppercase mr-4' 'no-underline mt-4 lg:inline-block text-white lg:mt-0 hover:opacity-80 uppercase mr-4'
const phoneMenuClasses = menuClasses + ' ml-4 text-xl'
class Header extends Component { class Header extends Component {
render() { render() {
return ( return (
@@ -48,6 +49,12 @@ class Header extends Component {
classes="rounded-full text-white hover:shadow" classes="rounded-full text-white hover:shadow"
url="/contact" url="/contact"
/> />
<a href="tel:6104506599">
<li className={phoneMenuClasses}>
<i className="fas fa-phone mr-2" />
720-643-2025
</li>
</a>
</ul> </ul>
</div> </div>
</nav> </nav>

10
src/components/SideMenu.js
View File

@@ -78,6 +78,16 @@ class SideMenu extends Component {
Contact Contact
</li> </li>
</Link> </Link>
<Link
to="tel:6104506599"
className="side-close menu-contact no-underline"
>
<li className="hover:bg-white hover:text-black text-right no-underline text-2xl uppercase p-4 text-white">
<i className="fas fa-phone mr-2" />
720-643-2025
</li>
</Link>
</ul> </ul>
<div className="absolute pin-b hidden social-icons p-8"> <div className="absolute pin-b hidden social-icons p-8">
<div> <div>

6
src/layouts/index.js
View File

@@ -16,6 +16,12 @@ const Layout = ({ children, data }) => (
<Helmet <Helmet
link={[{ rel: 'shortcut icon', type: 'image/png', href: `${favicon32}` }]} link={[{ rel: 'shortcut icon', type: 'image/png', href: `${favicon32}` }]}
> >
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
crossorigin="anonymous"
/>
<html lang="en" /> <html lang="en" />
</Helmet> </Helmet>
<main className="side-panel panel"> <main className="side-panel panel">

79
src/pages/contact.js
View File

@@ -29,80 +29,6 @@ const ContactPage = () => (
imgClasses="-mb-12 border-white rounded-lg" imgClasses="-mb-12 border-white rounded-lg"
/> />
<section className="my-20 container mx-auto w-full md:flex w-full">
<div className="p-2">
<Card team teamMember={Denver} title="OFFICE IN DENVER">
<div className="xsm:flex text-left justify-around text-black text-base p-4">
<div className="py-2">
<h4 className="text-black">Address</h4>
<p className="text-black-light font-serif">
Saburly <br />
1819 S Pearl St <br />
Denver, CO 80210<br />
USA <br />
</p>
</div>
<div className="py-2">
<h4 className="text-black">Contact</h4>
<p className="font-serif text-black-light">
Phone:{' '}
<a
className="saburly-color hover:text-purple-light no-underline"
href="tel:+17206432025"
>
+1 720-643-2025
</a>
<br />
E-mail:{' '}
<a
className="saburly-color hover:text-purple-light no-underline"
href="mailto:info@saburly.com"
>
info@saburly.com
</a>{' '}
</p>
</div>
</div>
</Card>
</div>
<div className="p-2">
<Card team teamMember={Sarajevo} title="OFFICE IN SARAJEVO">
<div className="xsm:flex text-left justify-around text-base p-4">
<div className="py-2">
<h4 className="text-black">Address</h4>
<p className="font-serif text-black-light">
Saburly d.o.o <br />
Hakije Turajlica 2 <br />
71 000 Sarajevo <br />
Bosnia & Herzegovina <br />
</p>
</div>
<div className="py-2">
<h4 className="text-black">Contact</h4>
<p className="font-serif text-black-light">
Phone:{' '}
<a
className="saburly-color hover:text-purple-light no-underline"
href="tel:+38761909238"
>
+38761909238
</a>{' '}
<br />
E-mail:{' '}
<a
className="saburly-color hover:text-purple-light no-underline"
href="mailto:info@saburly.com"
>
info@saburly.com
</a>{' '}
</p>
</div>
</div>
</Card>
</div>
</section>
<div className="bg-saburly-lighter p-8"> <div className="bg-saburly-lighter p-8">
<section className="container lg:flex justify-between mx-auto"> <section className="container lg:flex justify-between mx-auto">
<form <form
@@ -110,7 +36,10 @@ const ContactPage = () => (
className="w-full max-w-sm mx-auto p-6" className="w-full max-w-sm mx-auto p-6"
method="POST" method="POST"
> >
<SectionIntro headline="We'd love to hear from you" h2Classes="text-3xl xsm:text-4xl sm:text-5xl xl:text-6xl font-black" /> <SectionIntro
headline="We'd love to hear from you"
h2Classes="text-3xl xsm:text-4xl sm:text-5xl xl:text-6xl font-black"
/>
<div className="md:flex flex-wrap"> <div className="md:flex flex-wrap">
<input <input
className="appearance-none bg-transparent border-contact block w-full typed-cursor py-2" className="appearance-none bg-transparent border-contact block w-full typed-cursor py-2"