Skip to content

Commit

Permalink
Merge pull request #1 from Hebotech/dev
Browse files Browse the repository at this point in the history 
Version 1.0

React app ready to deploy:

SPA
Marketing Site
Code Splitting
SEO 💯
  • Loading branch information
@IrfDev
IrfDev authored Sep 29, 2020
2 parents 5b41e9e + 7bb17b2 commit ee5c255
Show file tree
Hide file tree
Showing 5 changed files with 88 additions and 82 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion src/components/Molecules/Home/Products/ActiveProductPresentation.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -96,7 +96,7 @@ export default function ActiveProductPresentation({ product, options }) {
))}
</ul>
<div
className={`_cta-wrapper mb-3 d-flex flex-column align-items-center ${
className={`_cta-wrapper mb-3 d-flex flex-column align-self-center ${
options.productIndex % 2 === 0
? 'align-items-md-start'
: 'align-items-md-end'
Expand Down
6 changes: 5 additions & 1 deletion src/components/Molecules/Home/Products/ProductCarousel.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,17 +7,19 @@ import SwiperCore, {
Navigation,
Scrollbar,
EffectFade,
Zoom,
EffectCube,
} from 'swiper';

import 'swiper/components/navigation/navigation.scss';

import 'swiper/components/scrollbar/scrollbar.scss';
import 'swiper/components/effect-cube/effect-cube.scss';
import 'swiper/components/zoom/zoom.scss';
import 'swiper/components/effect-fade';
import 'swiper/swiper.scss';

SwiperCore.use([Navigation, EffectFade, Scrollbar, EffectCube]);
SwiperCore.use([Navigation, EffectFade, Scrollbar, EffectCube, Zoom]);

export default function ProductCarousel({ content, images, name }) {
return content === 'product' ? (
Expand All @@ -30,6 +32,7 @@ export default function ProductCarousel({ content, images, name }) {
freeModeMomentumRatio={0.3}
freeModeSticky={false}
freeModeMomentumBounce={false}
zoom={true}
scrollbar={{ draggable: true, dragSize: 100 }}
navigation
loop={true}
Expand All @@ -51,6 +54,7 @@ export default function ProductCarousel({ content, images, name }) {
shadowOffset: 20,
shadowScale: 0.94,
}}
zoom={true}
slidesPerView={1}
navigation
grabCursor={true}
Expand Down
154 changes: 78 additions & 76 deletions src/data/Products.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,91 +20,93 @@ export const products = [
],
images: [
'https://www.sherco.com/wp-content/uploads/01_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/02_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/03_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/04_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/05_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/06_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/07_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/08_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/09_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/10_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/11_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/12_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/13_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/14_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/15_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/16_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/17_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/18_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/34_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/33_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/32_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/31_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/30_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/29_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/28_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/27_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/26_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/25_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/24_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/23_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/22_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/21_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/20_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/19_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/18_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/17_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/16_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/15_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/14_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/13_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/12_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/11_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/10_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/09_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/08_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/07_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/06_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/05_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/04_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/03_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/02_300-SEF-FACTORY-WEB-1200px.jpg',
],
},
{
titles: '300 SEF FACTORY',
description: 'IMPARABLE',
titles: '300/250 SE-R',
description: 'SENSACIONES AL ALCANCE DEL PUÑO DE GAS',
features: [
'Suspensiones DEL. / TRAS. KYB',
'Batería SHIDO de iones de litio',
'Placa protectora de cárter AXP',
'Conjunto de escape completo Akrapovič',
'Puños Domino bicolores',
'Llantas Excel azules',
'Disco de freno delantero Galfer',
'Chasis mejorado para una mayor flexibilidad',
'Buje trasero reforzado',
'Nuevo regulador más potente y con mejor capacidad de refrigeración',
'Pletinas de dirección aligeradas',
'Optimización de los conductos de admisión y escape',
'Cilindro: mejora de las prestaciones del motor, mejor para motor y entrega de potencia más lineal',
],
gallery: [
'https://www.sherco.com/wp-content/uploads/SEF_250-300_F_Side_1-600x400.jpg',
'https://www.sherco.com/wp-content/uploads/SEF_250-300_F_Side_2-600x400.jpg',
'https://www.sherco.com/wp-content/uploads/SEF_250-300_F_3-600x400.jpg',
'https://www.sherco.com/wp-content/uploads/SEF_250-300_F_1-600x400.jpg',
'https://www.sherco.com/wp-content/uploads/SEF_250-300_F_2-600x400.jpg',
'https://www.sherco.com/wp-content/uploads/SEF_250-300_R_Side_1-600x400.jpg',
'https://www.sherco.com/wp-content/uploads/SEF_250-300_R_Side_2-600x400.jpg',
'https://www.sherco.com/wp-content/uploads/SEF_250-300_R_2-600x400.jpg',
'https://www.sherco.com/wp-content/uploads/SEF_250-300_R_1-1920x1080.jpg',
],
images: [
'https://www.sherco.com/wp-content/uploads/01_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/02_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/03_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/04_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/05_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/06_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/07_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/08_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/09_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/10_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/11_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/12_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/13_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/14_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/15_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/16_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/17_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/18_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/19_300-SEF-FACTORY-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/01_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/34_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/33_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/32_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/31_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/30_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/29_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/28_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/27_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/26_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/25_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/24_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/23_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/22_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/21_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/20_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/19_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/18_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/17_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/16_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/15_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/14_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/13_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/12_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/11_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/10_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/09_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/08_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/07_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/06_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/05_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/04_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/03_300-SE-RACING-WEB-1200px.jpg',
'https://www.sherco.com/wp-content/uploads/02_300-SE-RACING-WEB-1200px.jpg',
],
},
// {
// titles: '250 SE-R',
// description: 'SENSACIONES AL ALCANCE DEL PUÑO DE GAS',
// features: [
// 'Chasis mejorado para una mayor flexibilidad',
// 'Buje trasero reforzado',
// 'Nuevo regulador más potente y con mejor capacidad de refrigeración',
// 'Pletinas de dirección aligeradas',
// 'Optimización de los conductos de admisión y escape',
// 'Cilindro: mejora de las prestaciones del motor, mejor par motor y entrega de potencia más lineal',
// 'Sistema de válvula de escape combinado con válvulas de escape auxiliares innovadoras y un nuevo sistema de accionamiento mediante motor eléctrico (fiable, potente, sin cables ni acumulación de suciedad)',
// 'Horquilla WP XPLOR',
// 'Amortiguador WP',
// 'Llantas Excel anodizadas en negro',
// 'Neumáticos Michelin',
// ],
// gallery: [
// 'https://www.sherco.com/wp-content/uploads/SE_250-300_R_1-600x400.jpg',
// 'https://www.sherco.com/wp-content/uploads/SE_250-300_R_2-600x400.jpg',
// 'https://www.sherco.com/wp-content/uploads/SE_250-300_R_Side_2-600x400.jpg',
// 'https://www.sherco.com/wp-content/uploads/SE_250-300_R_Side_1-600x400.jpg',
// ],
// images: [
// 'https://www.sherco.com/wp-content/uploads/01_300-SEF-RACING-WEB-1200px-600x400.jpg',
// ],
// },
];
8 changes: 4 additions & 4 deletions src/views/Home.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,17 +17,17 @@ export default function Home() {
<Features />
<Suspense
fallback={
<div class='spinner-border text-primary' role='status'>
<span class='sr-only'>Loading...</span>
<div className='spinner-border text-primary' role='status'>
<span className='sr-only'>Loading...</span>
</div>
}
>
{animationEnded ? (
<ProductsExperience />
) : (
<div className='row m-0 mt-5 justify-content-center align-items-center'>
<div class='spinner-border text-primary' role='status'>
<span class='sr-only'>Loading...</span>
<div className='spinner-border text-primary' role='status'>
<span className='sr-only'>Loading...</span>
</div>
</div>
)}
Expand Down

0 comments on commit ee5c255

Please sign in to comment.