diff --git a/.deco/blocks/Preview%20site%2Floaders%2Fminicart.ts.json b/.deco/blocks/Preview%20site%2Floaders%2Fminicart.ts.json deleted file mode 100644 index 3cfe0c6..0000000 --- a/.deco/blocks/Preview%20site%2Floaders%2Fminicart.ts.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "__resolveType": "site/loaders/minicart.ts" -} \ No newline at end of file diff --git a/.deco/blocks/navbar.json b/.deco/blocks/navbar.json deleted file mode 100644 index b134cd2..0000000 --- a/.deco/blocks/navbar.json +++ /dev/null @@ -1,52 +0,0 @@ -{ - "items": [ - { - "@type": "SiteNavigationElement", - "url": "/deals", - "name": "Deals", - "children": [ - { - "image": [], - "children": [], - "name": "Hello" - }, - { - "image": [], - "children": [], - "name": "World" - } - ] - }, - { - "@type": "SiteNavigationElement", - "url": "/valentines-day", - "name": "Valentine's Day", - "children": [] - }, - { - "@type": "SiteNavigationElement", - "url": "/women", - "name": "Women", - "children": [] - }, - { - "@type": "SiteNavigationElement", - "url": "/men", - "name": "Men", - "children": [] - }, - { - "@type": "SiteNavigationElement", - "url": "/clearance", - "name": "Clearance", - "children": [] - }, - { - "@type": "SiteNavigationElement", - "url": "/activities", - "name": "Activities", - "children": [] - } - ], - "__resolveType": "commerce/loaders/navbar.ts" -} \ No newline at end of file diff --git a/.deco/blocks/pages-Sobre%2520n%25C3%25B3s-739985.json b/.deco/blocks/pages-Sobre%2520n%25C3%25B3s-739985.json new file mode 100644 index 0000000..86377d5 --- /dev/null +++ b/.deco/blocks/pages-Sobre%2520n%25C3%25B3s-739985.json @@ -0,0 +1,107 @@ +{ + "name": "Sobre nós", + "path": "/sobre-nos", + "sections": [ + { + "__resolveType": "website/sections/Rendering/Lazy.tsx", + "section": { + "__resolveType": "Header" + } + }, + { + "__resolveType": "site/sections/BreadcrumbInstitucional/Breadcrumb.tsx", + "root": "HOME", + "path": "Institucional", + "route": "Mundo Alphabeto", + "showText": true + }, + { + "__resolveType": "site/sections/AboutUs/AboutUsBanner.tsx", + "desktop": "https://deco-sites-assets.s3.sa-east-1.amazonaws.com/alphabeto/d8955d99-3f7d-4434-ac9c-747d23289be0/Banner-principal.png", + "mobile": "https://deco-sites-assets.s3.sa-east-1.amazonaws.com/alphabeto/2eb3992f-b89d-47d7-9551-bc08a14cea84/Banner-principal-(1).png", + "alt": "Dois meninos sorridentes em frente a um fundo vermelho e laranja vibrante, com um desenho de dinossauro azul ao lado." + }, + { + "__resolveType": "site/sections/AboutUs/AboutUsIntroduction.tsx", + "title": "Mundo Alphabeto", + "logo": "https://deco-sites-assets.s3.sa-east-1.amazonaws.com/alphabeto/166040cc-542a-4e2a-9b47-c117f2ef89d9/Logo.png", + "altLogo": "Palavra Alphabeto", + "paragraphOne": "

Lorem ipsum dolor sit amet consectetur. Et imperdiet et rutrum laoreet urna vel. Nulla sit sed id magna non turpis lobortis. Sodales orci cursus semper est consectetur pulvinar nisi adipiscing tellus. Etiam vitae urna auctor diam. Vel mattis vitae est risus laoreet id posuere. Tellus morbi et amet tellus turpis quisque sed. Donec semper nisi rhoncus at elementum id venenatis. In auctor tincidunt quis enim urna quisque viverra. Nibh volutpat fringilla dui sed dapibus sagittis. Elementum cursus sagittis molestie leo morbi. Nulla tristique egestas non mattis purus tincidunt suscipit.
Ultrices etiam et cursus maecenas aliquet volutpat.e. Turpis magna interdum elit purus nisi in. Mauris auctor congue facilisi habitasse sit semper rhoncus consectetur morbi.

", + "paragraphTwo": "

Ac egestas elementum urna vitae cursus faucibus leo eu hendrerit. Egestas pretium hendrerit cursus ut egestas at euismod pulvinar. Sagittis elit turpis sit fames imperdiet aliquet. Maecenas morbi justo phasellus massa pellentesque. Fringilla lacinia augue arcu purus. Pellentesque est iaculis mauris felis id id at. Diam faucibus ac feugiat nibh mi scelerisque. A fermentum mattis semper arcu placerat dictum. Morbi vestibulum vitae sed purus id tristique. At a commodo non nisl mattis. Aliquet tortor eleifend sodales dui viverra porttitor eget. Pretium et urna pharetra donec sed feugiat varius vel tellus. Justo risus facilisi massa pellentesque pretium. Viverra fermentum enim amet amet mi.

", + "imageOne": { + "srcDesktop": "https://data.decoassets.com/alphabeto/e8cecfb6-392f-4026-882c-f5326e64a298/institucional_foto_1_desk.png", + "srcMobile": "https://data.decoassets.com/alphabeto/16d88948-ad7a-47d6-8dec-02485e96d264/institucional_foto_1_mob.png", + "alt": "A imagem apresenta três elementos principais: duas crianças e um personagem fantasiado. O fundo é laranja vibrante, enquanto o enquadramento está contido em uma forma de estrela, adicionando um toque divertido e dinâmico à composição. Descrição dos elementos: Criança à esquerda: Um menino com cabelos cacheados escuros, usando uma jaqueta azul com uma camiseta branca por baixo e calças bege com estampas. Ele faz um gesto de positivo com a mão, transmitindo uma mensagem de aprovação e alegria. Personagem central: Uma grande figura de pelúcia em formato de pássaro amarelo com bico laranja e olhos grandes e expressivos. Ele é o centro das atenções e cria uma atmosfera acolhedora e lúdica. Criança à direita: Uma menina com cabelo castanho claro e uma faixa no cabelo. Ela veste um vestido floral verde com detalhes vibrantes. Ela abraça o personagem, transmitindo carinho e diversão. Detalhes adicionais: Pequenas estrelas amarelas brilhantes estão dispersas em volta da composição, reforçando o tom alegre e mágico da imagem. A iluminação é suave, realçando as cores brilhantes sem criar sombras marcantes." + }, + "imageTwo": { + "srcDesktop": "https://data.decoassets.com/alphabeto/38f49929-f440-4052-91af-e8af57be6325/institucional_foto_2_desk.png", + "srcMobile": "https://data.decoassets.com/alphabeto/55026835-ab7d-41ec-9a85-fc8826678a69/institucional_foto_2_mob.png", + "alt": "A imagem apresenta duas crianças abraçadas de forma afetuosa, transmitindo uma mensagem de união e amizade. O fundo é lilás, criando um contraste suave com os trajes das crianças. A composição está contida em uma forma orgânica e irregular que adiciona dinamismo à imagem. Descrição dos elementos: Criança à esquerda: Uma menina de pele escura, com tranças coloridas e vibrantes, usa um casaco cintilante que reflete tons metálicos. Sua expressão é tranquila, e o abraço que recebe transmite conforto e segurança. Criança à direita: Uma menina de pele clara com cabelo ruivo preso em dois coques. Ela veste um vestido escuro com textura discreta e tem uma expressão sorridente e acolhedora enquanto abraça a amiga. Detalhes adicionais: O contorno da imagem possui um efeito de brilho sutil, destacando ainda mais a interação amigável das crianças. A iluminação é suave e uniforme, valorizando as cores e as expressões faciais." + } + }, + { + "__resolveType": "site/sections/AboutUs/AboutUsVideo.tsx", + "videoId": "f22tvc-GbOs", + "title": "Em seu reino existe uma fábrica encantada...", + "text": "

Ac egestas elementum urna vitae cursus faucibus leo eu hendrerit. Egestas pretium hendrerit cursus ut egestas at euismod pulvinar. Sagittis elit turpis sit fames imperdiet aliquet. Maecenas morbi justo phasellus massa pellentesque. Fringilla lacinia augue arcu purus. Pellentesque est iaculis mauris felis id id at. Diam faucibus ac feugiat nibh mi scelerisque. A fermentum mattis semper arcu placerat dictum. Morbi vestibulum vitae sed purus id tristique. At a commodo non nisl mattis. Aliquet tortor eleifend sodales dui viverra porttitor eget. Pretium et urna pharetra donec sed feugiat varius vel tellus. Justo risus facilisi massa pellentesque pretium. Viverra fermentum enim amet amet mi.

" + }, + { + "__resolveType": "site/sections/AboutUs/AboutUsCompanyInfo.tsx", + "title": "Empresa brasileira com muito orgulho e amor", + "subTitle": "Ac egestas elementum urna vitae cursus faucibus leo eu hendrerit.", + "items": [ + { + "mainInfo": "+800", + "textAboutInfo": "

Mais de 800
colaboradores.

", + "color": "#D6DE23", + "label": "Mais de 800 colaboradores.", + "mainInfoColor": "#D6DE23" + }, + { + "textAboutInfo": "

95% dos produtos são
produzidos internamente

", + "color": "#FF859A", + "label": "95% dos produtos são produzidos internamente", + "mainInfoColor": "#FF859A", + "mainInfo": "95%" + }, + { + "color": "#D6DE23", + "textAboutInfo": "

Com mais de 80 mil
produtos disponíveis.

", + "label": "Com mais de 80 mil produtos disponíveis.", + "mainInfoColor": "#70D1E8", + "mainInfo": "80k" + } + ], + "text": "" + }, + { + "__resolveType": "site/sections/AboutUs/AboutUsBubbles.tsx", + "title": "

Nosso mundo encantado!
Cheio de magia, alegria e muitos detalhes!

", + "subtitle": "

Cheio de magia, alegria e muitos detalhes!

", + "images": [ + { + "image": "https://deco-sites-assets.s3.sa-east-1.amazonaws.com/alphabeto/46e22f96-2f6a-45e8-bce4-70bbabff6c7c/image.png", + "alt": "Criança sorrindo e segurando uma bolsa pequena" + }, + { + "image": "https://deco-sites-assets.s3.sa-east-1.amazonaws.com/alphabeto/e95584d1-d456-475f-8508-4ef35449b159/image-(1).png", + "alt": "Duas crianças imitando dinossauros" + }, + { + "image": "https://deco-sites-assets.s3.sa-east-1.amazonaws.com/alphabeto/0e52c1cc-b274-4ae7-a1ea-bdfde3d7ab1a/image-(2).png", + "alt": "Criança sorrindo" + } + ] + }, + { + "__resolveType": "website/sections/Rendering/Lazy.tsx", + "section": { + "__resolveType": "Footer" + } + } + ], + "seo": { + "__resolveType": "website/sections/Seo/SeoV2.tsx" + }, + "__resolveType": "website/pages/Page.tsx" +} \ No newline at end of file diff --git a/.deco/blocks/site.json b/.deco/blocks/site.json index f84659f..90a73c7 100644 --- a/.deco/blocks/site.json +++ b/.deco/blocks/site.json @@ -100,6 +100,9 @@ "replaces": [], "includeScriptsToHead": { "includes": [] + }, + "includeScriptsToBody": { + "includes": [] } }, "flavor": { diff --git a/components/ui/Icon.tsx b/components/ui/Icon.tsx index aa3e81d..804563a 100644 --- a/components/ui/Icon.tsx +++ b/components/ui/Icon.tsx @@ -35,6 +35,9 @@ export type AvailableIcons = | "hearth-unfill" | "hearth-fill" | "whatsappIcon" + | "castle" + | "star" + | "minor-star" | "home-breadcrumb" | "cat_sort_orders:desc" | "cat_sort_price:asc" @@ -64,7 +67,9 @@ export type AvailableIcons = | "product_care_spin" | "product_care_iron" | "product_care_dry_cleaning" - | "product_rating_star"; + | "product_rating_star" + | "arrow-with-twirls" + | "arrow-with-twirls-2"; interface Props extends JSX.SVGAttributes { /** diff --git a/loaders/youtubeVideo.ts b/loaders/youtubeVideo.ts new file mode 100644 index 0000000..2264fed --- /dev/null +++ b/loaders/youtubeVideo.ts @@ -0,0 +1,32 @@ +import * as yt from "npm:youtube-search-without-api-key"; +import ytdl from "npm:ytdl-core"; +interface Props { + term?: string; +} +interface LoaderResponse { + value: string; + label: string; +} + +export default async function loader(props: Props): Promise { + console.log("Olha O loader"); + const { term } = props; + if (!term) return []; + const isUrl = ytdl.validateURL(term); + if (isUrl) { + const id = ytdl.getVideoID(term); + const data = await ytdl.getBasicInfo(id); + if (data) { + return [{ + label: `Id: ${id}, Title: ${data.videoDetails.title}`, + value: id, + }]; + } + } + const videos = await yt.search(term); + + return videos.map((video) => ({ + label: `Id: ${video.id.videoId}, Title: ${video.title}`, + value: video.id.videoId, + })); +} diff --git a/manifest.gen.ts b/manifest.gen.ts index be5ed2c..8243fca 100644 --- a/manifest.gen.ts +++ b/manifest.gen.ts @@ -27,53 +27,59 @@ import * as $$$15 from "./loaders/vtexReviewsAndRatings/index.ts"; import * as $$$16 from "./loaders/vtexReviewsAndRatings/queries.ts"; import * as $$$17 from "./loaders/vtexReviewsAndRatings/types.ts"; import * as $$$18 from "./loaders/wishlist.ts"; -import * as $$$$$$0 from "./sections/Animation/Animation.tsx"; -import * as $$$$$$1 from "./sections/BenefitsBar/BenefitsBar.tsx"; -import * as $$$$$$2 from "./sections/BreadcrumbInstitucional/Breadcrumb.tsx"; -import * as $$$$$$3 from "./sections/Category/CategoryBottomBanner.tsx"; -import * as $$$$$$4 from "./sections/Category/CategoryGrid.tsx"; -import * as $$$$$$5 from "./sections/CollectionBanner/CollectionBanner.tsx"; -import * as $$$$$$6 from "./sections/Component.tsx"; -import * as $$$$$$7 from "./sections/Content/FAQ.tsx"; -import * as $$$$$$8 from "./sections/Content/Hero.tsx"; -import * as $$$$$$9 from "./sections/Content/Intro.tsx"; -import * as $$$$$$10 from "./sections/Content/Logos.tsx"; -import * as $$$$$$11 from "./sections/Content/RotativeText.tsx"; -import * as $$$$$$12 from "./sections/DuvidasFrequentes/DuvidasFrequentes.tsx"; -import * as $$$$$$13 from "./sections/Footer/Footer.tsx"; -import * as $$$$$$14 from "./sections/GiftShelf/GiftShelf.tsx"; -import * as $$$$$$15 from "./sections/Header/Header.tsx"; -import * as $$$$$$16 from "./sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx"; -import * as $$$$$$17 from "./sections/Images/BackgroundBanner.tsx"; -import * as $$$$$$18 from "./sections/Images/Banner.tsx"; -import * as $$$$$$19 from "./sections/Images/Carousel.tsx"; -import * as $$$$$$20 from "./sections/Images/ImageGallery.tsx"; -import * as $$$$$$21 from "./sections/Images/ShoppableBanner.tsx"; -import * as $$$$$$22 from "./sections/InteractiveBanner/InteractiveBanner.tsx"; -import * as $$$$$$23 from "./sections/Links/LinkTree.tsx"; -import * as $$$$$$24 from "./sections/MenuInstitucional/MenuInstitucional.tsx"; -import * as $$$$$$25 from "./sections/Miscellaneous/CampaignTimer.tsx"; -import * as $$$$$$26 from "./sections/Miscellaneous/CookieConsent.tsx"; -import * as $$$$$$27 from "./sections/Miscellaneous/Spacer.tsx"; -import * as $$$$$$28 from "./sections/Newsletter/Newsletter.tsx"; -import * as $$$$$$29 from "./sections/NossasLojas/NossasLojas.tsx"; -import * as $$$$$$30 from "./sections/NossasLojas/query.ts"; -import * as $$$$$$31 from "./sections/NossasLojas/types.ts"; -import * as $$$$$$32 from "./sections/Policy/Policy.tsx"; -import * as $$$$$$33 from "./sections/Product/ProductBuyTogether.tsx"; -import * as $$$$$$34 from "./sections/Product/ProductDetails.tsx"; -import * as $$$$$$35 from "./sections/Product/ProductReviews.tsx"; -import * as $$$$$$36 from "./sections/Product/ProductShelf.tsx"; -import * as $$$$$$37 from "./sections/Product/ProductShelfTabbed.tsx"; -import * as $$$$$$38 from "./sections/Product/QuickView.tsx"; -import * as $$$$$$39 from "./sections/Product/SearchResult.tsx"; -import * as $$$$$$40 from "./sections/Product/ShelfWithImage.tsx"; -import * as $$$$$$41 from "./sections/Product/Wishlist.tsx"; -import * as $$$$$$42 from "./sections/Session.tsx"; -import * as $$$$$$43 from "./sections/Social/InstagramPosts.tsx"; -import * as $$$$$$44 from "./sections/Social/WhatsApp.tsx"; -import * as $$$$$$45 from "./sections/TabLayout/TabLayout.tsx"; -import * as $$$$$$46 from "./sections/Theme/Theme.tsx"; +import * as $$$19 from "./loaders/youtubeVideo.ts"; +import * as $$$$$$0 from "./sections/AboutUs/AboutUsBanner.tsx"; +import * as $$$$$$1 from "./sections/AboutUs/AboutUsBubbles.tsx"; +import * as $$$$$$2 from "./sections/AboutUs/AboutUsCompanyInfo.tsx"; +import * as $$$$$$3 from "./sections/AboutUs/AboutUsIntroduction.tsx"; +import * as $$$$$$4 from "./sections/AboutUs/AboutUsVideo.tsx"; +import * as $$$$$$5 from "./sections/Animation/Animation.tsx"; +import * as $$$$$$6 from "./sections/BenefitsBar/BenefitsBar.tsx"; +import * as $$$$$$7 from "./sections/BreadcrumbInstitucional/Breadcrumb.tsx"; +import * as $$$$$$8 from "./sections/Category/CategoryBottomBanner.tsx"; +import * as $$$$$$9 from "./sections/Category/CategoryGrid.tsx"; +import * as $$$$$$10 from "./sections/CollectionBanner/CollectionBanner.tsx"; +import * as $$$$$$11 from "./sections/Component.tsx"; +import * as $$$$$$12 from "./sections/Content/FAQ.tsx"; +import * as $$$$$$13 from "./sections/Content/Hero.tsx"; +import * as $$$$$$14 from "./sections/Content/Intro.tsx"; +import * as $$$$$$15 from "./sections/Content/Logos.tsx"; +import * as $$$$$$16 from "./sections/Content/RotativeText.tsx"; +import * as $$$$$$17 from "./sections/DuvidasFrequentes/DuvidasFrequentes.tsx"; +import * as $$$$$$18 from "./sections/Footer/Footer.tsx"; +import * as $$$$$$19 from "./sections/GiftShelf/GiftShelf.tsx"; +import * as $$$$$$20 from "./sections/Header/Header.tsx"; +import * as $$$$$$21 from "./sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx"; +import * as $$$$$$22 from "./sections/Images/BackgroundBanner.tsx"; +import * as $$$$$$23 from "./sections/Images/Banner.tsx"; +import * as $$$$$$24 from "./sections/Images/Carousel.tsx"; +import * as $$$$$$25 from "./sections/Images/ImageGallery.tsx"; +import * as $$$$$$26 from "./sections/Images/ShoppableBanner.tsx"; +import * as $$$$$$27 from "./sections/InteractiveBanner/InteractiveBanner.tsx"; +import * as $$$$$$28 from "./sections/Links/LinkTree.tsx"; +import * as $$$$$$29 from "./sections/MenuInstitucional/MenuInstitucional.tsx"; +import * as $$$$$$30 from "./sections/Miscellaneous/CampaignTimer.tsx"; +import * as $$$$$$31 from "./sections/Miscellaneous/CookieConsent.tsx"; +import * as $$$$$$32 from "./sections/Miscellaneous/Spacer.tsx"; +import * as $$$$$$33 from "./sections/Newsletter/Newsletter.tsx"; +import * as $$$$$$34 from "./sections/NossasLojas/NossasLojas.tsx"; +import * as $$$$$$35 from "./sections/NossasLojas/query.ts"; +import * as $$$$$$36 from "./sections/NossasLojas/types.ts"; +import * as $$$$$$37 from "./sections/Policy/Policy.tsx"; +import * as $$$$$$38 from "./sections/Product/ProductBuyTogether.tsx"; +import * as $$$$$$39 from "./sections/Product/ProductDetails.tsx"; +import * as $$$$$$40 from "./sections/Product/ProductReviews.tsx"; +import * as $$$$$$41 from "./sections/Product/ProductShelf.tsx"; +import * as $$$$$$42 from "./sections/Product/ProductShelfTabbed.tsx"; +import * as $$$$$$43 from "./sections/Product/QuickView.tsx"; +import * as $$$$$$44 from "./sections/Product/SearchResult.tsx"; +import * as $$$$$$45 from "./sections/Product/ShelfWithImage.tsx"; +import * as $$$$$$46 from "./sections/Product/Wishlist.tsx"; +import * as $$$$$$47 from "./sections/Session.tsx"; +import * as $$$$$$48 from "./sections/Social/InstagramPosts.tsx"; +import * as $$$$$$49 from "./sections/Social/WhatsApp.tsx"; +import * as $$$$$$50 from "./sections/TabLayout/TabLayout.tsx"; +import * as $$$$$$51 from "./sections/Theme/Theme.tsx"; const manifest = { "loaders": { @@ -96,55 +102,61 @@ const manifest = { "site/loaders/vtexReviewsAndRatings/queries.ts": $$$16, "site/loaders/vtexReviewsAndRatings/types.ts": $$$17, "site/loaders/wishlist.ts": $$$18, + "site/loaders/youtubeVideo.ts": $$$19, }, "sections": { - "site/sections/Animation/Animation.tsx": $$$$$$0, - "site/sections/BenefitsBar/BenefitsBar.tsx": $$$$$$1, - "site/sections/BreadcrumbInstitucional/Breadcrumb.tsx": $$$$$$2, - "site/sections/Category/CategoryBottomBanner.tsx": $$$$$$3, - "site/sections/Category/CategoryGrid.tsx": $$$$$$4, - "site/sections/CollectionBanner/CollectionBanner.tsx": $$$$$$5, - "site/sections/Component.tsx": $$$$$$6, - "site/sections/Content/FAQ.tsx": $$$$$$7, - "site/sections/Content/Hero.tsx": $$$$$$8, - "site/sections/Content/Intro.tsx": $$$$$$9, - "site/sections/Content/Logos.tsx": $$$$$$10, - "site/sections/Content/RotativeText.tsx": $$$$$$11, - "site/sections/DuvidasFrequentes/DuvidasFrequentes.tsx": $$$$$$12, - "site/sections/Footer/Footer.tsx": $$$$$$13, - "site/sections/GiftShelf/GiftShelf.tsx": $$$$$$14, - "site/sections/Header/Header.tsx": $$$$$$15, - "site/sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx": $$$$$$16, - "site/sections/Images/BackgroundBanner.tsx": $$$$$$17, - "site/sections/Images/Banner.tsx": $$$$$$18, - "site/sections/Images/Carousel.tsx": $$$$$$19, - "site/sections/Images/ImageGallery.tsx": $$$$$$20, - "site/sections/Images/ShoppableBanner.tsx": $$$$$$21, - "site/sections/InteractiveBanner/InteractiveBanner.tsx": $$$$$$22, - "site/sections/Links/LinkTree.tsx": $$$$$$23, - "site/sections/MenuInstitucional/MenuInstitucional.tsx": $$$$$$24, - "site/sections/Miscellaneous/CampaignTimer.tsx": $$$$$$25, - "site/sections/Miscellaneous/CookieConsent.tsx": $$$$$$26, - "site/sections/Miscellaneous/Spacer.tsx": $$$$$$27, - "site/sections/Newsletter/Newsletter.tsx": $$$$$$28, - "site/sections/NossasLojas/NossasLojas.tsx": $$$$$$29, - "site/sections/NossasLojas/query.ts": $$$$$$30, - "site/sections/NossasLojas/types.ts": $$$$$$31, - "site/sections/Policy/Policy.tsx": $$$$$$32, - "site/sections/Product/ProductBuyTogether.tsx": $$$$$$33, - "site/sections/Product/ProductDetails.tsx": $$$$$$34, - "site/sections/Product/ProductReviews.tsx": $$$$$$35, - "site/sections/Product/ProductShelf.tsx": $$$$$$36, - "site/sections/Product/ProductShelfTabbed.tsx": $$$$$$37, - "site/sections/Product/QuickView.tsx": $$$$$$38, - "site/sections/Product/SearchResult.tsx": $$$$$$39, - "site/sections/Product/ShelfWithImage.tsx": $$$$$$40, - "site/sections/Product/Wishlist.tsx": $$$$$$41, - "site/sections/Session.tsx": $$$$$$42, - "site/sections/Social/InstagramPosts.tsx": $$$$$$43, - "site/sections/Social/WhatsApp.tsx": $$$$$$44, - "site/sections/TabLayout/TabLayout.tsx": $$$$$$45, - "site/sections/Theme/Theme.tsx": $$$$$$46, + "site/sections/AboutUs/AboutUsBanner.tsx": $$$$$$0, + "site/sections/AboutUs/AboutUsBubbles.tsx": $$$$$$1, + "site/sections/AboutUs/AboutUsCompanyInfo.tsx": $$$$$$2, + "site/sections/AboutUs/AboutUsIntroduction.tsx": $$$$$$3, + "site/sections/AboutUs/AboutUsVideo.tsx": $$$$$$4, + "site/sections/Animation/Animation.tsx": $$$$$$5, + "site/sections/BenefitsBar/BenefitsBar.tsx": $$$$$$6, + "site/sections/BreadcrumbInstitucional/Breadcrumb.tsx": $$$$$$7, + "site/sections/Category/CategoryBottomBanner.tsx": $$$$$$8, + "site/sections/Category/CategoryGrid.tsx": $$$$$$9, + "site/sections/CollectionBanner/CollectionBanner.tsx": $$$$$$10, + "site/sections/Component.tsx": $$$$$$11, + "site/sections/Content/FAQ.tsx": $$$$$$12, + "site/sections/Content/Hero.tsx": $$$$$$13, + "site/sections/Content/Intro.tsx": $$$$$$14, + "site/sections/Content/Logos.tsx": $$$$$$15, + "site/sections/Content/RotativeText.tsx": $$$$$$16, + "site/sections/DuvidasFrequentes/DuvidasFrequentes.tsx": $$$$$$17, + "site/sections/Footer/Footer.tsx": $$$$$$18, + "site/sections/GiftShelf/GiftShelf.tsx": $$$$$$19, + "site/sections/Header/Header.tsx": $$$$$$20, + "site/sections/HomeToCategoryBanner/HomeToCategoryBanner.tsx": $$$$$$21, + "site/sections/Images/BackgroundBanner.tsx": $$$$$$22, + "site/sections/Images/Banner.tsx": $$$$$$23, + "site/sections/Images/Carousel.tsx": $$$$$$24, + "site/sections/Images/ImageGallery.tsx": $$$$$$25, + "site/sections/Images/ShoppableBanner.tsx": $$$$$$26, + "site/sections/InteractiveBanner/InteractiveBanner.tsx": $$$$$$27, + "site/sections/Links/LinkTree.tsx": $$$$$$28, + "site/sections/MenuInstitucional/MenuInstitucional.tsx": $$$$$$29, + "site/sections/Miscellaneous/CampaignTimer.tsx": $$$$$$30, + "site/sections/Miscellaneous/CookieConsent.tsx": $$$$$$31, + "site/sections/Miscellaneous/Spacer.tsx": $$$$$$32, + "site/sections/Newsletter/Newsletter.tsx": $$$$$$33, + "site/sections/NossasLojas/NossasLojas.tsx": $$$$$$34, + "site/sections/NossasLojas/query.ts": $$$$$$35, + "site/sections/NossasLojas/types.ts": $$$$$$36, + "site/sections/Policy/Policy.tsx": $$$$$$37, + "site/sections/Product/ProductBuyTogether.tsx": $$$$$$38, + "site/sections/Product/ProductDetails.tsx": $$$$$$39, + "site/sections/Product/ProductReviews.tsx": $$$$$$40, + "site/sections/Product/ProductShelf.tsx": $$$$$$41, + "site/sections/Product/ProductShelfTabbed.tsx": $$$$$$42, + "site/sections/Product/QuickView.tsx": $$$$$$43, + "site/sections/Product/SearchResult.tsx": $$$$$$44, + "site/sections/Product/ShelfWithImage.tsx": $$$$$$45, + "site/sections/Product/Wishlist.tsx": $$$$$$46, + "site/sections/Session.tsx": $$$$$$47, + "site/sections/Social/InstagramPosts.tsx": $$$$$$48, + "site/sections/Social/WhatsApp.tsx": $$$$$$49, + "site/sections/TabLayout/TabLayout.tsx": $$$$$$50, + "site/sections/Theme/Theme.tsx": $$$$$$51, }, "actions": { "site/actions/minicart/submit.ts": $$$$$$$$$0, diff --git a/sections/AboutUs/AboutUsBanner.tsx b/sections/AboutUs/AboutUsBanner.tsx new file mode 100644 index 0000000..df7f17d --- /dev/null +++ b/sections/AboutUs/AboutUsBanner.tsx @@ -0,0 +1,27 @@ +import { ImageWidget } from "apps/admin/widgets.ts"; +import { Picture, Source } from "apps/website/components/Picture.tsx"; + +interface Props { + desktop: ImageWidget; + mobile: ImageWidget; + /** + * @title Texto alternativo + * @description Descrição da imagem para pessoas com deficiência visual + */ + alt: string; +} + +/** @title Sobre Nós - Banner */ +export default function AboutUsBanner({ desktop, mobile, alt }: Props) { + return ( + + + + {alt} + + ); +} diff --git a/sections/AboutUs/AboutUsBubbles.tsx b/sections/AboutUs/AboutUsBubbles.tsx new file mode 100644 index 0000000..95f9479 --- /dev/null +++ b/sections/AboutUs/AboutUsBubbles.tsx @@ -0,0 +1,39 @@ +import { ImageWidget, RichText } from "apps/admin/widgets.ts"; +import Image from "apps/website/components/Image.tsx"; +import { sanitizeHTMLCode } from "site/sdk/htmlSanitizer.ts"; +/** @title {{alt}} */ +interface AdditionalInfoImages { + image: ImageWidget; + alt: string; +} +interface Props { + title: RichText; + images: AdditionalInfoImages[]; +} + +export default function AboutUsBubbles({ title, images }: Props) { + return ( +
+

+ + {images.map((image) => ( + {image.alt} + ))} + +

+ ); +} diff --git a/sections/AboutUs/AboutUsCompanyInfo.tsx b/sections/AboutUs/AboutUsCompanyInfo.tsx new file mode 100644 index 0000000..421848e --- /dev/null +++ b/sections/AboutUs/AboutUsCompanyInfo.tsx @@ -0,0 +1,86 @@ +import { RichText } from "apps/admin/widgets.ts"; +import { sanitizeHTMLCode } from "site/sdk/htmlSanitizer.ts"; +import { clx } from "site/sdk/clx.ts"; + +interface InfoItems { + /** + * @title Label + * @description Label do item, aparece na listagem do CMS + */ + label: string; + /**@title Informação principal */ + mainInfo: string; + /** + * @title Cor da informação principal + * @description Cor da informação principal + * @format color + */ + mainInfoColor: string; + /**@title Texto sobre a informação */ + textAboutInfo: RichText; +} +interface Props { + /**@title Título */ + title?: string; + /**@title Subtítulo */ + subTitle?: string; + /**@title Pontos de informação */ + items?: InfoItems[]; + /**@title Texto geral */ + text?: RichText; +} + +export default function AboutUsCompanyInfo(props: Props) { + const { title, subTitle, items, text } = props; + return ( +
+
+

+ {title} +

+

+ {subTitle} +

+
+
+ {items?.map((item, index) => ( + <> +
+

+ {item.mainInfo} +

+

+

+ {(index < items.length - 1) + ? ( +
+ ) + : null} + + ))} +
+
ul]:list-inside [&>ul]:text-center mobile:[&>ul]:text-left [&>ul>li>p]:inline [&>ul]:list-disc mobile:[&>ul]:ml-[15px]", + )} + dangerouslySetInnerHTML={{ + __html: text ?? "", + }} + /> +
+ ); +} diff --git a/sections/AboutUs/AboutUsIntroduction.tsx b/sections/AboutUs/AboutUsIntroduction.tsx new file mode 100644 index 0000000..8e17534 --- /dev/null +++ b/sections/AboutUs/AboutUsIntroduction.tsx @@ -0,0 +1,162 @@ +import { ImageWidget, RichText } from "apps/admin/widgets.ts"; +import Image from "apps/website/components/Image.tsx"; +import { sanitizeHTMLCode } from "site/sdk/htmlSanitizer.ts"; +import Icon from "site/components/ui/Icon.tsx"; +import { Picture, Source } from "apps/website/components/Picture.tsx"; +import { clx } from "site/sdk/clx.ts"; + +interface Props { + /*+ + * @title Logo + * @description Imagem que está atras do Título + */ + logo: ImageWidget; + /** + * @title Descrição da Imagem + * @description Descrição da imagem para pessoas com deficiência visual + */ + altLogo: string; + /** + * @title Título + * @description Título que aparece dentro da imagem + */ + title: string; + /** @title Parágrafo 1 */ + paragraphOne: RichText; + /** @title Parágrafo 2 */ + paragraphTwo: RichText; + + /** @title Imagem 1 */ + imageOne: { + /** @title Imagem Desktop */ + srcDesktop: ImageWidget; + /** @title Imagem Mobile */ + srcMobile: ImageWidget; + /** + * @title Descrição da Imagem + * @description Descrição da imagem para pessoas com deficiência visual + */ + alt: string; + }; + /** @title Imagem 2 */ + imageTwo: { + /** @title Imagem Desktop */ + srcDesktop: ImageWidget; + /** @title Imagem Mobile */ + srcMobile: ImageWidget; + /** + * @title Descrição da Imagem + * @description Descrição da imagem para pessoas com deficiência visual + */ + alt: string; + }; +} + +const COMMON_SANITIZATION_OPTIONS = { + allowedTags: ["p", "strong", "em", "a", "br"], + removeWrapperTag: true, +}; + +export default function AboutUsIntroduction(props: Props) { + const { logo, title, altLogo } = props; + return ( +
+
+ {altLogo} +

+ {title} +

+
+
+
+

+

+ +

+ +

+
+
+ + + + {props.imageOne.alt} + + + + + {props.imageTwo.alt} + +
+
+
+ ); +} diff --git a/sections/AboutUs/AboutUsVideo.tsx b/sections/AboutUs/AboutUsVideo.tsx new file mode 100644 index 0000000..f69bd4a --- /dev/null +++ b/sections/AboutUs/AboutUsVideo.tsx @@ -0,0 +1,76 @@ +import { RichText } from "apps/admin/widgets.ts"; +import Icon from "site/components/ui/Icon.tsx"; +import { sanitizeHTMLCode } from "site/sdk/htmlSanitizer.ts"; + +interface Props { + /**@title Titulo */ + title: string; + /**@title Texto */ + text: RichText; + /** + * @title Id do Video do Youtube + * @description Id do video do youtube, pode colocar o link que ele pega o id automaticamente + * @pattern \d* + * @format dynamic-options + * @options site/loaders/youtubeVideo.ts + */ + videoId: string; +} + +export default function AboutUSVideo(props: Props) { + const { title, text, videoId } = props; + return ( +
+ + + + +
+ +
+ +

+ {title} +

+

+

+
+
+
+ ); +} diff --git a/sections/BreadcrumbInstitucional/Breadcrumb.tsx b/sections/BreadcrumbInstitucional/Breadcrumb.tsx index 758cb0c..51b9555 100644 --- a/sections/BreadcrumbInstitucional/Breadcrumb.tsx +++ b/sections/BreadcrumbInstitucional/Breadcrumb.tsx @@ -15,7 +15,7 @@ export default function Breadcrumb( { root, showText, path, route }: BreadcrumbProps, ) { return ( -
+
diff --git a/static/sprites.svg b/static/sprites.svg index a6b6d04..c5c8172 100644 --- a/static/sprites.svg +++ b/static/sprites.svg @@ -7,6 +7,12 @@ + + + + + + @@ -187,6 +193,9 @@ + + + @@ -344,4 +353,12 @@ + + + + + + + + diff --git a/static/tailwind.css b/static/tailwind.css index b6c3eed..ef3f054 100644 --- a/static/tailwind.css +++ b/static/tailwind.css @@ -3850,9 +3850,15 @@ details.collapse summary::-webkit-details-marker { .bottom-\[339px\] { bottom: 339px; } +.bottom-\[35px\] { + bottom: 35px; +} .bottom-\[45px\] { bottom: 45px; } +.bottom-\[70px\] { + bottom: 70px; +} .left-0 { left: 0px; } @@ -3874,12 +3880,18 @@ details.collapse summary::-webkit-details-marker { .left-\[14px\] { left: 14px; } +.left-\[20px\] { + left: 20px; +} .left-\[429px\] { left: 429px; } .left-\[50\%\] { left: 50%; } +.left-\[55px\] { + left: 55px; +} .left-\[max\(40px\2c _calc\(\(\(100vw_-_95rem\)_\/_2\)_\+_40px\)\)\] { left: max(40px, calc(((100vw - 95rem) / 2) + 40px)); } @@ -3916,12 +3928,18 @@ details.collapse summary::-webkit-details-marker { .right-\[20\%\] { right: 20%; } +.right-\[20px\] { + right: 20px; +} .right-\[375px\] { right: 375px; } .right-\[40px\] { right: 40px; } +.right-\[55px\] { + right: 55px; +} .right-\[85px\] { right: 85px; } @@ -3952,9 +3970,15 @@ details.collapse summary::-webkit-details-marker { .top-\[18px\] { top: 18px; } +.top-\[20px\] { + top: 20px; +} .top-\[30px\] { top: 30px; } +.top-\[35px\] { + top: 35px; +} .top-\[400px\] { top: 400px; } @@ -3970,6 +3994,9 @@ details.collapse summary::-webkit-details-marker { .top-\[70px\] { top: 70px; } +.top-\[77px\] { + top: 77px; +} .top-\[80\%\] { top: 80%; } @@ -4066,6 +4093,10 @@ details.collapse summary::-webkit-details-marker { margin-left: 1.5rem; margin-right: 1.5rem; } +.mx-\[20px\] { + margin-left: 20px; + margin-right: 20px; +} .mx-\[5px\] { margin-left: 5px; margin-right: 5px; @@ -4123,6 +4154,9 @@ details.collapse summary::-webkit-details-marker { .mb-2\.5 { margin-bottom: 0.625rem; } +.mb-20 { + margin-bottom: 5rem; +} .mb-3 { margin-bottom: 0.75rem; } @@ -4252,6 +4286,9 @@ details.collapse summary::-webkit-details-marker { .mt-\[10px\] { margin-top: 10px; } +.mt-\[144px\] { + margin-top: 144px; +} .mt-\[20px\] { margin-top: 20px; } @@ -4264,6 +4301,12 @@ details.collapse summary::-webkit-details-marker { .mt-\[30px\] { margin-top: 30px; } +.mt-\[34px\] { + margin-top: 34px; +} +.mt-\[40px\] { + margin-top: 40px; +} .mt-\[44px\] { margin-top: 44px; } @@ -4393,6 +4436,9 @@ details.collapse summary::-webkit-details-marker { .h-\[30px\] { height: 30px; } +.h-\[356px\] { + height: 356px; +} .h-\[35px\] { height: 35px; } @@ -4605,6 +4651,9 @@ details.collapse summary::-webkit-details-marker { .w-\[10px\] { width: 10px; } +.w-\[162px\] { + width: 162px; +} .w-\[18px\] { width: 18px; } @@ -4683,6 +4732,9 @@ details.collapse summary::-webkit-details-marker { .w-\[58px\] { width: 58px; } +.w-\[626px\] { + width: 626px; +} .w-\[64\%\] { width: 64%; } @@ -4739,6 +4791,9 @@ details.collapse summary::-webkit-details-marker { .min-w-\[133px\] { min-width: 133px; } +.min-w-\[142px\] { + min-width: 142px; +} .min-w-\[14px\] { min-width: 14px; } @@ -4874,12 +4929,18 @@ details.collapse summary::-webkit-details-marker { .max-w-\[671px\] { max-width: 671px; } +.max-w-\[689px\] { + max-width: 689px; +} .max-w-\[70px\] { max-width: 70px; } .max-w-\[72px\] { max-width: 72px; } +.max-w-\[787px\] { + max-width: 787px; +} .max-w-\[80px\] { max-width: 80px; } @@ -5039,6 +5100,9 @@ details.collapse summary::-webkit-details-marker { .grid-cols-\[1fr_145px\] { grid-template-columns: 1fr 145px; } +.grid-cols-\[1fr_84px\] { + grid-template-columns: 1fr 84px; +} .grid-cols-\[1fr_98px\] { grid-template-columns: 1fr 98px; } @@ -5096,6 +5160,9 @@ details.collapse summary::-webkit-details-marker { .justify-between { justify-content: space-between; } +.justify-around { + justify-content: space-around; +} .gap-0 { gap: 0px; } @@ -6525,18 +6592,19 @@ details.collapse summary::-webkit-details-marker { .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } -.\[--chkbg\:\#FF8300\] { - --chkbg: #FF8300; -} -.\[--chkfg\:\#FF8300\] { - --chkfg: #FF8300; -} -.\[appearance\:textfield\] { - -webkit-appearance: textfield; - -moz-appearance: textfield; - appearance: textfield; -} +.\!container { + max-width: 95rem !important; + width: 100% !important; + margin-right: auto !important; + margin-left: auto !important; + padding-left: 40px !important; + padding-right: 40px !important; + @media (max-width: 1024px) { + padding-left: 20px !important; + padding-right: 20px !important; + } +} .container { max-width: 95rem; width: 100%; @@ -6550,6 +6618,17 @@ details.collapse summary::-webkit-details-marker { padding-right: 20px; } } +.\[--chkbg\:\#FF8300\] { + --chkbg: #FF8300; +} +.\[--chkfg\:\#FF8300\] { + --chkfg: #FF8300; +} +.\[appearance\:textfield\] { + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; +} .group:disabled .group-disabled\:animate-progress { animation: progress-frame ease normal; @@ -6792,6 +6871,24 @@ details.collapse summary::-webkit-details-marker { } @media (max-width: 1023px) { + .mobile\:container { + width: 100%; + } + + @media (min-width: 680px) { + + .mobile\:container { + max-width: 680px; + } + } + + @media (min-width: 1024px) { + + .mobile\:container { + max-width: 1024px; + } + } + .mobile\:carousel { display: inline-flex; overflow-x: scroll; @@ -6824,6 +6921,26 @@ details.collapse summary::-webkit-details-marker { display: none; } } +@media (min-width: 1024px) { + + .desk\:container { + width: 100%; + } + + @media (min-width: 680px) { + + .desk\:container { + max-width: 680px; + } + } + + @media (min-width: 1024px) { + + .desk\:container { + max-width: 1024px; + } + } +} .before\:content-\[\'R\$\'\]::before { --tw-content: 'R$'; content: var(--tw-content); @@ -7096,19 +7213,49 @@ details.collapse summary::-webkit-details-marker { } @media (max-width: 1023px) { + .mobile\:absolute { + position: absolute; + } + .mobile\:relative { position: relative; } + .mobile\:left-\[132px\] { + left: 132px; + } + + .mobile\:top-\[199px\] { + top: 199px; + } + + .mobile\:top-\[32px\] { + top: 32px; + } + + .mobile\:mx-\[8\.5px\] { + margin-left: 8.5px; + margin-right: 8.5px; + } + .mobile\:mx-auto { margin-left: auto; margin-right: auto; } + .mobile\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } + .mobile\:mb-\[45px\] { margin-bottom: 45px; } + .mobile\:mb-\[48\.05px\] { + margin-bottom: 48.05px; + } + .mobile\:mb-\[48px\] { margin-bottom: 48px; } @@ -7137,6 +7284,10 @@ details.collapse summary::-webkit-details-marker { margin-top: 24px; } + .mobile\:mt-\[30px\] { + margin-top: 30px; + } + .mobile\:block { display: block; } @@ -7153,26 +7304,62 @@ details.collapse summary::-webkit-details-marker { height: 2.25rem; } + .mobile\:h-\[230px\] { + height: 230px; + } + + .mobile\:h-\[250px\] { + height: 250px; + } + .mobile\:h-\[305px\] { height: 305px; } + .mobile\:h-\[375px\] { + height: 375px; + } + .mobile\:h-\[403px\] { height: 403px; } + .mobile\:h-\[449px\] { + height: 449px; + } + .mobile\:min-h-\[545px\] { min-height: 545px; } + .mobile\:w-\[100px\] { + width: 100px; + } + .mobile\:w-\[160px\] { width: 160px; } + .mobile\:w-\[250px\] { + width: 250px; + } + .mobile\:w-\[32px\] { width: 32px; } + .mobile\:w-\[335px\] { + width: 335px; + } + + .mobile\:w-\[345px\] { + width: 345px; + } + + .mobile\:w-\[375px\] { + width: 375px; + } + .mobile\:w-full { width: 100%; } @@ -7233,6 +7420,10 @@ details.collapse summary::-webkit-details-marker { gap: 1rem; } + .mobile\:overflow-x-hidden { + overflow-x: hidden; + } + .mobile\:rounded-none { border-radius: 0px; } @@ -7294,6 +7485,10 @@ details.collapse summary::-webkit-details-marker { text-align: center; } + .mobile\:text-\[12px\] { + font-size: 12px; + } + .mobile\:text-\[14px\] { font-size: 14px; } @@ -7337,6 +7532,10 @@ details.collapse summary::-webkit-details-marker { line-height: 1.25rem; } + .mobile\:leading-8 { + line-height: 2rem; + } + .mobile\:leading-\[18px\] { line-height: 18px; } @@ -7344,6 +7543,19 @@ details.collapse summary::-webkit-details-marker { .mobile\:leading-\[26px\] { line-height: 26px; } +.mobile\:container { + max-width: 95rem; + width: 100%; + margin-right: auto; + margin-left: auto; + padding-left: 40px; + padding-right: 40px; + + @media (max-width: 1024px) { + padding-left: 20px; + padding-right: 20px; + } +} } @media (min-width: 680px) { @@ -7369,6 +7581,10 @@ details.collapse summary::-webkit-details-marker { left: 1rem; } + .desk\:left-\[141px\] { + left: 141px; + } + .desk\:left-\[19\.338\%\] { left: 19.338%; } @@ -7409,10 +7625,23 @@ details.collapse summary::-webkit-details-marker { top: 1.75rem; } + .desk\:top-\[-40\.12px\] { + top: -40.12px; + } + + .desk\:top-\[163px\] { + top: 163px; + } + .desk\:top-\[415px\] { top: 415px; } + .desk\:mx-\[35px\] { + margin-left: 35px; + margin-right: 35px; + } + .desk\:mx-auto { margin-left: auto; margin-right: auto; @@ -7423,14 +7652,31 @@ details.collapse summary::-webkit-details-marker { margin-bottom: 2.5rem; } + .desk\:my-\[100px\] { + margin-top: 100px; + margin-bottom: 100px; + } + .desk\:mb-5 { margin-bottom: 1.25rem; } + .desk\:mb-\[100px\] { + margin-bottom: 100px; + } + + .desk\:mb-\[145px\] { + margin-bottom: 145px; + } + .desk\:mb-\[30px\] { margin-bottom: 30px; } + .desk\:mb-\[50px\] { + margin-bottom: 50px; + } + .desk\:mr-\[33px\] { margin-right: 33px; } @@ -7455,6 +7701,10 @@ details.collapse summary::-webkit-details-marker { margin-top: 1.25rem; } + .desk\:mt-8 { + margin-top: 2rem; + } + .desk\:mt-\[30px\] { margin-top: 30px; } @@ -7487,10 +7737,18 @@ details.collapse summary::-webkit-details-marker { height: 295px; } + .desk\:h-\[476px\] { + height: 476px; + } + .desk\:h-\[55px\] { height: 55px; } + .desk\:h-\[67px\] { + height: 67px; + } + .desk\:h-\[unset\] { height: unset; } @@ -7515,6 +7773,10 @@ details.collapse summary::-webkit-details-marker { width: 2.5rem; } + .desk\:w-\[1px\] { + width: 1px; + } + .desk\:w-\[209px\] { width: 209px; } @@ -7531,6 +7793,10 @@ details.collapse summary::-webkit-details-marker { width: 443px; } + .desk\:w-\[476px\] { + width: 476px; + } + .desk\:w-\[73px\] { width: 73px; } @@ -7551,6 +7817,10 @@ details.collapse summary::-webkit-details-marker { min-width: 280px; } + .desk\:min-w-\[476px\] { + min-width: 476px; + } + .desk\:min-w-\[587px\] { min-width: 587px; } @@ -7612,10 +7882,18 @@ details.collapse summary::-webkit-details-marker { grid-template-columns: 133px 1fr; } + .desk\:grid-cols-\[162px_1fr\] { + grid-template-columns: 162px 1fr; + } + .desk\:grid-cols-\[185px_1fr_443px\] { grid-template-columns: 185px 1fr 443px; } + .desk\:grid-cols-\[1fr_453px\] { + grid-template-columns: 1fr 453px; + } + .desk\:grid-cols-\[265px_1fr\] { grid-template-columns: 265px 1fr; } @@ -7772,6 +8050,11 @@ details.collapse summary::-webkit-details-marker { padding-bottom: 30px; } + .desk\:py-\[42px\] { + padding-top: 42px; + padding-bottom: 42px; + } + .desk\:pb-0 { padding-bottom: 0px; } @@ -7813,6 +8096,18 @@ details.collapse summary::-webkit-details-marker { line-height: 2.25rem; } + .desk\:text-\[13px\] { + font-size: 13px; + } + + .desk\:text-\[14px\] { + font-size: 14px; + } + + .desk\:text-\[28px\] { + font-size: 28px; + } + .desk\:text-\[40px\] { font-size: 40px; } @@ -7852,6 +8147,14 @@ details.collapse summary::-webkit-details-marker { line-height: 1rem; } + .desk\:leading-5 { + line-height: 1.25rem; + } + + .desk\:leading-8 { + line-height: 2rem; + } + .desk\:leading-\[14px\] { line-height: 14px; } @@ -7863,8 +8166,20 @@ details.collapse summary::-webkit-details-marker { .desk\:leading-\[52\.8px\] { line-height: 52.8px; } +.desk\:container { + max-width: 95rem; + width: 100%; + margin-right: auto; + margin-left: auto; + padding-left: 40px; + padding-right: 40px; - .group:hover .desk\:group-hover\:block { + @media (max-width: 1024px) { + padding-left: 20px; + padding-right: 20px; + } +} +.group:hover .desk\:group-hover\:block { display: block; } } @@ -7972,6 +8287,31 @@ details.collapse summary::-webkit-details-marker { --tw-text-opacity: 1; color: rgb(126 127 136 / var(--tw-text-opacity)); } +.\[\&\>ul\>li\>p\]\:inline>ul>li>p { + display: inline; +} +.\[\&\>ul\]\:list-disc>ul { + list-style-type: disc; +} +.\[\&\>ul\]\:text-center>ul { + text-align: center; +} +@media (max-width: 1023px) { + + .mobile\:\[\&\>ul\]\:ml-\[15px\]>ul { + margin-left: 15px; + } + + .mobile\:\[\&\>ul\]\:text-left>ul { + text-align: left; + } +} +@media (min-width: 1024px) { + + .desk\:\[\&\>ul\]\:list-inside>ul { + list-style-position: inside; + } +} .\[\&\[disabled\]\]\:border-\[\#C5C5C5\][disabled] { --tw-border-opacity: 1; border-color: rgb(197 197 197 / var(--tw-border-opacity)); diff --git a/tailwind.css b/tailwind.css index 39a06db..1801c34 100644 --- a/tailwind.css +++ b/tailwind.css @@ -23,17 +23,19 @@ } } -.container { - max-width: 95rem; - width: 100%; - margin-right: auto; - margin-left: auto; - padding-left: 40px; - padding-right: 40px; - - @media (max-width: 1024px) { - padding-left: 20px; - padding-right: 20px; +@layer utilities { + .container { + max-width: 95rem; + width: 100%; + margin-right: auto; + margin-left: auto; + padding-left: 40px; + padding-right: 40px; + + @media (max-width: 1024px) { + padding-left: 20px; + padding-right: 20px; + } } }