[V0_FILE]plaintext:file="public/3d/helmet-lorenzo.glb" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/3d/helmet-lorenzo-l2XUdQ6qrej92NYjRqZYiT6prqkocJ.glb" isMerged="true" [V0_FILE]png:file="public/apple-icon.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-10-27%20at%203.09.50%20PM-vmF0OqeVAp92K1LfVRMxonocEexH6c.jpeg" isMerged="true" [V0_FILE]plaintext:file="public/fonts/Brier-Bold.woff2" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/fonts/Brier-Bold-iQ2qiX3maGYCdKPvk9DQ5ZXOXhGja8.woff2" isMerged="true" [V0_FILE]plaintext:file="public/fonts/MonaSans-Variable.woff2" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/fonts/MonaSans-Variable-7zaSqvikCPowFYMOOr8MlnEDsrcQkm.woff2" isMerged="true" [V0_FILE]png:file="public/icon-dark-32x32.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-10-27%20at%203.09.50%20PM-vmF0OqeVAp92K1LfVRMxonocEexH6c.jpeg" isMerged="true" [V0_FILE]png:file="public/icon-light-32x32.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-10-27%20at%203.09.50%20PM-vmF0OqeVAp92K1LfVRMxonocEexH6c.jpeg" isMerged="true" [V0_FILE]jpg:file="public/images/Lorenzo-LIMPO.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/Lorenzo-LIMPO-Jtvvtz1HdYpWaxEvyB3LeIwxSCbnSe.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/Lorenzo-SUJO.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/Lorenzo-SUJO-ABcHgOxXgFckRgCe3eYhqjvnGzUyTK.jpg" isMerged="true" [V0_FILE]png:file="public/images/cap-lorenzo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/cap-lorenzo-wSkxNRCt70d9n3bBSJhjDgdhEwHRMh.png" isMerged="true" [V0_FILE]png:file="public/images/flags/flag-Brazil.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/flags/flag-Brazil-PDAVu1ZV4fqgVcUudcweA11TMLCqoK.png" isMerged="true" [V0_FILE]png:file="public/images/flags/flag-Mexico.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/flags/flag-Mexico-LbowW6mIlDLUk4vPCpVqRrI4UJO2Pw.png" isMerged="true" [V0_FILE]png:file="public/images/flags/flag-Spain.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/flags/flag-Spain-w9aqEavFFKZYZ4VbiIk6VwaDVtO0rR.png" isMerged="true" [V0_FILE]jpg:file="public/images/flower-spa-banner.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/flower-spa-banner-lj8c9jZB2sRvcy84ZX0PPV6pIR15G4.jpg" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection1-dfcmh8T9dnswkMvrXVZtpfq4VGCZic.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection10.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection10-ojxgOkfgZAa5ZZmb6niWlN0NIWZ459.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection11.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection11-OqvAfOSV7rC7yipvwun56QVnX8qnst.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection12.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection12-MvpGKEAJGloN8VcbkHdfOZuw5IKq1J.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection13.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection13-FKoJrgopvz7GRpi7VrDRQWRDY52KZ0.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection14.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection14-8snWskQQ94OxNkcW3hbaFTckn3Yyjy.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection15.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection15-h2fut1LSORRLUs16B5wXZYtdTIogsn.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection16.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection16-mZzSMRQ1TXYCDALSBw6gkTts7Cabnb.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection17.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection17-GwFXgyoDwxH5NnuvTrYkGDGHGztwPC.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection18.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection18-FuKR7fCIKiIACBImuen9AMEhl95HLc.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection19.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection19-TCPTkjO7KObrvXqpNLUVqdnIrhaDJe.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection2-GvqR9PfqNz5hhGoHQPmOHrFpRDWoCE.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection20.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection20-3gznCVMJPDGBLBhrDLGUn0ijrGq5PQ.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection21.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection21-pBAgb59GBj5z6eHmdf8a2NcUCcCde4.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection3-wyhCqAKCNO5m954ydpvnzdEy3B6Zd2.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection4.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection4-JHg9ZWZYmLm6EuKOIhh9Uk7qZFvq5i.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection5.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection5-VZQ8itSh01KtL5RH2IhZGsDhEsnG1x.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection6.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection6-duVL2DfJWhpwymfFxOmilGebywI1cz.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection7.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection7-aujteaTQo7Ep4zQUVFjBiA7eSTcaOB.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection8.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection8-5g15y1SsWJpMl9yAQ6OL59vfCMTKU9.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-collection9.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-collection9-hYLErnMI8YTHNhVpeIrpNRDo5EYnpv.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-lorenzo-oficial.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-lorenzo-oficial-FDh7wibSM5uwEcAYe8Y9gGrR1U38PG.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-lorenzo-oficial2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-lorenzo-oficial2-QkfOqHj05fsORBScXVgUneENWFZebH.png" isMerged="true" [V0_FILE]png:file="public/images/helmets/helmet-oficial.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/helmets/helmet-oficial-OQ1NhTYGWIkeXzi2JtyYjzEh4sn0OY.png" isMerged="true" [V0_FILE]png:file="public/images/hero-off.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/hero-off-FsV6jhLf8krEdL555IcHuRlGVKOKaX.png" isMerged="true" [V0_FILE]png:file="public/images/hero-on.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/hero-on-F3zV642io65P2jMb6HpLmXMMbvl2nG.png" isMerged="true" [V0_FILE]png:file="public/images/ico-helmet.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/ico-helmet-mqNiVygyUMFrxGyRxs3PEJmWmsDxO1.png" isMerged="true" [V0_FILE]png:file="public/images/icon/ico-helmet-w.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/icon/ico-helmet-w-g8smmBaDDkJzGWueWcGnd0pfK6JPcF.png" isMerged="true" [V0_FILE]png:file="public/images/icon/icon-hand1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/icon/icon-hand1-wEApGUuPsTUMVuHc9EOb0xdr454J15.png" isMerged="true" [V0_FILE]png:file="public/images/icon/icon-hand2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/icon/icon-hand2-LQEbQC8CxreuG1pT1rIrxNqhSE5Aky.png" isMerged="true" [V0_FILE]png:file="public/images/icon/icon-hand3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/icon/icon-hand3-QKjhsE95nYx3LvAmgn5iHjZ0vkHYB3.png" isMerged="true" [V0_FILE]png:file="public/images/icon/icon-hand4.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/icon/icon-hand4-UZub3057IVTXNIIcwMvADri5dk8HxF.png" isMerged="true" [V0_FILE]png:file="public/images/icon/icon-hand5.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/icon/icon-hand5-Y9zwqBxXIjb3PRAWjn2UHB0lR0qBOF.png" isMerged="true" [V0_FILE]png:file="public/images/icon/icon-hand6.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/icon/icon-hand6-H8tcc4JZeP3uWJMhIWRaxazKgWTPYE.png" isMerged="true" [V0_FILE]png:file="public/images/inspired-by-lando-norris.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/inspired-by-lando-norris-g5DbgDGXURnVja4fTLGGf0Ii2E7NTI.png" isMerged="true" [V0_FILE]jpg:file="public/images/lofan/lofan.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lofan/lofan-ZLhUkR2lT1pDDnBlJBkFSDDSuHTScs.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/lofan/lofan2.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lofan/lofan2-zKq1PR8JoOmsMaD9wKMVSuzWXMQU8v.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/lofan/lofan3.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lofan/lofan3-4UdMDQtHBXtjMAbT5yyyvjkjELdxwo.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/lofan/lofan4.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lofan/lofan4-5Oqx3xqYQ5ffPtx80gJiPz1MfkFiH9.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/lofan/lofan5.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lofan/lofan5-BXhgQCPaECwjKKvJdFlRZbyBygEeES.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/lofan/lofan6.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lofan/lofan6-zB4bNjtGjgGkAxrt0midP9nxPcnLtR.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/lofan/lofan7.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lofan/lofan7-Bq9LiVKKMMFvpXtW7XqDzSTPzolJB1.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/lofan/lofan8.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lofan/lofan8-uNwGZ29sx0ASsTwETNMoDcdFyF7f1J.jpg" isMerged="true" [V0_FILE]png:file="public/images/logo-color.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/logo-color-e9877kCKVFUdWlvxcmFq6fBDvO2Sg5.png" isMerged="true" [V0_FILE]png:file="public/images/logo-white.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/logo-white-WRIlzNBhSjmtM6NucIF7m8giigDYjk.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-box.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-box-YLd4JAUEumeVOG3JrdBCCqjkqjbUK9.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-box2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-box2-TtFnbwfDTVMO6euziWyFJLUJ1jcPXH.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-box3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-box3-8crQlW5SQah2SnxH7gRbe0TU5YLYOj.png" isMerged="true" [V0_FILE]jpg:file="public/images/lorenzo-col.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-col-yATctz6vhFU31o71s0QOvfA8fdEbOl.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/lorenzo-col2.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-col2-jMOH8HEsm58n4HnsQkMOIfvB6f5dcS.jpg" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-piloto.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-piloto-ec0jeSWVUL7caeCTkebBc8IVWAqiop.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-piloto1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-piloto1-zACTiEr1bQp33WOY31OriBf5RwaUCi.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-piloto10.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-piloto10-DNKkerL185E8RoLkzPMMS0IKQncWp6.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-piloto2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-piloto2-bpeyMziECZyuYNfhiB2Qn88ltEgLeU.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-piloto3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-piloto3-gMRi2osYiHqobOprhoe5902P6VIMPl.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-piloto4.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-piloto4-z2vwldhO8cvbIYjS0cFIAAo4Q3Ponp.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-piloto5.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-piloto5-PS8TtFwfA8aFtFq5c7AVYso0i0wDPj.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-piloto6.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-piloto6-B38QVYbBwn2iZZtuyxuX92N1j1KGfi.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-piloto7.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-piloto7-FDF0Bg28Mwx2o5lXsFfxKYITUUPcQG.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-piloto8.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-piloto8-9Vv9fTE6nFjBfpbOhWbc71FxmRhgqg.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-piloto9.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-piloto9-MUB5mXu92BI0aOcRgmpU49XvJrpIxq.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-podio2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-podio2-UGUSxPBXT5pIN1dkf5x0vmy1zJmgJq.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-podio3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-podio3-FZCCdZ7SnPfm65FDcL4kpv1oRcfDcs.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-podio4.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-podio4-YCl1ACAM3wlvQhLn07W2G3tWuiVdcr.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-podio5.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-podio5-Dxqg9cHclxlOIaFw8JLWHSC06LNmHW.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-podio6.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-podio6-mM3pSeiH6omvrSmfgMXf2ribO0ap2n.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-podio7.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-podio7-zNLMlpMVeB9wuv3rbiM8GUhtG1lqPb.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-pose.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-pose-5vyVfY4ebi1ScurDnLKu57M5b8jFl4.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-pose2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-pose2-LlGo3WUqin3X7y8ucDhofIQphfZ6Ex.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-pose3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-pose3-nPfW73iIZC96wJgew6czYRZbpm64ub.png" isMerged="true" [V0_FILE]jpg:file="public/images/lorenzo-pose33.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-pose33-VVGbamSXy6H56Rj3sAjOVjzepsRUm1.jpg" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-pose4.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-pose4-YMVTWya38OM7GCxuBi9sOGbXqD9lZh.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-pose5.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-pose5-IlrAWYZmHHj5PPZmDlpvJeSfIIn8qN.png" isMerged="true" [V0_FILE]png:file="public/images/lorenzo-pose6.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/lorenzo-pose6-tpkWtSn29e0ocb91UE2dqXr3KiRw7a.png" isMerged="true" [V0_FILE]png:file="public/images/moto.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/moto-H1b4iqcWPEEqphMKNcdvsrclt3X5SR.png" isMerged="true" [V0_FILE]png:file="public/images/moto2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/moto2-OGKPgsgsxISbflzDN6bdN96uF8dWsF.png" isMerged="true" [V0_FILE]png:file="public/images/moto3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/moto3-z0NXnnLjFcpH7IgwqMs8YFUXEQBqEt.png" isMerged="true" [V0_FILE]png:file="public/images/panov0.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/panov0-k2RV2teHvbHBjhZCXNGHFe9kSc4gpZ.png" isMerged="true" [V0_FILE]png:file="public/images/partners/aisdk-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/partners/aisdk-logo-Rg0i7IbzuClYIu1ZtyTr5C2j3iSuYf.png" isMerged="true" [V0_FILE]png:file="public/images/partners/next-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/partners/next-logo-FfkApSI9mLurLFfMqaIZWn1HVdlJOf.png" isMerged="true" [V0_FILE]png:file="public/images/partners/turbo-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/partners/turbo-logo-pnsxxoJlqMF8GhYgU0LDT8sl48DAEp.png" isMerged="true" [V0_FILE]png:file="public/images/partners/v0green-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/partners/v0green-logo-zgtXRx9bYSouqoyfZjTmGCGESlJkdw.png" isMerged="true" [V0_FILE]png:file="public/images/partners/vercel-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/partners/vercel-logo-hwXZzCjjfZfhHwX2IoyW2lXlEhSRYE.png" isMerged="true" [V0_FILE]jpg:file="public/images/spa-base.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/spa-base-ysdcMC32DivdbAtIB4c61azsS413pZ.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/spa-petals.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/spa-petals-MU0HxIgKqFQbJXVLjJkkCb5q9eOmVA.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/spa/spa-treatment-1.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/spa/spa-treatment-1-cNP74jFmrWJO9GhgdbbWqIazPlSPeq.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/spa/spa-treatment-2.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/spa/spa-treatment-2-lYJdgaD58hSR4KxtRtPDrpoDhZF8r7.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/spa/spa-treatment-3.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/spa/spa-treatment-3-d6bGiHcdSjXLKxohoMM0avpiZmBw2C.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/spa/spa-treatment-4.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/spa/spa-treatment-4-IGl0GNG1WTBTsG2inl54dDjJUmMjFu.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/spa/spa-treatment-5.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/spa/spa-treatment-5-9AGc3UewsyAiZ0UXRkIefXKOq2T2LC.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/spa/spa-treatment-6.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/spa/spa-treatment-6-LG7RtiNoPerjwjewgzVY4mPOyVugxM.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/spa/spa-treatment-7.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/spa/spa-treatment-7-VkcPiMFHpDL5vlWf5UM8994j17mhMd.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/spa/spa-treatment-8.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/spa/spa-treatment-8-ecxCoq9ogoN89gQYPV6gTiMt4BWuwb.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/training/training-1.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/training/training-1-a0BW7umPZdJfaci282eMVwEyr7OMeF.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/training/training-2.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/training/training-2-fSjqXicRlkpyIZS1TlWz7ICvjfcr1F.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/training/training-3.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/training/training-3-RRhOTBbcW7QYRKR9NUHZYLm45xPAxu.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/training/training-4.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/training/training-4-tU1eqjPY43vSHi1QiwEzAjflsTIAVy.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/training/training-5.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/training/training-5-QkCfelXhdKJTJbTLrJeLsih1TCPyVE.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/training/training-6.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/training/training-6-QnfzOuQievKrngVAMhWfXmoDOhtcfE.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/training/training-7.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/training/training-7-wo01sTAFNzBbhxYPTgaAfvW2uXwXEW.jpg" isMerged="true" [V0_FILE]plaintext:file="public/images/trofeus-lorenzo.PNG" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/images/trofeus-lorenzo-FYFnC1lqsaloxcB9iOn9AdNvyvRVJn.PNG" isMerged="true" [V0_FILE]png:file="public/placeholder-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/placeholder-logo-19fUKVq1O9khsEbHMGQBMrJE8bqcIU.png" isMerged="true" [V0_FILE]jpg:file="public/placeholder-user.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/placeholder-user-NnRkfOAXj4PzetcyoHu2CEcJm2BuMV.jpg" isMerged="true" [V0_FILE]jpg:file="public/placeholder.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/public/placeholder-IXTvPtMxhJ2Tjhbt1yoPwsvOmeZhaG.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/components-archive/page.tsx" isMerged="true" import GallerySection from "@/components/gallery-section" import ScrollCollageSection from "@/components/scroll-collage-section" import StoreSection from "@/components/store-section" import PartnersSection from "@/components/partners-section" import TrackSplitSection from "@/components/track-split-section" import TestimonialSection from "@/components/testimonial-section" import HelmetHall from "@/components/helmet-hall-bk" import Link from "next/link" export default function ComponentsArchivePage() { return (

{/* Archive Header */}

COMPONENTS ARCHIVE

Back to Home

{/* Intro */}

This page displays components that exist in the codebase but are not currently used on the main landing page. This serves as a visual reference for unused assets.

{/* Gallery Section */}

1. Gallery Section (Unused)

{/* Scroll Collage Section */}

2. Scroll Collage Section (Unused)

{/* Store Section */}

3. Store Section (Unused)

{/* Partners Section */}

4. Partners Section (Unused)

{/* Track Split Section */}

5. Track Split Section (Unused)

{/* Helmet Hall Section */}

5. Track Split Section (Unused)

{/* Testimonial Section (Old Version) */}

6. Testimonial Section (Superseded by BikeShowcase)

) } [V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --darkcinzabg: #0d1117; --lorenzo-dark: #1a1f2e; --lorenzo-darkbk: #0d1117; --lorenzo-light: #f0f4f8; --lorenzo-accent: #a8e6cf; --lorenzo-text-dark: #000000; --lorenzo-text-light: #ffffff; --verdetitulo: #1a1f2e; --background: #0d1117; --foreground: #ffffff; --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.9 0.15 120); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } /* Adding font-face definitions for local fonts Brier and Mona Sans */ @font-face { font-family: "Brier"; src: url("/fonts/Brier-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Mona Sans"; src: url("/fonts/MonaSans-Variable.woff2") format("woff2"); font-weight: 200 900; font-display: swap; font-stretch: 75% 125%; } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { /* Replacing default sans-serif with Roboto for narrower, taller text */ --font-sans: var(--font-roboto), "Helvetica Neue", "Helvetica", "Arial", sans-serif; --font-mono: "Geist Mono", "Geist Mono Fallback"; /* Replacing Katibeh with Libre Baskerville for better visual balance */ --font-serif: var(--font-libre-baskerville), "Georgia", serif; /* Adding Gochi Hand font for the Race Day counter script text */ --font-gochi: "Gochi Hand", cursive; --font-oswald: var(--font-oswald); /* Using Oswald variable correctly */ /* Adding custom fonts to theme */ --font-brier: "Brier", sans-serif; --font-mona: "Mona Sans", sans-serif; --color-verdetitulo: var(--verdetitulo); --color-darkcinzabg: var(--darkcinzabg); --color-lorenzo-dark: var(--lorenzo-dark); --color-lorenzo-light: var(--lorenzo-light); --color-lorenzo-accent: var(--lorenzo-accent); --color-lorenzo-text-dark: var(--lorenzo-text-dark); --color-lorenzo-text-light: var(--lorenzo-text-light); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; /* Removendo overflow-x: hidden para permitir scroll horizontal controlado na masonry */ } html { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; /* Removendo overflow-x: hidden para permitir scroll horizontal controlado na masonry */ } /* Ensure canvas elements inside the hero section don't block iOS scrolling */ canvas { touch-action: pan-y; } h1, h2, h3, h4, h5, h6 { @apply uppercase tracking-wide font-bold; letter-spacing: 0.05em; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } /* Disable animations for users who prefer reduced motion */ * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } } /* Custom animations for enhanced effects */ @layer utilities { .animate-fadeIn { animation: fadeIn 0.3s ease-in; } @keyframes fadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .hover-scale { transition: transform 0.3s ease; } .hover-scale:hover { transform: scale(1.05); } .transition-smooth { transition: all 0.3s ease; } } .simteste { color: #c8f550; font-size: 1050px; line-height: 600px; } [V0_FILE]json:file="components.json" isMerged="true" { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": true, "tsx": true, "tailwind": { "config": "", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/animated-texture-canvas.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" import * as THREE from "three" export default function AnimatedTextureCanvas() { const containerRef = useRef(null) useEffect(() => { if (!containerRef.current) return const container = containerRef.current let width = container.clientWidth let height = container.clientHeight const gu = { time: { value: 0 } } const scene = new THREE.Scene() const camera = new THREE.OrthographicCamera(width / -2, width / 2, height / 2, height / -2, 0.1, 1000) camera.position.z = 1 const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, }) renderer.setSize(width, height) renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)) container.appendChild(renderer.domElement) const material = new THREE.MeshBasicMaterial({ color: 0xffffff, transparent: true, }) material.defines = { USE_UV: "" } material.onBeforeCompile = (shader) => { shader.uniforms.time = gu.time shader.fragmentShader = ` uniform float time; float hash(vec2 p){return fract(sin(dot(p,vec2(127.1,311.7)))*43758.5453123);} float noise(vec2 p){vec2 i=floor(p);vec2 f=fract(p);f=f*f*(3.-2.*f);float a=hash(i);float b=hash(i+vec2(1.,0.));float c=hash(i+vec2(0.,1.));float d=hash(i+vec2(1.,1.));return mix(mix(a,b,f.x),mix(c,d,f.x),f.y);} float fbm(vec2 p) { float v=0.,a=0.5; for (int i=0;i<3;i++){v+=a*noise(p);p*=2.;a*=0.5;} return v; } ${shader.fragmentShader} `.replace( `#include `, `#include // Darker green for the background/base vec3 baseColor = vec3(0.102, 0.122, 0.102); // #1a1f1a roughly // Slightly lighter dark green for the lines vec3 lineColor = vec3(0.141, 0.169, 0.133); // darker muted green vec2 distortionField = vUv * 1.5; float distortion = fbm(distortionField + time * 0.15); float distortionStrength = 0.4; vec2 uv = vUv * 1.8; vec2 warpedUv = uv + (distortion - 0.5) * distortionStrength; float n = fbm(warpedUv); float linePattern = fract(n * 8.0); // Make the transition sharper for clearer lines float lineMix = 1.0 - smoothstep(0.48, 0.52, linePattern); // Mix the two dark green colors based on the pattern diffuseColor.rgb = mix(baseColor, lineColor, lineMix); diffuseColor.a = 1.0; // Full opacity `, ) } const plane = new THREE.Mesh(new THREE.PlaneGeometry(width, height), material) scene.add(plane) const clock = new THREE.Clock() let animationFrameId: number const animate = () => { gu.time.value = clock.getElapsedTime() renderer.render(scene, camera) animationFrameId = requestAnimationFrame(animate) } animate() const handleResize = () => { width = container.clientWidth height = container.clientHeight camera.left = -width / 2 camera.right = width / 2 camera.top = height / 2 camera.bottom = -height / 2 camera.updateProjectionMatrix() renderer.setSize(width, height) plane.geometry.dispose() plane.geometry = new THREE.PlaneGeometry(width, height) } window.addEventListener("resize", handleResize) return () => { window.removeEventListener("resize", handleResize) cancelAnimationFrame(animationFrameId) renderer.dispose() container.removeChild(renderer.domElement) } }, []) return

} [V0_FILE]typescriptreact:file="components/bike-showcase.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { InteractiveClean } from "@/components/interactive-clean" import { motion } from "framer-motion" interface AnimatedCounterProps { target: number label: string unit?: string } function AnimatedCounter({ target, label, unit = "" }: AnimatedCounterProps) { const [count, setCount] = useState(0) useEffect(() => { const duration = 2000 const steps = 60 const increment = target / steps const stepDuration = duration / steps let current = 0 const timer = setInterval(() => { current += increment if (current >= target) { setCount(target) clearInterval(timer) } else { setCount(Math.floor(current)) } }, stepDuration) return () => clearInterval(timer) }, [target]) return (

{label}

{count} {unit}

) } export default function BikeShowcase() { return (

{/* Large decorative quote */}

“

{/* Main quote with improved spacing and hierarchy */}

I THINK ABOUT BEING FASTER ON THE NEXT LAP.

{/* Author attribution */}

- Lorenzo Cardoso

{/* Decorative Corners (Green brackets)

*/}

) } [V0_FILE]typescriptreact:file="components/gallery-section.tsx" isMerged="true" "use client" import { useRef } from "react" import { motion, useScroll, useTransform } from "framer-motion" import Image from "next/image" const galleryItems = [ { type: "quote", content: "NEVER GIVE UP", rotate: -2 }, { type: "image", src: "/images/lorenzo-piloto1.png", rotate: 3 }, { type: "text", content: "Racing isn't just a sport, it's a lifestyle. Every moment on and off the track defines who I am.", rotate: 1, }, { type: "quote", content: "CHASING PERFECTION", rotate: -3 }, { type: "image", src: "/images/lorenzo-piloto3.png", rotate: 2 }, { type: "text", content: "From karting to motocross, the journey has been extraordinary. But this is just the beginning.", rotate: -1, }, { type: "quote", content: "ALWAYS PUSHING", rotate: 2 }, { type: "image", src: "/images/lorenzo-piloto5.png", rotate: -2 }, { type: "text", content: "Every race is a new challenge, every lap is a new opportunity to prove myself.", rotate: 1, }, { type: "image", src: "/images/lorenzo-piloto7.png", rotate: 1 }, { type: "quote", content: "LIVING THE DREAM", rotate: -1 }, { type: "image", src: "/images/moto.png", rotate: 2 }, { type: "image", src: "/images/showroom3.png", rotate: -1 }, { type: "image", src: "/images/lorenzo-piloto9.png", rotate: 3 }, { type: "image", src: "/images/showroom5.png", rotate: -2 }, { type: "image", src: "/images/trofeus.PNG", rotate: 1 }, ] function MasonryItem({ item, index }: { item: any; index: number }) { const ref = useRef(null) // Track scroll progress relative to this specific item's viewport position const { scrollYProgress } = useScroll({ target: ref, offset: ["start end", "end start"], }) // 0% (enter) -> 20% (fully visible) -> 70% (start fading) -> 100% (faded to 3%) const opacity = useTransform(scrollYProgress, [0, 0.2, 0.7, 1], [0, 1, 1, 0.03]) // Add a slight Y movement for parallax feel const y = useTransform(scrollYProgress, [0, 1], [50, -50]) return ( {item.type === "quote" && (

{item.content}

)} {item.type === "image" && (

)} {item.type === "text" && (

{item.content}

)} ) } export default function GallerySection() { return (

{/* MOMENTS */}

{galleryItems.map((item, index) => ( ))}

) } [V0_FILE]typescriptreact:file="components/helmet-3d-model.tsx" isMerged="true" "use client" import { useRef, useState, useEffect } from "react" import { useFrame } from "@react-three/fiber" import { useGLTF } from "@react-three/drei" import * as THREE from "three" interface Helmet3DModelProps { modelPath: string } export default function Helmet3DModel({ modelPath }: Helmet3DModelProps) { const groupRef = useRef(null) const { scene } = useGLTF(modelPath) const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }) const targetRotation = useRef({ x: 0, y: 0 }) const currentRotation = useRef({ x: 0, y: 0 }) useEffect(() => { if (scene) { const box = new THREE.Box3().setFromObject(scene) const center = box.getCenter(new THREE.Vector3()) // Ajustar posição para centralizar o pivot scene.position.x = -center.x scene.position.y = -center.y scene.position.z = -center.z } }, [scene]) useEffect(() => { const handleMouseMove = (event: MouseEvent) => { const x = (event.clientX / window.innerWidth) * 2 - 1 const y = -(event.clientY / window.innerHeight) * 2 + 1 setMousePosition({ x, y }) } window.addEventListener("mousemove", handleMouseMove) return () => window.removeEventListener("mousemove", handleMouseMove) }, []) useEffect(() => { targetRotation.current = { x: mousePosition.y * 0.15, // Inclinação vertical suave y: mousePosition.x * 0.2, // Rotação horizontal suave } }, [mousePosition]) useFrame(() => { if (groupRef.current) { // Lerp suave para movimento fluido currentRotation.current.x += (targetRotation.current.x - currentRotation.current.x) * 0.05 currentRotation.current.y += (targetRotation.current.y - currentRotation.current.y) * 0.05 groupRef.current.rotation.x = currentRotation.current.x groupRef.current.rotation.y = currentRotation.current.y } }) return ( ) } // Preload do modelo useGLTF.preload("/3d/helmet-lorenzo.glb") [V0_FILE]typescriptreact:file="components/helmet-hall-bk.tsx" isMerged="true" "use client" import { useState, useRef, useEffect } from "react" import Image from "next/image" import { motion, useMotionValue, useSpring, AnimatePresence } from "framer-motion" import { ChevronLeft, ChevronRight } from "lucide-react" const helmets = [ { id: 1, name: "Season", year: "2025", image: "/images/helmets/helmet-collection1.png" }, { id: 2, name: "Dark Glitter", year: "2025", image: "/images/helmets/helmet-collection2.png" }, { id: 3, name: "Discoball", year: "2025", image: "/images/helmets/helmet-collection3.png" }, { id: 4, name: "Season", year: "2024", image: "/images/helmets/helmet-collection4.png" }, { id: 5, name: "Japan", year: "2024", image: "/images/helmets/helmet-collection5.png" }, { id: 6, name: "GIF", year: "2024", image: "/images/helmets/helmet-collection6.png" }, { id: 7, name: "Season", year: "2025", image: "/images/helmets/helmet-collection7.png" }, { id: 8, name: "Dark Glitter", year: "2025", image: "/images/helmets/helmet-collection8.png" }, { id: 9, name: "Discoball", year: "2025", image: "/images/helmets/helmet-collection9.png" }, { id: 10, name: "Japan", year: "2024", image: "/images/helmets/helmet-collection10.png" }, { id: 11, name: "GIF", year: "2024", image: "/images/helmets/helmet-collection11.png" }, { id: 12, name: "Porcelain", year: "2024", image: "/images/helmets/helmet-collection12.png" }, { id: 13, name: "Dark Mode", year: "2024", image: "/images/helmets/helmet-collection13.png" }, { id: 14, name: "Raze", year: "2023", image: "/images/helmets/helmet-collection14.png" }, { id: 15, name: "Chrome", year: "2023", image: "/images/helmets/helmet-collection15.png" }, { id: 16, name: "Beachball", year: "2023", image: "/images/helmets/helmet-collection16.png" }, { id: 17, name: "Las Vegas", year: "2023", image: "/images/helmets/helmet-collection17.png" }, { id: 18, name: "Basketball", year: "2022", image: "/images/helmets/helmet-collection18.png" }, { id: 19, name: "Silverstone", year: "2020", image: "/images/helmets/helmet-collection19.png" }, { id: 20, name: "Season", year: "2021", image: "/images/helmets/helmet-collection20.png" }, ] export default function HelmetHall() { const [activeIndex, setActiveIndex] = useState(0) const containerRef = useRef(null) const x = useMotionValue(0) const springX = useSpring(x, { stiffness: 150, damping: 20 }) // Calculate item width based on screen size const getItemWidth = () => { if (typeof window === "undefined") return 300 return window.innerWidth < 768 ? 220 : 350 } const handleDragEnd = (event: any, info: any) => { const itemWidth = getItemWidth() const threshold = itemWidth / 3 const offset = info.offset.x const velocity = info.velocity.x if (offset < -threshold || velocity < -500) { setActiveIndex((prev) => Math.min(prev + 1, helmets.length - 1)) } else if (offset > threshold || velocity > 500) { setActiveIndex((prev) => Math.max(prev - 1, 0)) } } useEffect(() => { const itemWidth = getItemWidth() x.set(-activeIndex * itemWidth) }, [activeIndex, x]) const nextHelmet = () => { setActiveIndex((prev) => Math.min(prev + 1, helmets.length - 1)) } const prevHelmet = () => { setActiveIndex((prev) => Math.max(prev - 1, 0)) } return (

{/* Background Texture & Lighting */}

{/* Floor Perspective Grid */}

{/* Header */}

HELMETS
HALL OF FAME

{/* Carousel Container */}

{helmets.map((helmet, index) => { const isActive = index === activeIndex const distance = Math.abs(index - activeIndex) const isNeighbor = distance === 1 return ( activeIndex ? -25 : 0, filter: isActive ? "brightness(1.1)" : "brightness(0.5) blur(1px)", }} transition={{ duration: 0.4, ease: "easeOut" }} onClick={() => setActiveIndex(index)} > {/* Spotlight Effect for Active Item */} {isActive && (

)} {/* Helmet Image */}

{/* Reflection Effect */}

) })}

{/* Active Item Info */}

{helmets[activeIndex].name}

{helmets[activeIndex].year}

{/* Navigation Controls */}

{helmets.map((_, idx) => (

) } [V0_FILE]typescriptreact:file="components/helmet-hall.tsx" isMerged="true" "use client" import { useState } from "react" import Image from "next/image" import { motion } from "framer-motion" const trainingImages = [ { id: 1, name: "Team Training", category: "Workshop", image: "/images/training/training-1.jpg" }, { id: 2, name: "Live Demonstration", category: "Learning", image: "/images/training/training-2.jpg" }, { id: 3, name: "Group Session", category: "Education", image: "/images/training/training-3.jpg" }, { id: 4, name: "Treatment Technique", category: "Practice", image: "/images/training/training-4.jpg" }, { id: 5, name: "Hands-on Learning", category: "Training", image: "/images/training/training-5.jpg" }, { id: 6, name: "Expert Guidance", category: "Mentorship", image: "/images/training/training-6.jpg" }, { id: 7, name: "Team Collaboration", category: "Teamwork", image: "/images/training/training-7.jpg" }, { id: 8, name: "Professional Development", category: "Growth", image: "/images/training/training-1.jpg" }, ] export default function HelmetHall() { const [hoveredItem, setHoveredItem] = useState(null) return (

OUR TEAM
Excellence in Training

Our dedicated team undergoes rigorous professional training to master the art of head spa therapy, ensuring every client receives the highest quality care and relaxation experience.

{trainingImages.map((item, index) => ( setHoveredItem(item.id)} onMouseLeave={() => setHoveredItem(null)} >

{/* Overlay on hover */}

{item.category}

{item.name}

))}

) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" isMerged="true" "use client" import { useRef, useState, useEffect } from "react" import { motion, useScroll, useTransform, useSpring } from "framer-motion" import InteractivePortrait from "./interactive-portrait" import SignatureMarqueeSection from "./signature-marquee-section" export default function HeroSection() { const containerRef = useRef(null) const [isReady, setIsReady] = useState(false) // Small delay to ensure container is mounted useEffect(() => { const timer = setTimeout(() => setIsReady(true), 100) return () => clearTimeout(timer) }, []) const { scrollYProgress } = useScroll({ target: containerRef, offset: ["start start", "end end"], }) const smoothProgress = useSpring(scrollYProgress, { stiffness: 100, damping: 30, restDelta: 0.001, }) // Phase 1: Shrink Portrait (0% -> 40%) // Maps scroll 0-0.4 to scale 1-0.45 const scale = useTransform(smoothProgress, [0, 0.4], [1, 0.45]) // Phase 2: Text Parallax (0% -> 80%) // Text moves slightly to create depth const textOpacity = useTransform(smoothProgress, [0, 0.2], [0, 1]) // Phase 3: Exit (80% -> 100%) // Everything slides up to reveal next section const exitY = useTransform(smoothProgress, [0.85, 1], ["0%", "-100%"]) const exitOpacity = useTransform(smoothProgress, [0.9, 1], [1, 0]) return (

{/* Background Text Layer */} {/* Foreground Portrait Layer */} {isReady && }

) } [V0_FILE]typescriptreact:file="components/historical-results-accordion.tsx" isMerged="true" "use client" import { useState } from "react" import { motion, AnimatePresence } from "framer-motion" import { ChevronDown } from "lucide-react" import { cn } from "@/lib/utils" import Image from "next/image" interface RaceResult { round: string location: string flagImage: string date: string finish: string fastestLap: string } interface YearData { year: string podiums: string bestFinish: string results: RaceResult[] } const historicalData: YearData[] = [ { year: "2024", podiums: "13", bestFinish: "1ST", results: [ { round: "01", location: "BAHRAIN", flagImage: "/images/flags/flag-Bahrain.svg", date: "2 MAR 24", finish: "1ST", fastestLap: "1:34.476", }, { round: "02", location: "SAUDI ARABIA", flagImage: "/images/flags/flag-Saudi-Arabia.svg", date: "9 MAR 24", finish: "1ST", fastestLap: "1:31.944", }, { round: "03", location: "AUSTRALIA", flagImage: "/images/flags/flag-Australia.svg", date: "24 MAR 24", finish: "3RD", fastestLap: "1:19.915", }, { round: "04", location: "JAPAN", flagImage: "/images/flags/flag-Japan.svg", date: "7 APR 24", finish: "1ST", fastestLap: "1:35.186", }, { round: "05", location: "CHINA", flagImage: "/images/flags/flag-China.svg", date: "21 APR 24", finish: "2ND", fastestLap: "1:37.690", }, { round: "06", location: "MIAMI", flagImage: "/images/flags/flag-USA.svg", date: "5 MAY 24", finish: "1ST", fastestLap: "1:29.456", }, { round: "07", location: "MONACO", flagImage: "/images/flags/flag-Monaco.svg", date: "26 MAY 24", finish: "3RD", fastestLap: "1:14.123", }, { round: "08", location: "CANADA", flagImage: "/images/flags/flag-Canada.svg", date: "9 JUN 24", finish: "2ND", fastestLap: "1:15.456", }, ], }, { year: "2023", podiums: "08", bestFinish: "1ST", results: [ { round: "01", location: "EMILIA ROMAGNA", flagImage: "/images/flags/flag-Italy.svg", date: "19 MAY 23", finish: "2ND", fastestLap: "1:19.994", }, { round: "02", location: "BRAZIL", flagImage: "/images/flags/flag-Brazil.png", date: "2 JUN 23", finish: "1ST", fastestLap: "1:12.345", }, { round: "03", location: "SPAIN", flagImage: "/images/flags/flag-Spain.png", date: "16 JUN 23", finish: "1ST", fastestLap: "1:17.890", }, { round: "04", location: "BRAZIL", flagImage: "/images/flags/flag-Brazil.png", date: "30 JUN 23", finish: "2ND", fastestLap: "1:15.234", }, { round: "05", location: "HUNGARY", flagImage: "/images/flags/flag-Hungary.svg", date: "14 JUL 23", finish: "4TH", fastestLap: "1:20.678", }, { round: "06", location: "AUSTRIA", flagImage: "/images/flags/flag-Austria.svg", date: "2 JUL 23", finish: "3RD", fastestLap: "1:07.123", }, { round: "07", location: "BRITAIN", flagImage: "/images/flags/flag-UK.svg", date: "9 JUL 23", finish: "2ND", fastestLap: "1:30.456", }, { round: "08", location: "BELGIUM", flagImage: "/images/flags/flag-Belgium.svg", date: "30 JUL 23", finish: "5TH", fastestLap: "1:47.890", }, ], }, { year: "2022", podiums: "06", bestFinish: "2ND", results: [ { round: "01", location: "BELGIUM", flagImage: "/images/flags/flag-Belgium.svg", date: "28 JUL 22", finish: "1ST", fastestLap: "1:46.123", }, { round: "02", location: "BRAZIL", flagImage: "/images/flags/flag-Brazil.png", date: "11 AUG 22", finish: "1ST", fastestLap: "1:13.567", }, { round: "03", location: "NETHERLANDS", flagImage: "/images/flags/flag-Netherlands.svg", date: "25 AUG 22", finish: "2TH", fastestLap: "1:13.901", }, { round: "04", location: "ITALY", flagImage: "/images/flags/flag-Italy.svg", date: "8 SEP 22", finish: "2ND", fastestLap: "1:21.456", }, { round: "05", location: "AZERBAIJAN", flagImage: "/images/flags/flag-Azerbaijan.svg", date: "22 SEP 22", finish: "1ST", fastestLap: "1:45.234", }, { round: "06", location: "FRANCE", flagImage: "/images/flags/flag-France.svg", date: "24 JUL 22", finish: "4TH", fastestLap: "1:36.789", }, { round: "07", location: "USA", flagImage: "/images/flags/flag-USA.svg", date: "23 OCT 22", finish: "3RD", fastestLap: "1:39.123", }, { round: "08", location: "MEXICO", flagImage: "/images/flags/flag-Mexico.png", date: "30 OCT 22", finish: "5TH", fastestLap: "1:22.234", }, ], }, { year: "2021", podiums: "04", bestFinish: "2ND", results: [ { round: "01", location: "SINGAPORE", flagImage: "/images/flags/flag-Singapore.svg", date: "6 OCT 21", finish: "3RD", fastestLap: "1:36.789", }, { round: "02", location: "UNITED STATES", flagImage: "/images/flags/flag-USA.svg", date: "20 OCT 21", finish: "2ND", fastestLap: "1:38.123", }, { round: "03", location: "MEXICO", flagImage: "/images/flags/flag-Mexico.png", date: "27 OCT 21", finish: "1ST", fastestLap: "1:21.234", }, { round: "04", location: "BRAZIL", flagImage: "/images/flags/flag-Brazil.png", date: "3 NOV 21", finish: "1ST", fastestLap: "1:13.890", }, { round: "05", location: "ABU DHABI", flagImage: "/images/flags/flag-Abu-Dabi.svg", date: "24 NOV 21", finish: "2ND", fastestLap: "1:26.456", }, { round: "06", location: "PORTUGAL", flagImage: "/images/flags/flag-Portugal.svg", date: "2 MAY 21", finish: "5TH", fastestLap: "1:23.456", }, { round: "07", location: "SPAIN", flagImage: "/images/flags/flag-Spain.png", date: "9 MAY 21", finish: "4TH", fastestLap: "1:22.567", }, { round: "08", location: "MONACO", flagImage: "/images/flags/flag-Monaco.svg", date: "23 MAY 21", finish: "3RD", fastestLap: "1:14.678", }, ], }, ] const getRandomTrophy = (id: number | string) => { const val = typeof id === "string" ? Number.parseInt(id.replace(/\D/g, "") || "0") : id const trophyNum = (val % 9) + 1 return `/images/trofeus/trofeu${trophyNum}.svg` } export function HistoricalResultsAccordion() { const [activeYear, setActiveYear] = useState("2024") return (

MOTOCROSS

All Results

The new Motocross year is underway, view Lorenzo's schedule below.

{/* */}

{historicalData.map((data) => (

{activeYear === data.year && (

Round

Location

Date

Finish

Fastest Lap

{data.results.map((result, index) => (

{result.round}

{result.location}

{result.date}

{result.finish}

{result.fastestLap} s

))}

)}

))}

) } [V0_FILE]typescriptreact:file="components/infinite-logo-slider.tsx" isMerged="true" "use client" const logos = [ { name: "Next.js", src: "/images/partners/next-logo.png" }, { name: "Turbo", src: "/images/partners/turbo-logo.png" }, { name: "v0", src: "/images/partners/v0green-logo.png" }, { name: "AI SDK", src: "/images/partners/aisdk-logo.png" }, { name: "Vercel", src: "/images/partners/vercel-logo.png" }, ] export default function InfiniteLogoSlider() { // Create a sequence of logos that is definitely wide enough (4 sets) const singleSequence = [...logos, ...logos, ...logos, ...logos] // We need two copies of this sequence to loop seamlessly by moving -50% // This creates a very long strip: [Seq 1][Seq 2] const sliderContent = [...singleSequence, ...singleSequence] return (

{/* Inject CSS keyframes locally to ensure it works without global dependencies */}

{sliderContent.map((logo, index) => (

{/* eslint-disable-next-line @next/next/no-img-element */}

))}

) } [V0_FILE]typescriptreact:file="components/interactive-clean.tsx" isMerged="true" "use client" import type React from "react" import { useState, useRef, useEffect } from "react" import { motion } from "framer-motion" import Image from "next/image" // --- AQUI É O SEGREDO DA MÁSCARA SVG --- // Você tem duas opções: // 1. Usar uma imagem da pasta public: `url('/images/minha-forma.svg')` // 2. Usar o SVG direto aqui (Data URI) como fiz abaixo. // Este é um exemplo de uma mancha de tinta/lama vetorial. // Se você tiver o SEU código SVG, você pode salvar um arquivo .svg na pasta public // e mudar essa linha para: const SVG_MASK = "url('/seu-arquivo.svg')" const SVG_MASK = `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 250' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='10' width='180' height='230' rx='20' ry='20' fill='%23000'/%3E%3C/svg%3E")` export function InteractiveClean() { const [isHovered, setIsHovered] = useState(false) const containerRef = useRef(null) const displayCanvasRef = useRef(null) const maskCanvasRef = useRef(null) const dirtyImageRef = useRef(null) const cleanImageRef = useRef(null) const lastMousePos = useRef<{ x: number; y: number } | null>(null) const [cursorPos, setCursorPos] = useState({ x: 0, y: 0 }) // Ajuste o tamanho do pincel conforme a sua forma const BRUSH_SIZE = 120 const BRUSH_HARDNESS = 0.2 useEffect(() => { const dirtyImg = document.createElement("img") dirtyImg.src = "/images/Lorenzo-SUJO.jpg" dirtyImg.onload = () => { dirtyImageRef.current = dirtyImg renderFrame() } const cleanImg = document.createElement("img") cleanImg.src = "/images/Lorenzo-LIMPO.jpg" cleanImg.onload = () => { cleanImageRef.current = cleanImg renderFrame() } }, []) useEffect(() => { const displayCanvas = displayCanvasRef.current const maskCanvas = maskCanvasRef.current if (!displayCanvas || !maskCanvas || !containerRef.current) return const resizeCanvas = () => { const width = containerRef.current!.clientWidth const height = containerRef.current!.clientHeight displayCanvas.width = width displayCanvas.height = height maskCanvas.width = width maskCanvas.height = height renderFrame() } resizeCanvas() window.addEventListener("resize", resizeCanvas) return () => window.removeEventListener("resize", resizeCanvas) }, []) useEffect(() => { let animationFrameId: number const fadeLoop = () => { const maskCanvas = maskCanvasRef.current const maskCtx = maskCanvas?.getContext("2d") if (maskCtx && maskCanvas) { maskCtx.globalCompositeOperation = "destination-out" maskCtx.fillStyle = "rgba(0, 0, 0, 0.01)" maskCtx.fillRect(0, 0, maskCanvas.width, maskCanvas.height) maskCtx.globalCompositeOperation = "source-over" renderFrame() } animationFrameId = requestAnimationFrame(fadeLoop) } fadeLoop() return () => cancelAnimationFrame(animationFrameId) }, []) const renderFrame = () => { const displayCanvas = displayCanvasRef.current const maskCanvas = maskCanvasRef.current const displayCtx = displayCanvas?.getContext("2d") if (!displayCtx || !displayCanvas || !maskCanvas) return if (!dirtyImageRef.current || !cleanImageRef.current) return const width = displayCanvas.width const height = displayCanvas.height displayCtx.clearRect(0, 0, width, height) const dirtyImg = dirtyImageRef.current const cleanImg = cleanImageRef.current const scale = Math.max(width / dirtyImg.width, height / dirtyImg.height) const x = (width - dirtyImg.width * scale) / 2 const y = (height - dirtyImg.height * scale) / 2 displayCtx.save() displayCtx.globalCompositeOperation = "source-over" displayCtx.drawImage(maskCanvas, 0, 0) displayCtx.globalCompositeOperation = "source-out" displayCtx.drawImage(dirtyImg, x, y, dirtyImg.width * scale, dirtyImg.height * scale) displayCtx.globalCompositeOperation = "destination-over" displayCtx.drawImage(cleanImg, x, y, cleanImg.width * scale, cleanImg.height * scale) displayCtx.restore() } const drawBrush = (ctx: CanvasRenderingContext2D, x: number, y: number) => { ctx.globalCompositeOperation = "source-over" const gradient = ctx.createRadialGradient(x, y, BRUSH_SIZE * BRUSH_HARDNESS, x, y, BRUSH_SIZE / 2) gradient.addColorStop(0, "rgba(255, 255, 255, 1)") gradient.addColorStop(0.5, "rgba(255, 255, 255, 0.5)") gradient.addColorStop(1, "rgba(255, 255, 255, 0)") ctx.fillStyle = gradient ctx.beginPath() ctx.arc(x, y, BRUSH_SIZE / 2, 0, Math.PI * 2) ctx.fill() } const handleMouseMove = (e: React.MouseEvent) => { if (!containerRef.current || !maskCanvasRef.current) return const rect = containerRef.current.getBoundingClientRect() const currentX = e.clientX - rect.left const currentY = e.clientY - rect.top setCursorPos({ x: currentX, y: currentY }) const maskCtx = maskCanvasRef.current.getContext("2d") if (!maskCtx) return if (lastMousePos.current) { const { x: lastX, y: lastY } = lastMousePos.current const dist = Math.hypot(currentX - lastX, currentY - lastY) const angle = Math.atan2(currentY - lastY, currentX - lastX) const step = 5 for (let i = 0; i < dist; i += step) { const interpX = lastX + Math.cos(angle) * i const interpY = lastY + Math.sin(angle) * i drawBrush(maskCtx, interpX, interpY) } } else { drawBrush(maskCtx, currentX, currentY) } lastMousePos.current = { x: currentX, y: currentY } renderFrame() } const handleMouseLeave = () => { setIsHovered(false) lastMousePos.current = null } return ( // Container principal que segura a sombra // Nota: Quando usamos Mask Image, o 'box-shadow' normal é cortado. // Temos que usar 'filter: drop-shadow' para a sombra seguir a forma do SVG.

setIsHovered(true)} onMouseLeave={handleMouseLeave} onMouseMove={handleMouseMove} >

) } [V0_FILE]typescriptreact:file="components/interactive-schedule.tsx" isMerged="true" "use client" import type React from "react" import { useState, useRef } from "react" import { motion, AnimatePresence } from "framer-motion" import Image from "next/image" const scheduleData = [ { id: 1, round: "01", location: "AUSTRALIA", flagImage: "/images/flags/flag-Australia.svg", date: "16 MAR 25", finish: "1ST", fastestLap: "1:22.167", image: "/images/lorenzo-podio3.png", }, { id: 2, round: "02", location: "CHINA", flagImage: "/images/flags/flag-China.svg", date: "23 MAR 25", finish: "2ND", fastestLap: "1:35.454", image: "/images/lorenzo-podio5.png", }, { id: 3, round: "03", location: "JAPAN", flagImage: "/images/flags/flag-Japan.svg", date: "6 APR 25", finish: "2ND", fastestLap: "1:31.116", image: "/images/lorenzo-podio4.png", }, { id: 4, round: "04", location: "BAHRAIN", flagImage: "/images/flags/flag-Bahrain.svg", date: "13 APR 25", finish: "3RD", fastestLap: "1:35.728", image: "/images/lorenzo-podio7.png", }, { id: 5, round: "05", location: "SAUDI ARABIA", flagImage: "/images/flags/flag-Saudi-Arabia.svg", date: "20 APR 25", finish: "4TH", fastestLap: "1:31.778", image: "/images/lorenzo-podio2.png", }, { id: 6, round: "06", location: "MIAMI", flagImage: "/images/flags/flag-USA.svg", date: "4 MAY 25", finish: "2ND", fastestLap: "1:29.546", image: "/images/lorenzo-podio3.png", }, { id: 7, round: "07", location: "EMILIA ROMAGNA", flagImage: "/images/flags/flag-Italy.svg", date: "18 MAY 25", finish: "2ND", fastestLap: "1:18.311", image: "/images/lorenzo-podio5.png", }, { id: 8, round: "08", location: "MONACO", flagImage: "/images/flags/flag-Monaco.svg", date: "25 MAY 25", finish: "1ST", fastestLap: "1:13.221", image: "/images/lorenzo-podio4.png", }, { id: 9, round: "09", location: "SPAIN", flagImage: "/images/flags/flag-Spain.png", date: "1 JUN 25", finish: "2ND", fastestLap: "1:16.187", image: "/images/lorenzo-podio7.png", }, { id: 10, round: "10", location: "CANADA", flagImage: "/images/flags/flag-Canada.svg", date: "15 JUN 25", finish: "DNF", fastestLap: "1:14.229", image: "/images/lorenzo-podio2.png", }, { id: 11, round: "11", location: "AUSTRIA", flagImage: "/images/flags/flag-Austria.svg", date: "29 JUN 25", finish: "1ST", fastestLap: "1:08.272", image: "/images/lorenzo-podio3.png", }, { id: 12, round: "12", location: "UNITED KINGDOM", flagImage: "/images/flags/flag-USA.svg", date: "6 JUL 25", finish: "1ST", fastestLap: "1:29.734", image: "/images/lorenzo-podio5.png", }, { id: 13, round: "13", location: "BELGIUM", flagImage: "/images/flags/flag-Belgium.svg", date: "27 JUL 25", finish: "2ND", fastestLap: "1:45.257", image: "/images/lorenzo-podio4.png", }, { id: 14, round: "14", location: "HUNGARY", flagImage: "/images/flags/flag-Hungary.svg", date: "3 AUG 25", finish: "1ST", fastestLap: "1:19.518", image: "/images/lorenzo-podio7.png", }, { id: 15, round: "15", location: "NETHERLANDS", flagImage: "/images/flags/flag-Netherlands.svg", date: "31 AUG 25", finish: "DNF", fastestLap: "1:12.379", image: "/images/lorenzo-podio2.png", }, { id: 16, round: "16", location: "ITALY", flagImage: "/images/flags/flag-Italy.svg", date: "7 SEP 25", finish: "2ND", fastestLap: "1:20.901", image: "/images/lorenzo-podio3.png", }, { id: 17, round: "17", location: "AZERBAIJAN", flagImage: "/images/flags/flag-Azerbaijan.svg", date: "21 SEP 25", finish: "7TH", fastestLap: "1:44.155", image: "/images/lorenzo-podio5.png", }, { id: 18, round: "18", location: "SINGAPORE", flagImage: "/images/flags/flag-Singapore.svg", date: "5 OCT 25", finish: "3RD", fastestLap: "1:35.555", image: "/images/lorenzo-podio4.png", }, { id: 19, round: "19", location: "UNITED STATES", flagImage: "/images/flags/flag-USA.svg", date: "19 OCT 25", finish: "2ND", fastestLap: "1:37.620", image: "/images/lorenzo-podio7.png", }, { id: 20, round: "20", location: "MEXICO", flagImage: "/images/flags/flag-Mexico.png", date: "26 OCT 25", finish: "1ST", fastestLap: "1:20.784", image: "/images/lorenzo-podio2.png", }, { id: 21, round: "21", location: "BRAZIL", flagImage: "/images/flags/flag-Brazil.png", date: "9 NOV 25", finish: "1ST", fastestLap: "1:13.040", image: "/images/lorenzo-podio3.png", }, ] // Function to get a random trophy (1-9) based on an ID to keep it consistent per render const getRandomTrophy = (id: number | string) => { // Simple hash function to get a consistent number from string/number const val = typeof id === "string" ? Number.parseInt(id.replace(/\D/g, "") || "0") : id // Use modulo 9 + 1 to get 1-9 const trophyNum = (val % 9) + 1 return `/images/trofeus/trofeu${trophyNum}.svg` } export function InteractiveSchedule() { const [hoveredEvent, setHoveredEvent] = useState(null) const containerRef = useRef(null) const [cursorPos, setCursorPos] = useState<{ x: number; y: number }>({ x: 0, y: 0 }) const handleMouseMove = (e: React.MouseEvent) => { if (containerRef.current) { const rect = containerRef.current.getBoundingClientRect() setCursorPos({ x: e.clientX - rect.left, y: e.clientY - rect.top, }) } } return (

Round

Location

When

Finish

Fastest Lap

{scheduleData.map((item) => (

setHoveredEvent(item.id)} onMouseLeave={() => setHoveredEvent(null)} className="group relative transition-all duration-300" >

{item.round}

{item.location}

{item.date}

{item.finish}

{item.fastestLap} S

))}

{hoveredEvent && (

d.id === hoveredEvent)?.image || ""} alt="Race preview" fill className="object-cover" />

Track View

)}

) } [V0_FILE]typescriptreact:file="components/masonry-gallery-section.tsx" isMerged="true" "use client" import { useRef } from "react" import Image from "next/image" import { motion, useScroll, useTransform } from "framer-motion" const galleryImages = [ { src: "/images/spa/spa-treatment-1.jpg", alt: "Head spa water treatment with flower decoration", aspect: "aspect-[3/4]", }, { src: "/images/spa/spa-treatment-2.jpg", alt: "Floral petal bath head spa treatment", aspect: "aspect-[4/3]", }, { src: "/images/spa/spa-treatment-3.jpg", alt: "Singing bowl therapy relaxation", aspect: "aspect-[3/4]", }, { src: "/images/spa/spa-treatment-4.jpg", alt: "Professional head massage treatment", aspect: "aspect-[4/3]", }, { src: "/images/spa/spa-treatment-5.jpg", alt: "Hair oil treatment with specialized equipment", aspect: "aspect-[3/4]", }, { src: "/images/spa/spa-treatment-6.jpg", alt: "Relaxing head massage with roses", aspect: "aspect-[4/3]", }, { src: "/images/spa/spa-treatment-7.jpg", alt: "Foam treatment with rose petals", aspect: "aspect-[3/4]", }, { src: "/images/spa/spa-treatment-8.jpg", alt: "Professional hair treatment application", aspect: "aspect-[4/3]", }, { src: "/images/spa/spa-treatment-1.jpg", alt: "Head spa water treatment", aspect: "aspect-[3/4]", }, { src: "/images/spa/spa-treatment-3.jpg", alt: "Singing bowl healing therapy", aspect: "aspect-[4/3]", }, { src: "/images/spa/spa-treatment-5.jpg", alt: "Premium hair treatment", aspect: "aspect-[3/4]", }, { src: "/images/spa/spa-treatment-7.jpg", alt: "Luxurious foam and petal treatment", aspect: "aspect-[4/3]", }, ] export default function MasonryGallerySection() { const sectionRef = useRef(null) const { scrollYProgress } = useScroll({ target: sectionRef, offset: ["start start", "end end"], }) // Background transition: Warm cream -> Rose beige -> White const backgroundColor = useTransform(scrollYProgress, [0, 0.6, 0.9], ["#F5F0EB", "#E8D5D0", "#ffffff"]) // Y Movement: Move grid up to reveal all images // Starts at 0vh and moves up to -150vh to show bottom images const y = useTransform(scrollYProgress, [0, 1], ["0vh", "-150vh"]) const column1 = galleryImages.filter((_, i) => i % 3 === 0) const column2 = galleryImages.filter((_, i) => i % 3 === 1) const column3 = galleryImages.filter((_, i) => i % 3 === 2) return (

{/* Column 1 */}

{column1.map((image, index) => ( ))}

{/* Column 2 */}

{column2.map((image, index) => ( ))}

{/* Column 3 */}

{column3.map((image, index) => ( ))}

) } function MasonryCard({ image, index }: { image: any; index: number }) { return ( {image.alt}

) } [V0_FILE]typescriptreact:file="components/mission-section.tsx" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" import { useScroll, useTransform, useInView } from "framer-motion" export default function MissionSection() { const sectionRef = useRef(null) const imageRef = useRef(null) const [signatureDrawn, setSignatureDrawn] = useState(false) const [scrollProgress, setScrollProgress] = useState(0) const isInView = useInView(sectionRef, { once: true, amount: 0.3 }) const { scrollYProgress } = useScroll({ target: sectionRef, offset: ["start end", "end start"], }) const imageScale = useTransform(scrollYProgress, [0, 0.3, 0.6], [1.2, 1, 0.2]) const imageY = useTransform(scrollYProgress, [0, 0.3, 0.6], [0, 0, -200]) const imageOpacity = useTransform(scrollYProgress, [0, 0.2, 0.4, 0.6], [0, 1, 1, 0]) useEffect(() => { if (isInView) { setTimeout(() => setSignatureDrawn(true), 800) } }, [isInView]) useEffect(() => { const handleScroll = () => { if (sectionRef.current) { const rect = sectionRef.current.getBoundingClientRect() const sectionHeight = rect.height const scrolled = -rect.top const progress = Math.min(Math.max(scrolled / sectionHeight, 0), 1) setScrollProgress(progress) } } window.addEventListener("scroll", handleScroll, { passive: true }) handleScroll() return () => window.removeEventListener("scroll", handleScroll) }, []) const getTextTransform = () => { if (scrollProgress < 0.2) { const progress = scrollProgress / 0.2 return { opacity: progress, transform: `translateX(${(1 - progress) * -50}px)`, } } return { opacity: 1, transform: "translateX(0px)", } } return (

{/*

TEAM LORENZO SINCE 2020

*/}

SCALP CARE HEALS,
STORIES SOOTHE,
TOGETHER THEY
TRANSFORM YOUR
SLEEP.

{/* Sleep therapy narrative */}

Dream Elephant was born from one belief: better sleep begins with true relaxation. Our bedtime stories were created to help those struggling with insomnia find calm -- and when paired with a professional scalp care and sleep therapy session, the results are transformative.

Book a{" "} scalp care or sleep therapy session at TTElephant Head Spa {" "} and receive a Dream Elephant collection as your complimentary gift -- the perfect companion for restful nights.

{/* Signature animation */} {/*

*/}

) } [V0_FILE]typescriptreact:file="components/partners-section.tsx" isMerged="true" "use client" import { motion } from "framer-motion" const partners = ["HILTON", "UBER", "UYKART", "BELL", "PURE ELECTRIC", "GOOGLE", "RALPH LAUREN", "PLAYSTATION"] export default function PartnersSection() { return (

PARTNERS

& CAMPAIGNS

Lorenzo is proud to collaborate with a range of partners, who share his passion for performance across a range of industries.

{partners.map((partner, index) => ( {partner} ))}

) } [V0_FILE]typescriptreact:file="components/race-day-countdown.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { motion } from "framer-motion" import { Oswald } from "next/font/google" import Image from "next/image" const oswald = Oswald({ weight: "700", subsets: ["latin"], variable: "--font-oswald", }) export function RaceDayCountdown() { const [timeLeft, setTimeLeft] = useState({ days: 0, hours: 0, minutes: 0, seconds: 0, }) useEffect(() => { // Set target date to next race (simulated) const targetDate = new Date() targetDate.setDate(targetDate.getDate() + 7) // 7 days from now targetDate.setHours(14, 0, 0, 0) const interval = setInterval(() => { const now = new Date().getTime() const distance = targetDate.getTime() - now if (distance < 0) { clearInterval(interval) return } setTimeLeft({ days: Math.floor(distance / (1000 * 60 * 60 * 24)), hours: Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)), minutes: Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)), seconds: Math.floor((distance % (1000 * 60)) / 1000), }) }, 1000) return () => clearInterval(interval) }, []) return (

{/* Background Gradient - Radial center gray to dark #111112 */}

{/* Countdown Numbers */}

{/* Race Day SVG Overlay - Positioned absolute center */}

) } function TimeUnit({ value, label }: { value: number; label: string }) { return (

{value.toString().padStart(2, "0")} {label}

) } [V0_FILE]typescriptreact:file="components/scroll-collage-section.tsx" isMerged="true" "use client" import { useRef } from "react" import Image from "next/image" import { motion, useScroll, useTransform } from "framer-motion" const collageItems = [ { type: "image", src: "/images/lorenzo-piloto1.png", initialX: 800, initialY: 300, size: "w-[320px] h-[420px] md:w-[400px] md:h-[520px]", }, { type: "image", src: "/images/lorenzo-piloto3.png", initialX: 1350, initialY: 700, size: "w-[350px] h-[450px] md:w-[430px] md:h-[550px]", }, { type: "image", src: "/images/lorenzo-piloto5.png", initialX: 1000, initialY: 1100, size: "w-[300px] h-[400px] md:w-[380px] md:h-[480px]", }, { type: "image", src: "/images/lorenzo-piloto7.png", initialX: 850, initialY: 1500, size: "w-[340px] h-[440px] md:w-[420px] md:h-[540px]", }, { type: "image", src: "/images/lorenzo-podio5.png", initialX: 950, initialY: 1900, size: "w-[400px] h-[300px] md:w-[500px] md:h-[380px]", }, { type: "image", src: "/images/lorenzo-podio2.png", initialX: 1250, initialY: 2200, size: "w-[330px] h-[430px] md:w-[410px] md:h-[530px]", }, ] export default function ScrollCollageSection() { const ref = useRef(null) const { scrollYProgress } = useScroll({ target: ref, offset: ["start start", "end end"], }) const backgroundColor = useTransform(scrollYProgress, [0, 0.5, 1], ["#1a1f1a", "#5a6a5a", "#ffffff"]) const containerX = useTransform(scrollYProgress, [0, 1], [0, -1400]) const containerY = useTransform(scrollYProgress, [0, 1], [0, -1800]) const legacyOpacity = useTransform(scrollYProgress, [0.3, 0.45, 0.55, 0.7], [0, 1, 1, 0]) return (

{collageItems.map((item, index) => (

))}

LEGACY

) } [V0_FILE]typescriptreact:file="components/signature-marquee-section.tsx" isMerged="true" "use client" import { motion } from "framer-motion" export default function SignatureMarqueeSection() { return (

{/* Top Line - Moving Right */}

{[...Array(4)].map((_, i) => (

SCALP CARE THERAPY SLEEP WELLNESS HEAD SPA INSOMNIA RELIEF

))}

{/* Bottom Line - Moving Left */}

{[...Array(4)].map((_, i) => (

TTEPHANT HEAD SPA KL & JOHOR SCALP CARE SLEEP THERAPY

))}

) } [V0_FILE]typescriptreact:file="components/smooth-scroll.tsx" isMerged="true" "use client" import type React from "react" import { useEffect } from "react" import Lenis from "lenis" export default function SmoothScroll({ children, }: { children: React.ReactNode }) { useEffect(() => { const lenis = new Lenis({ duration: 1.2, easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), smoothWheel: true, smoothTouch: false, touchMultiplier: 2, }) function raf(time: number) { lenis.raf(time) requestAnimationFrame(raf) } requestAnimationFrame(raf) return () => { lenis.destroy() } }, []) return <>{children} } [V0_FILE]typescriptreact:file="components/social-section.tsx" isMerged="true" "use client" import { motion } from "framer-motion" import Image from "next/image" import { useState, useEffect } from "react" const socialImages = [ "/images/spa/spa-treatment-1.jpg", "/images/spa/spa-treatment-2.jpg", "/images/spa/spa-treatment-3.jpg", "/images/spa/spa-treatment-4.jpg", // Center image "/images/spa/spa-treatment-5.jpg", "/images/spa/spa-treatment-6.jpg", "/images/spa/spa-treatment-7.jpg", ] const handIcons = [ "/images/icon/icon-hand1.png", "/images/icon/icon-hand2.png", "/images/icon/icon-hand3.png", "/images/icon/icon-hand4.png", "/images/icon/icon-hand5.png", "/images/icon/icon-hand6.png", ] export default function SocialSection() { const [currentIconIndex, setCurrentIconIndex] = useState(0) useEffect(() => { const interval = setInterval(() => { setCurrentIconIndex((prev) => (prev + 1) % handIcons.length) }, 1000) return () => clearInterval(interval) }, []) return ( ) } [V0_FILE]typescriptreact:file="components/store-section.tsx" isMerged="true" "use client" import { ArrowRight } from 'lucide-react' import { motion } from "framer-motion" import Image from "next/image" import Link from "next/link" export default function StoreSection() { return (

NEW IN:

LN4 RACING

A collection built for performance and speed, combining classic motorsport aesthetics & modern craftsmanship.

VISIT THE STORE

) } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" 'use client' import * as React from 'react' import { ThemeProvider as NextThemesProvider, type ThemeProviderProps, } from 'next-themes' export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="components/track-split-section.tsx" isMerged="true" "use client" import Image from "next/image" import { ArrowRight } from "lucide-react" import { motion } from "framer-motion" export default function TrackSplitSection() { return (

ON
TRACK EXPLORE

OFF
TRACK EXPLORE

) } [V0_FILE]typescriptreact:file="components/ui/accordion.tsx" isMerged="true" 'use client' import * as React from 'react' import * as AccordionPrimitive from '@radix-ui/react-accordion' import { ChevronDownIcon } from 'lucide-react' import { cn } from '@/lib/utils' function Accordion({ ...props }: React.ComponentProps) { return } function AccordionItem({ className, ...props }: React.ComponentProps) { return ( ) } function AccordionTrigger({ className, children, ...props }: React.ComponentProps) { return ( svg]:rotate-180', className, )} {...props} > {children} ) } function AccordionContent({ className, children, ...props }: React.ComponentProps) { return (

{children}

) } export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } [V0_FILE]typescriptreact:file="components/ui/alert-dialog.tsx" isMerged="true" 'use client' import * as React from 'react' import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog' import { cn } from '@/lib/utils' import { buttonVariants } from '@/components/ui/button' function AlertDialog({ ...props }: React.ComponentProps) { return } function AlertDialogTrigger({ ...props }: React.ComponentProps) { return ( ) } function AlertDialogPortal({ ...props }: React.ComponentProps) { return ( ) } function AlertDialogOverlay({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogContent({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) { return (

) } function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) { return (

) } function AlertDialogTitle({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogDescription({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogAction({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogCancel({ className, ...props }: React.ComponentProps) { return ( ) } export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } [V0_FILE]typescriptreact:file="components/ui/alert.tsx" isMerged="true" import * as React from 'react' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const alertVariants = cva( 'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current', { variants: { variant: { default: 'bg-card text-card-foreground', destructive: 'text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90', }, }, defaultVariants: { variant: 'default', }, }, ) function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps) { return (

) } function AlertTitle({ className, ...props }: React.ComponentProps<'div'>) { return (

) } function AlertDescription({ className, ...props }: React.ComponentProps<'div'>) { return (

) } export { Alert, AlertTitle, AlertDescription } [V0_FILE]typescriptreact:file="components/ui/aspect-ratio.tsx" isMerged="true" 'use client' import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio' function AspectRatio({ ...props }: React.ComponentProps) { return } export { AspectRatio } [V0_FILE]typescriptreact:file="components/ui/avatar.tsx" isMerged="true" 'use client' import * as React from 'react' import * as AvatarPrimitive from '@radix-ui/react-avatar' import { cn } from '@/lib/utils' function Avatar({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarImage({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarFallback({ className, ...props }: React.ComponentProps) { return ( ) } export { Avatar, AvatarImage, AvatarFallback } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const badgeVariants = cva( 'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', { variants: { variant: { default: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90', secondary: 'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90', destructive: 'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60', outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground', }, }, defaultVariants: { variant: 'default', }, }, ) function Badge({ className, variant, asChild = false, ...props }: React.ComponentProps<'span'> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : 'span' return ( ) } export { Badge, badgeVariants } [V0_FILE]typescriptreact:file="components/ui/breadcrumb.tsx" isMerged="true" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { ChevronRight, MoreHorizontal } from 'lucide-react' import { cn } from '@/lib/utils' function Breadcrumb({ ...props }: React.ComponentProps<'nav'>) { return

} function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) { return (

) } function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & { asChild?: boolean }) { const Comp = asChild ? Slot : 'a' return ( ) } function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) { return ( ) } function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) { return (
svg]:size-3.5', className)} {...props} > {children ?? }

) { return (

) } function ButtonGroupText({ className, asChild = false, ...props }: React.ComponentProps<'div'> & { asChild?: boolean }) { const Comp = asChild ? Slot : 'div' return ( ) } function ButtonGroupSeparator({ className, orientation = 'vertical', ...props }: React.ComponentProps) { return ( ) } export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } [V0_FILE]typescriptreact:file="components/ui/button.tsx" isMerged="true" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const buttonVariants = cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", { variants: { variant: { default: 'bg-primary text-primary-foreground hover:bg-primary/90', destructive: 'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60', outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50', secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80', ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50', link: 'text-primary underline-offset-4 hover:underline', }, size: { default: 'h-9 px-4 py-2 has-[>svg]:px-3', sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5', lg: 'h-10 rounded-md px-6 has-[>svg]:px-4', icon: 'size-9', 'icon-sm': 'size-8', 'icon-lg': 'size-10', }, }, defaultVariants: { variant: 'default', size: 'default', }, }, ) function Button({ className, variant, size, asChild = false, ...props }: React.ComponentProps<'button'> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : 'button' return ( ) } export { Button, buttonVariants } [V0_FILE]typescriptreact:file="components/ui/calendar.tsx" isMerged="true" 'use client' import * as React from 'react' import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from 'lucide-react' import { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker' import { cn } from '@/lib/utils' import { Button, buttonVariants } from '@/components/ui/button' function Calendar({ className, classNames, showOutsideDays = true, captionLayout = 'label', buttonVariant = 'ghost', formatters, components, ...props }: React.ComponentProps & { buttonVariant?: React.ComponentProps['variant'] }) { const defaultClassNames = getDefaultClassNames() return ( svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className, )} captionLayout={captionLayout} formatters={{ formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }), ...formatters, }} classNames={{ root: cn('w-fit', defaultClassNames.root), months: cn( 'flex gap-4 flex-col md:flex-row relative', defaultClassNames.months, ), month: cn('flex flex-col w-full gap-4', defaultClassNames.month), nav: cn( 'flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav, ), button_previous: cn( buttonVariants({ variant: buttonVariant }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_previous, ), button_next: cn( buttonVariants({ variant: buttonVariant }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_next, ), month_caption: cn( 'flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption, ), dropdowns: cn( 'w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns, ), dropdown_root: cn( 'relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md', defaultClassNames.dropdown_root, ), dropdown: cn( 'absolute bg-popover inset-0 opacity-0', defaultClassNames.dropdown, ), caption_label: cn( 'select-none font-medium', captionLayout === 'label' ? 'text-sm' : 'rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5', defaultClassNames.caption_label, ), table: 'w-full border-collapse', weekdays: cn('flex', defaultClassNames.weekdays), weekday: cn( 'text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday, ), week: cn('flex w-full mt-2', defaultClassNames.week), week_number_header: cn( 'select-none w-(--cell-size)', defaultClassNames.week_number_header, ), week_number: cn( 'text-[0.8rem] select-none text-muted-foreground', defaultClassNames.week_number, ), day: cn( 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none', defaultClassNames.day, ), range_start: cn( 'rounded-l-md bg-accent', defaultClassNames.range_start, ), range_middle: cn('rounded-none', defaultClassNames.range_middle), range_end: cn('rounded-r-md bg-accent', defaultClassNames.range_end), today: cn( 'bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none', defaultClassNames.today, ), outside: cn( 'text-muted-foreground aria-selected:text-muted-foreground', defaultClassNames.outside, ), disabled: cn( 'text-muted-foreground opacity-50', defaultClassNames.disabled, ), hidden: cn('invisible', defaultClassNames.hidden), ...classNames, }} components={{ Root: ({ className, rootRef, ...props }) => { return (

) }, Chevron: ({ className, orientation, ...props }) => { if (orientation === 'left') { return ( ) } if (orientation === 'right') { return ( ) } return ( ) }, DayButton: CalendarDayButton, WeekNumber: ({ children, ...props }) => { return (

{children}

) }, ...components, }} {...props} /> ) } function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps) { const defaultClassNames = getDefaultClassNames() const ref = React.useRef(null) React.useEffect(() => { if (modifiers.focused) ref.current?.focus() }, [modifiers.focused]) return ( ) } function CarouselNext({ className, variant = 'outline', size = 'icon', ...props }: React.ComponentProps) { const { orientation, scrollNext, canScrollNext } = useCarousel() return ( ) } export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } [V0_FILE]typescriptreact:file="components/ui/chart.tsx" isMerged="true" 'use client' import * as React from 'react' import * as RechartsPrimitive from 'recharts' import { cn } from '@/lib/utils' // Format: { THEME_NAME: CSS_SELECTOR } const THEMES = { light: '', dark: '.dark' } as const export type ChartConfig = { [k in string]: { label?: React.ReactNode icon?: React.ComponentType } & ( | { color?: string; theme?: never } | { color?: never; theme: Record } ) } type ChartContextProps = { config: ChartConfig } const ChartContext = React.createContext(null) function useChart() { const context = React.useContext(ChartContext) if (!context) { throw new Error('useChart must be used within a ') } return context } function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<'div'> & { config: ChartConfig children: React.ComponentProps< typeof RechartsPrimitive.ResponsiveContainer >['children'] }) { const uniqueId = React.useId() const chartId = `chart-${id || uniqueId.replace(/:/g, '')}` return (

{children}

) } const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => { const colorConfig = Object.entries(config).filter( ([, config]) => config.theme || config.color, ) if (!colorConfig.length) { return null } return ( [V0_FILE]xml:file="public/images/curve-lines-texture.svg" isMerged="true" [V0_FILE]xml:file="public/images/curveb.svg" isMerged="true" [V0_FILE]xml:file="public/images/curvet.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Abu-Dabi.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Australia.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Austria.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Azerbaijan.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Bahrain.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Belgium.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Canada.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-China.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Hungary.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Italy.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Japan.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Monaco.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Netherlands.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Saudi-Arabia.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-Singapore.svg" isMerged="true" [V0_FILE]xml:file="public/images/flags/flag-USA.svg" isMerged="true" [V0_FILE]xml:file="public/images/footer-mask.svg" isMerged="true" [V0_FILE]xml:file="public/images/mask-pneu.svg" isMerged="true" [V0_FILE]xml:file="public/images/race-day.svg" isMerged="true" [V0_FILE]xml:file="public/images/spla.svg" isMerged="true"

1. Gallery Section (Unused)

2. Scroll Collage Section (Unused)

3. Store Section (Unused)

4. Partners Section (Unused)

5. Track Split Section (Unused)

5. Track Split Section (Unused)

6. Testimonial Section (Superseded by BikeShowcase)

HELMETS HALL OF FAME

{helmets[activeIndex].name}

OUR TEAM Excellence in Training

MOTOCROSS

All Results

SCALP CARE HEALS, STORIES SOOTHE, TOGETHER THEY TRANSFORM YOUR SLEEP.

PARTNERS

& CAMPAIGNS

SCALP CARE THERAPY SLEEP WELLNESS HEAD SPA INSOMNIA RELIEF

TTEPHANT HEAD SPA KL & JOHOR SCALP CARE SLEEP THERAPY

FOLLOW US

On Social Media

LN4 RACING

HELMETS
HALL OF FAME

OUR TEAM
Excellence in Training

SCALP CARE HEALS,
STORIES SOOTHE,
TOGETHER THEY
TRANSFORM YOUR
SLEEP.