Skip to content

S
Saddlemountain Page
Commit 06210240 authored by Verónica Silva's avatar Verónica Silva
Browse files
Options

Component Clients created with react-elastic-carousel

parent 2d098e0d
Show whitespace changes
Inline Side-by-side
Showing with 236 additions and 1 deletion
package-lock.json
View file @ 06210240
......@@ -4375,6 +4375,11 @@
}
}
},
"classnames": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
"integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
},
"clean-css": {
"version": "4.2.4",
"resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.4.tgz",
......@@ -9463,6 +9468,14 @@
"object-visit": "^1.0.0"
}
},
"material-ui-image": {
"version": "3.3.2",
"resolved": "https://registry.npmjs.org/material-ui-image/-/material-ui-image-3.3.2.tgz",
"integrity": "sha512-WE5QE0Rjdx9jPKuI0LWI7s8VQ9cifPIXObu8AUCRcidXGV3NqPI9C8c9A/C0MofKpkZ3buG8+IT9N7GgSmxXeg==",
"requires": {
"prop-types": "^15.5.8"
}
},
"md5.js": {
"version": "1.3.5",
"resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
......@@ -11995,6 +12008,17 @@
"scheduler": "^0.20.2"
}
},
"react-elastic-carousel": {
"version": "0.11.5",
"resolved": "https://registry.npmjs.org/react-elastic-carousel/-/react-elastic-carousel-0.11.5.tgz",
"integrity": "sha512-//k1IWUiUNXXNE8LHw4bLdP+8YCXLQHbeSOPiZo/+sTkUBp/YB/hjGKWH4RqSJ59AjF8PoxB+SUbqhdPTcwAuw==",
"requires": {
"classnames": "^2.2.6",
"react-only-when": "^1.0.2",
"react-swipeable": "^5.5.1",
"resize-observer-polyfill": "1.5.0"
}
},
"react-error-overlay": {
"version": "6.0.9",
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
......@@ -12005,6 +12029,11 @@
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
"integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
},
"react-only-when": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/react-only-when/-/react-only-when-1.0.2.tgz",
"integrity": "sha512-agE6l3L6bqaVuwNtjihTQ36M+VBfPS63KOzcNL4ZTmlwSxQPvhzIqmBWfiol0/wLYmKxCcBqgXkEJpvj5Kob8Q=="
},
"react-refresh": {
"version": "0.8.3",
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
......@@ -12252,6 +12281,14 @@
}
}
},
"react-swipeable": {
"version": "5.5.1",
"resolved": "https://registry.npmjs.org/react-swipeable/-/react-swipeable-5.5.1.tgz",
"integrity": "sha512-EQObuU3Qg3JdX3WxOn5reZvOSCpU4fwpUAs+NlXSN3y+qtsO2r8VGkVnOQzmByt3BSYj9EWYdUOUfi7vaMdZZw==",
"requires": {
"prop-types": "^15.6.2"
}
},
"react-transition-group": {
"version": "4.4.2",
"resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
......@@ -12586,6 +12623,11 @@
"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
"integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
},
"resize-observer-polyfill": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.0.tgz",
"integrity": "sha512-M2AelyJDVR/oLnToJLtuDJRBBWUGUvvGigj1411hXhAdyFWqMaqHp7TixW3FpiLuVaikIcR1QL+zqoJoZlOgpg=="
},
"resolve": {
"version": "1.18.1",
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.18.1.tgz",
......
public/assets/clients/hr.svg 0 → 100644
View file @ 06210240
<?xml version="1.0" encoding="UTF-8"?>
<svg width="96px" height="26px" viewBox="0 0 96 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
<title>Amazon logo</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="10.9550603 0.264946857 10.9550603 14.9629493 0.13089163 14.9629493 0.13089163 0.264946857 10.9550603 0.264946857"></polygon>
<polygon id="path-3" points="12.8410575 0.134673807 0.242662763 0.134673807 0.242662763 15.1495839 12.8410575 15.1495839 12.8410575 0.134673807"></polygon>
<polygon id="path-5" points="12.5979185 0.134673807 0.000106372718 0.134673807 0.000106372718 15.1495839 12.5979185 15.1495839 12.5979185 0.134673807"></polygon>
</defs>
<g id="Homepage-Wireframes" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Homepage---v3---1440" transform="translate(-1024.000000, -944.000000)">
<g id="//Hero" transform="translate(-1.000000, 0.000000)">
<g id="//logos" transform="translate(329.000000, 892.000000)">
<g id="Amazon-logo" transform="translate(696.000000, 52.000000)">
<path d="M52.826181,20.2705024 C47.87852,23.9104066 40.7060735,25.8456799 34.5298076,25.8456799 C25.8734617,25.8456799 18.0784689,22.6559254 12.1798358,17.3463841 C11.7165826,16.9291073 12.1295747,16.3599249 12.6864359,16.6828239 C19.0507156,20.374689 26.9209671,22.5978672 35.0494383,22.5978672 C40.5329519,22.5978672 46.5602961,21.463479 52.1071015,19.1180869 C52.943191,18.7644356 53.6444532,19.6676515 52.826181,20.2705024" id="Fill-1" fill="#CCC"></path>
<path d="M54.8848123,17.9272842 C54.2518946,17.1197715 50.7019711,17.5447363 49.1069121,17.7350824 C48.62398,17.7928755 48.5492532,17.3718873 48.9845835,17.0672805 C51.8167571,15.0842883 56.457001,15.6569171 56.9960448,16.3207423 C57.5393434,16.9903998 56.8532394,21.6284279 54.199772,23.8417972 C53.7915667,24.1819281 53.4030403,24.0003306 53.5841399,23.550976 C54.1814227,22.0639969 55.5185277,18.7355921 54.8848123,17.9272842" id="Fill-3" fill="#CCC"></path>
<path d="M49.2194811,3.05908372 L49.2194811,1.1322939 C49.2213426,0.838821642 49.4425979,0.643703685 49.7095934,0.644764109 L58.3723216,0.643703685 C58.6494225,0.643703685 58.8717415,0.844653972 58.8717415,1.12990794 L58.8717415,2.78231314 C58.8690822,3.05961394 58.6347963,3.42095331 58.2196768,3.99517273 L53.7323436,10.3821046 C55.3976085,10.3433991 57.1596726,10.5923336 58.6733564,11.4401423 C59.0145469,11.6312837 59.1060274,11.9141517 59.1328865,12.1919827 L59.1328865,14.2481442 C59.1328865,14.5310122 58.8214804,14.8592133 58.4946502,14.68822 C55.8284181,13.2958837 52.2904614,13.143978 49.3418097,14.705717 C49.040509,14.8653108 48.7253798,14.5421467 48.7253798,14.2584833 L48.7253798,12.3043876 C48.7253798,11.9912975 48.7314962,11.456844 49.0476891,10.9801835 L54.2466557,3.54475777 L49.7202306,3.54422756 C49.4433956,3.54422756 49.2213426,3.34778407 49.2194811,3.05908372" id="Fill-5" fill="#CCC"></path>
<path d="M17.6204546,15.0934344 L14.9850705,15.0934344 C14.7342968,15.0769979 14.5340502,14.8893029 14.5135734,14.6491169 L14.5157009,1.16529958 C14.5157009,0.89515665 14.7430726,0.680155749 15.0241625,0.680155749 L17.478447,0.679360431 C17.7353371,0.692350621 17.9414343,0.885877943 17.9573902,1.13242645 L17.9573902,2.89246465 L18.0071194,2.89246465 C18.6464195,1.19021954 19.8521542,0.395431991 21.4754019,0.395431991 C23.1233813,0.395431991 24.1570581,1.19021954 24.8947529,2.89246465 C25.5348508,1.19021954 26.9863065,0.395431991 28.5358911,0.395431991 C29.6429651,0.395431991 30.848434,0.849293326 31.5863947,1.87101154 C32.4227502,3.00619509 32.2512242,4.65144243 32.2512242,6.09865565 L32.2485649,14.6082906 C32.2485649,14.8773731 32.0211932,15.0934344 31.7401033,15.0934344 L29.1079104,15.0934344 C28.8433082,15.0764676 28.6353496,14.8678293 28.6353496,14.609351 L28.6342858,7.46050476 C28.6342858,6.89370831 28.6837492,5.47486142 28.5603568,4.93590109 C28.3635673,4.0273831 27.7731987,3.77182099 27.0110382,3.77182099 C26.3712063,3.77182099 25.7069086,4.19731599 25.4359241,4.8783731 C25.1657374,5.55969532 25.1899372,6.69408355 25.1899372,7.46050476 L25.1899372,14.6082906 C25.1899372,14.8773731 24.9628315,15.0934344 24.6820075,15.0934344 L22.0495487,15.0934344 C21.7849465,15.0764676 21.5761901,14.8678293 21.5761901,14.609351 L21.5737967,7.46050476 C21.5737967,5.95682399 21.8195177,3.74398487 19.9502831,3.74398487 C18.055785,3.74398487 18.129714,5.89982621 18.129714,7.46050476 L18.1289162,14.6082906 C18.1289162,14.8773731 17.9012786,15.0934344 17.6204546,15.0934344" id="Fill-7" fill="#CCC"></path>
<path d="M66.3531209,3.1481328 C64.4099573,3.1481328 64.2870968,5.78620181 64.2870968,7.43224447 C64.2870968,9.07802203 64.262897,12.5965078 66.3291871,12.5965078 C68.3715433,12.5965078 68.4694062,9.75907914 68.4694062,8.02873279 C68.4694062,6.89381435 68.4202088,5.53143503 68.0755612,4.45324925 C67.7803769,3.51663003 67.1894764,3.1481328 66.3531209,3.1481328 M66.3291871,0.395272927 C70.2407779,0.395272927 72.3559994,3.74409091 72.3559994,8.00010135 C72.3559994,12.1137499 70.0195226,15.377734 66.3291871,15.377734 C62.4915253,15.377734 60.4002377,12.0286509 60.4002377,7.85826969 C60.4002377,3.6584617 62.5157251,0.395272927 66.3291871,0.395272927" id="Fill-9" fill="#CCC"></path>
<g id="Group-13" transform="translate(74.194971, 0.130485)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-12"></g>
<path d="M3.23404975,14.9629493 L0.608239202,14.9629493 C0.344434861,14.9459825 0.13541247,14.7373441 0.13541247,14.4788659 L0.13089163,0.989746443 C0.1532299,0.742667725 0.371825836,0.549670615 0.637225768,0.549670615 L3.08167083,0.548875297 C3.31196777,0.56107017 3.50184307,0.717217557 3.55024265,0.926386128 L3.55024265,2.98891019 L3.59970597,2.98891019 C4.33793263,1.14403809 5.37054579,0.264946857 7.19111486,0.264946857 C8.37185204,0.264946857 9.52838941,0.690176753 10.2663501,1.85425685 C10.9551135,2.93217752 10.9551135,4.74788797 10.9551135,6.05353462 L10.9551135,14.5385147 C10.925861,14.7773751 10.7104562,14.9629493 10.450109,14.9629493 L7.80834256,14.9629493 C7.56421717,14.947308 7.36742765,14.7686266 7.33923887,14.5385147 L7.33923887,7.21734961 C7.33923887,5.74177006 7.51156268,3.5848683 5.69099361,3.5848683 C5.05116171,3.5848683 4.46079312,4.0103633 4.16560883,4.66278897 C3.7964955,5.48620796 3.74703218,6.30830141 3.74703218,7.21734961 L3.74703218,14.4778055 C3.74251134,14.746888 3.51487373,14.9629493 3.23404975,14.9629493" id="Fill-11" fill="#CCC" mask="url(#mask-2)"></path>
</g>
<g id="Group-16" transform="translate(34.305202, 0.130485)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="Clip-15"></g>
<path d="M10.6653276,14.9292808 C10.4914082,15.0854282 10.2395708,15.0957674 10.0430472,14.9902552 C9.16786568,14.2651905 9.01096592,13.9303617 8.53228869,13.2397608 C7.08588565,14.7087127 6.06151638,15.1495839 4.18722908,15.1495839 C1.96882605,15.1495839 0.242662763,13.7842884 0.242662763,11.0547578 C0.242662763,8.92198068 1.40159353,7.47158619 3.05329591,6.76083722 C4.48294524,6.13492214 6.48009302,6.0211917 8.00920085,5.85019838 L8.00920085,5.50927217 C8.00920085,4.88309199 8.0581323,4.14450689 7.68822117,3.60395592 C7.36750742,3.12040272 6.75134345,2.92130818 6.20910852,2.92130818 C5.20362041,2.92130818 4.31062144,3.43481834 4.09069584,4.4986884 C4.04495557,4.7356931 3.87183397,4.97031183 3.63302722,4.9822416 L1.0784864,4.70626634 C0.862549778,4.65775195 0.623211162,4.485168 0.685173271,4.15670177 C1.27288254,1.06768758 4.07101689,0.134514744 6.57848779,0.134514744 C7.86107684,0.134514744 9.53724494,0.475440957 10.5480517,1.44281246 C11.8303748,2.63711463 11.7067165,4.229871 11.7067165,5.96498925 L11.7067165,10.0571642 C11.7067165,11.2891114 12.2199649,11.8288671 12.7013014,12.491897 C12.8699022,12.7315528 12.9076645,13.0152161 12.6927916,13.1904511 C12.1548116,13.6403358 11.1982549,14.4682616 10.6719759,14.9353783 L10.6653276,14.9292808 Z M8.00920085,8.52352648 C8.00920085,9.54763065 8.03340064,10.4002113 7.5153655,11.3108501 C7.09652293,12.0497003 6.43062971,12.5048872 5.69133932,12.5048872 C4.68053256,12.5048872 4.08883432,11.7368753 4.08883432,10.5993058 C4.08883432,8.36181187 6.10220394,7.95487428 8.00920085,7.95487428 L8.00920085,8.52352648 Z" id="Fill-14" fill="#CCC" mask="url(#mask-4)"></path>
</g>
<g id="Group-19" transform="translate(0.000000, 0.130485)">
<mask id="mask-6" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<g id="Clip-18"></g>
<path d="M10.4227712,14.9292808 C10.2485859,15.0854282 9.99648256,15.0957674 9.8002249,14.9902552 C8.92424556,14.2651905 8.76761173,13.9303617 8.2897323,13.2397608 C6.84253147,14.7087127 5.81816219,15.1495839 3.94467269,15.1495839 C1.72573779,15.1495839 0.000106372718,13.7842884 0.000106372718,11.0547578 C0.000106372718,8.92198068 1.15850527,7.47158619 2.81047359,6.76083722 C4.24012292,6.13492214 6.23753663,6.0211917 7.76558073,5.85019838 L7.76558073,5.50927217 C7.76558073,4.88309199 7.81504404,4.14450689 7.44539885,3.60395592 C7.1246851,3.12040272 6.5082552,2.92130818 5.9662862,2.92130818 C4.96106402,2.92130818 4.06700132,3.43481834 3.84787352,4.4986884 C3.80213325,4.7356931 3.62901165,4.97031183 3.38993897,4.9822416 L0.835930006,4.70626634 C0.619993388,4.65775195 0.380122908,4.485168 0.442350948,4.15670177 C1.02926242,1.06768758 3.82739677,0.134514744 6.3359314,0.134514744 C7.61798858,0.134514744 9.29442262,0.475440957 10.3052294,1.44281246 C11.5867547,2.63711463 11.4638942,4.229871 11.4638942,5.96498925 L11.4638942,10.0571642 C11.4638942,11.2891114 11.9768766,11.8288671 12.4582132,12.491897 C12.6262821,12.7315528 12.6648422,13.0152161 12.4499693,13.1904511 C11.9117234,13.6403358 10.9546348,14.4682616 10.4288877,14.9353783 L10.4227712,14.9292808 Z M7.76558073,8.52352648 C7.76558073,9.54763065 7.79031239,10.4002113 7.27254318,11.3108501 C6.85396653,12.0497003 6.18780739,12.5048872 5.44825106,12.5048872 C4.43771024,12.5048872 3.84574607,11.7368753 3.84574607,10.5993058 C3.84574607,8.36181187 5.85964755,7.95487428 7.76558073,7.95487428 L7.76558073,8.52352648 Z" id="Fill-17" fill="#CCC" mask="url(#mask-6)"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
public/assets/clients/ragasa.svg 0 → 100644
View file @ 06210240
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="200.000000pt" height="155.000000pt" viewBox="0 0 200.000000 155.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,155.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M991 1110 l-1 -95 32 33 32 32 -31 62 -32 63 0 -95z"/>
<path d="M1027 1015 c-36 -31 -38 -36 -35 -86 l3 -52 54 50 c54 49 55 50 42
82 -8 17 -16 33 -20 35 -3 2 -23 -11 -44 -29z"/>
<path d="M1085 919 c-17 -17 -45 -39 -62 -51 -31 -18 -33 -23 -33 -74 0 -39 4
-54 14 -54 19 0 76 41 98 71 23 30 34 99 21 123 -8 14 -13 12 -38 -15z"/>
<path d="M350 565 l0 -135 25 0 c24 0 25 3 25 55 0 51 2 55 24 55 30 0 41 -14
55 -67 10 -36 16 -43 36 -43 14 0 25 3 25 8 0 21 -24 89 -36 103 -12 14 -12
18 6 34 13 12 20 31 20 56 0 53 -26 69 -112 69 l-68 0 0 -135z m111 95 c21
-12 25 -50 7 -68 -7 -7 -25 -12 -40 -12 -26 0 -28 3 -28 38 0 53 17 65 61 42z"/>
<path d="M635 621 c-40 -17 -60 -51 -60 -102 0 -36 5 -54 22 -70 26 -26 67
-28 93 -4 18 16 20 17 20 2 0 -11 8 -17 23 -17 21 0 22 3 20 97 l-1 98 -49 2
c-26 1 -57 -2 -68 -6z m65 -74 c0 -41 -21 -87 -40 -87 -18 0 -40 32 -40 58 0
38 26 72 56 72 22 0 24 -4 24 -43z"/>
<path d="M832 612 c-33 -26 -46 -83 -28 -126 22 -53 59 -66 120 -41 16 7 17 5
11 -16 -11 -37 -35 -51 -76 -44 -28 5 -38 3 -43 -10 -7 -20 16 -30 72 -29 33
1 50 7 70 27 24 25 26 33 30 142 4 111 4 115 -16 115 -12 0 -24 -5 -27 -10 -4
-7 -12 -7 -25 0 -28 15 -62 12 -88 -8z m101 -57 c12 -43 -6 -85 -37 -85 -30 0
-49 23 -49 60 0 64 69 84 86 25z"/>
<path d="M1081 616 c-33 -18 -50 -54 -50 -101 0 -45 15 -70 50 -83 26 -10 69
1 69 18 0 5 5 10 10 10 6 0 10 -7 10 -15 0 -8 8 -15 18 -15 16 0 18 10 17 98
l-1 97 -50 2 c-27 2 -60 -3 -73 -11z m79 -55 c0 -15 -5 -42 -11 -59 -20 -59
-69 -48 -69 16 0 42 24 72 57 72 19 0 23 -5 23 -29z"/>
<path d="M1288 620 c-10 -6 -23 -20 -29 -31 -14 -27 8 -61 51 -79 45 -19 36
-45 -15 -45 -29 0 -40 -4 -40 -15 0 -23 91 -26 117 -4 30 28 20 64 -30 97 -34
23 -41 32 -32 43 8 8 22 11 42 7 26 -5 30 -3 26 13 -4 22 -62 31 -90 14z"/>
<path d="M1473 611 c-53 -33 -63 -133 -18 -171 22 -18 63 -15 85 5 18 16 20
17 20 2 0 -11 8 -17 23 -17 21 0 22 3 21 97 l-2 98 -48 3 c-35 2 -58 -3 -81
-17z m77 -69 c0 -37 -5 -54 -21 -68 -21 -19 -21 -18 -40 5 -23 28 -24 43 -4
81 11 21 23 30 40 30 23 0 25 -4 25 -48z"/>
</g>
</svg>
src/assets/styles/css/carousel.css 0 → 100644
View file @ 06210240
button.rec-dot.rec-dot_active{
background-color: rgb(21, 100, 112, 1);
box-shadow: 0 0 1px 3px rgba(21, 100, 112, 0.5);
}
button.rec-dot:hover, button.rec-dot:active, button.rec-dot:focus {
box-shadow: 0 0 1px 3px rgba(21, 100, 112, 0.5);
}
src/assets/styles/styled.js
View file @ 06210240
......@@ -29,4 +29,10 @@ export const FooterContainer = styled.footer`
width: 100%;
height: auto;
background-color: ${props => props.bg};
margin-top: 40px;
`
export const ClientImage = styled.img`
width: auto;
height: 70px;
`
src/components/ClientCarousel.jsx 0 → 100644
View file @ 06210240
import React from "react"
import Carousel, { consts } from "react-elastic-carousel"
import IconButton from "@mui/material/IconButton"
import ChevronLeftIcon from "@mui/icons-material/ChevronLeft"
import ChevronRightIcon from "@mui/icons-material/ChevronRight"
import { makeStyles } from "@material-ui/core"
import { ClientImage } from "../assets/styles/styled"
import "../assets/styles/css/carousel.css"
import { Typography } from "@mui/material"
import myTheme from "../assets/styles/myTheme"
const myPalette = myTheme.palette
const clientsSrc = [
"ads.png",
"GE.jpg",
"hr.svg",
"inoac.png",
"ragasa.svg",
"RQ.png",
"slide03.png",
"slide04.png",
"tupy.png",
"VDE.png",
"viba.png"
]
const breakPoints = [
{ width: 1, itemsToShow: 1 },
{ width: 550, itemsToShow: 2, itemsToScroll: 2 },
{ width: 850, itemsToShow: 3, itemsToScroll: 3 },
{ width: 1150, itemsToShow: 4, itemsToScroll: 2 },
{ width: 1450, itemsToShow: 5, itemsToScroll: 2 },
{ width: 1750, itemsToShow: 6, itemsToScroll: 2 },
]
const useStyles = makeStyles((theme) => ({
container: {
padding: "20px 20px",
margin: "20px 20px"
},
highlighter: {
color: myPalette.primary.main
}
}))
function ClientCarousel() {
const classes = useStyles()
function myArrow({ type, onClick, isEdge }) {
const pointer = type === consts.PREV ? (
<ChevronLeftIcon />
) : (
<ChevronRightIcon />
)
return (
<IconButton onClick={onClick} disabled={isEdge}>
{pointer}
</IconButton>
)
}
return (
<div className={classes.container}>
<Typography id="carousel-title" variant="h5" component="h1" align="center" sx={{ mb: 3, color: "#404040" }}>
Ellos confían en <span className={classes.highlighter}>nosotros</span>
</Typography>
<Carousel
breakPoints={breakPoints}
enableAutoPlay
autoPlaySpeed={3000}
itemPadding={[10, 50]}
renderArrow={myArrow}
>
{
clientsSrc.map((src, index) => {
return (
<ClientImage key={index} src={`${process.env.PUBLIC_URL}/assets/clients/${src}`} />
)
})
}
</Carousel>
</div>
)
}
export default ClientCarousel
src/components/Footer.jsx
View file @ 06210240
......@@ -11,7 +11,6 @@ import ListItem from "@mui/material/ListItem"
import ListItemText from "@mui/material/ListItemText"
import ContactForm from "./ContactForm"
import ContactButton from "./ContactButton"
import { FooterContainer, NavLinkFooter } from "../assets/styles/styled"
import myTheme from "../assets/styles/myTheme"
......
src/views/Home.jsx
View file @ 06210240
import React from "react"
import Hero from "../components/Hero"
import ClientCarousel from "../components/ClientCarousel"
const Home = () => {
return (
<div>
<Hero />
<ClientCarousel />
</div>
)
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment