Adding text variables in about page #10
+22
-30
@@ -5,8 +5,8 @@ class About extends React.Component {
|
||||
render() {
|
||||
let heroInfo = {
|
||||
title: {
|
||||
h2: 'No, we are ', //leave a space after writing for proper indentation
|
||||
span: 'not just another travel app.'
|
||||
normal: 'No, we are ', //leave a space after writing for proper indentation
|
||||
bold: 'not just another travel app.'
|
||||
},
|
||||
desc: "Float is a global Start Up working on improving everyone’s city life."
|
||||
}
|
||||
@@ -33,13 +33,11 @@ class About extends React.Component {
|
||||
},
|
||||
right: "You are interested in public infrastructure and promote eco-friendly alternatives - however keeping track of what is the fastest, cheapest and greenest way to get somewhere isn’t easily done while being in a rush. We feel you - we are here to support you with by finding a better way to go."
|
||||
},
|
||||
button: "Read the Reviews"
|
||||
cta: "Read the Reviews"
|
||||
}
|
||||
let testimonials = {
|
||||
title: {
|
||||
p: 'MADE FOR US',
|
||||
h2: 'Created from urbanists'
|
||||
}
|
||||
tag: 'MADE FOR US',
|
||||
title:'Created from urbanists'
|
||||
}
|
||||
let valueInfo = {
|
||||
id: 'Values',
|
||||
@@ -52,17 +50,13 @@ class About extends React.Component {
|
||||
}
|
||||
let brands = 'You might know Float from:'
|
||||
let team = {
|
||||
title: {
|
||||
p: 'Our Team is as vibrating and diversified as your urban life.',
|
||||
h2: 'One Team Many Talents'
|
||||
}
|
||||
tag: 'One Team Many Talents',
|
||||
title: 'Our Team is as vibrating and diversified as your urban life.',
|
||||
}
|
||||
let newsletter = {
|
||||
title: {
|
||||
span: 'Subscribe to Our Newsletter',
|
||||
h4: 'Stay up to date with our news, ideas and updates'
|
||||
},
|
||||
button: 'Subscribe Now'
|
||||
tag: 'Subscribe to Our Newsletter',
|
||||
title: 'Stay up to date with our news, ideas and updates',
|
||||
cta: 'Subscribe Now'
|
||||
}
|
||||
|
||||
return(
|
||||
@@ -88,7 +82,7 @@ class About extends React.Component {
|
||||
<div className="col-lg-8 offset-lg-2">
|
||||
<div className="hero-txt text-center white-color">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">{heroInfo.title.h2} <span>{heroInfo.title.span}</span> </h2>
|
||||
<h2 className="h2-md">{heroInfo.title.normal} <span>{heroInfo.title.bold}</span> </h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">{heroInfo.desc}</p>
|
||||
</div>
|
||||
@@ -142,7 +136,7 @@ class About extends React.Component {
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="about-2-txt pc-50">
|
||||
<h5 className="h5-lg"> <span>MADE FOR YOU</span><br />Created for urbanists</h5>
|
||||
<h5 className="h5-lg"> <span>{aboutDesc.lowerSection.caption.first}</span><br />{aboutDesc.lowerSection.caption.second}</h5>
|
||||
<div className="row">
|
||||
{/* LEFT COLUMN */}
|
||||
<div className="col-md-6">
|
||||
@@ -150,9 +144,7 @@ class About extends React.Component {
|
||||
{/* Title */}
|
||||
{/* <h5 className="h5-lg">We care about the details</h5> */}
|
||||
{/* Text */}
|
||||
<p className="p-lg">A classic day in your urban life:<br />
|
||||
You drive to work, drive to the store, maybe drive your kids to school, drive back home, meet some friends if there is little time left. Distances are so vast, it takes forever to get anywhere and there’s little chance for spontaneity and diversity in daily routines - Vibrating urban Citylife is just passing you by.
|
||||
</p>
|
||||
<p className="p-lg">{aboutDesc.lowerSection.left.first}<br />{aboutDesc.lowerSection.left.second}</p>
|
||||
</div>
|
||||
</div> {/* END LEFT COLUMN */}
|
||||
{/* RIGHT COLUMN */}
|
||||
@@ -161,7 +153,7 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
{/* Title */}
|
||||
{/* <h5 className="h5-lg">With knowledge, skill and hard work</h5> */}
|
||||
{/* List */}
|
||||
<p className="p-lg">You are interested in public infrastructure and promote eco-friendly alternatives - however keeping track of what is the fastest, cheapest and greenest way to get somewhere isn’t easily done while being in a rush. We feel you - we are here to support you with by finding a better way to go.</p> {/* End List */}
|
||||
<p className="p-lg">{aboutDesc.lowerSection.right}</p> {/* End List */}
|
||||
</div>
|
||||
</div> {/* END RIGHT COLUMN */}
|
||||
</div>
|
||||
@@ -170,7 +162,7 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="about-2-btn text-center mt-40">
|
||||
<a href="#" className="btn btn-md btn-skyblue tra-skyblue-hover">Read the Reviews</a>
|
||||
<a href="#" className="btn btn-md btn-skyblue tra-skyblue-hover">{aboutDesc.cta}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BUTTON */}
|
||||
@@ -184,9 +176,9 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-60">
|
||||
<p>{testimonials.title.p}</p>
|
||||
<p>{testimonials.tag}</p>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">{testimonials.title.h2}</h2>
|
||||
<h2 className="h2-md">{testimonials.title}</h2>
|
||||
{/* Text */}
|
||||
{/* <p className="p-xl">Our Team is as vibrating and diversified as your urban life. */}
|
||||
{/* </p> */}
|
||||
@@ -368,9 +360,9 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-70">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">{team.title.h2}</h2>
|
||||
<h2 className="h2-md">{team.tag}</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">{team.title.p}</p>
|
||||
<p className="p-xl">{team.title}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -411,9 +403,9 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<div className="col-lg-6">
|
||||
<div className="newsletter-txt">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">{newsletter.title.span}</span>
|
||||
<span className="section-id">{newsletter.tag}</span>
|
||||
{/* Title */}
|
||||
<h4 className="h4-xl">{newsletter.title.h4}</h4>
|
||||
<h4 className="h4-xl">{newsletter.title}</h4>
|
||||
</div>
|
||||
</div>
|
||||
{/* NEWSLETTER FORM */}
|
||||
@@ -422,7 +414,7 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<div className="input-group">
|
||||
<input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
|
||||
<span className="input-group-btn">
|
||||
<button type="submit" className="btn btn-md btn-skyblue tra-skyblue-hover">{newsletter.button}</button>
|
||||
<button type="submit" className="btn btn-md btn-skyblue tra-skyblue-hover">{newsletter.cta}</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Newsletter Form Notification */}
|
||||
|
||||
Reference in New Issue
Block a user