Skip to content

Commit

Permalink
FAQ
Browse files Browse the repository at this point in the history
  • Loading branch information
@lazoliver
lazoliver committed May 20, 2023
1 parent e363a86 commit c6f3b04
Show file tree
Hide file tree
Showing 5 changed files with 173 additions and 50 deletions.
2 changes: 1 addition & 1 deletion .frsh/tailwind.css
View file

Large diffs are not rendered by default.

94 changes: 48 additions & 46 deletions live.gen.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,32 +6,33 @@ import config from "./deno.json" assert { type: "json" };
import { DecoManifest } from "$live/types.ts";
import * as $$$$0 from "./routes/styles.css.ts";
import * as $$$$1 from "./routes/_app.tsx";
import * as $$$$$0 from "./islands/Newsletter.tsx";
import * as $$$$$1 from "./islands/WishlistButton.tsx";
import * as $$$$$2 from "./islands/ShippingSimulation.tsx";
import * as $$$$$0 from "./islands/AddToCartButton.tsx";
import * as $$$$$1 from "./islands/HeaderButton.tsx";
import * as $$$$$2 from "./islands/HeaderModals.tsx";
import * as $$$$$3 from "./islands/HeaderSearchbar.tsx";
import * as $$$$$4 from "./islands/HeaderButton.tsx";
import * as $$$$$5 from "./islands/AddToCartButton.tsx";
import * as $$$$$6 from "./islands/HeaderModals.tsx";
import * as $$$$$7 from "./islands/SliderJS.tsx";
import * as $$$$$8 from "./islands/ProductImageZoom.tsx";
import * as $$$$$9 from "./islands/OutOfStock.tsx";
import * as $$$$$10 from "./islands/SearchControls.tsx";
import * as $$$$$$$$0 from "./sections/WishlistGallery.tsx";
import * as $$$$$$$$1 from "./sections/LinkTree.tsx";
import * as $$$$$$$$2 from "./sections/Features.tsx";
import * as $$$$$$$$3 from "./sections/BannerPLP.tsx";
import * as $$$$$$$$4 from "./sections/BannerGrid.tsx";
import * as $$$$$$$$5 from "./sections/SearchResult.tsx";
import * as $$$$$$$$6 from "./sections/ProductShelf.tsx";
import * as $$$$$4 from "./islands/Newsletter.tsx";
import * as $$$$$5 from "./islands/OutOfStock.tsx";
import * as $$$$$6 from "./islands/ProductImageZoom.tsx";
import * as $$$$$7 from "./islands/SearchControls.tsx";
import * as $$$$$8 from "./islands/ShippingSimulation.tsx";
import * as $$$$$9 from "./islands/SliderJS.tsx";
import * as $$$$$10 from "./islands/WishlistButton.tsx";
import * as $$$$$$$$0 from "./sections/BannerGrid.tsx";
import * as $$$$$$$$1 from "./sections/BannerPLP.tsx";
import * as $$$$$$$$2 from "./sections/Carousel.tsx";
import * as $$$$$$$$3 from "./sections/CookieConsent.tsx";
import * as $$$$$$$$4 from "./sections/DesignSystem.tsx";
import * as $$$$$$$$5 from "./sections/Faq.tsx";
import * as $$$$$$$$6 from "./sections/Features.tsx";
import * as $$$$$$$$7 from "./sections/Footer.tsx";
import * as $$$$$$$$8 from "./sections/CookieConsent.tsx";
import * as $$$$$$$$9 from "./sections/DesignSystem.tsx";
import * as $$$$$$$$10 from "./sections/Header.tsx";
import * as $$$$$$$$8 from "./sections/Header.tsx";
import * as $$$$$$$$9 from "./sections/Highlights.tsx";
import * as $$$$$$$$10 from "./sections/LinkTree.tsx";
import * as $$$$$$$$11 from "./sections/ProductDetails.tsx";
import * as $$$$$$$$12 from "./sections/Highlights.tsx";
import * as $$$$$$$$13 from "./sections/WhatsApp.tsx";
import * as $$$$$$$$14 from "./sections/Carousel.tsx";
import * as $$$$$$$$12 from "./sections/ProductShelf.tsx";
import * as $$$$$$$$13 from "./sections/SearchResult.tsx";
import * as $$$$$$$$14 from "./sections/WhatsApp.tsx";
import * as $$$$$$$$15 from "./sections/WishlistGallery.tsx";
import * as $live_middleware from "$live/routes/_middleware.ts";
import * as $live_workbench from "$live/routes/live/workbench.ts";
import * as $live_invoke from "$live/routes/live/invoke/index.ts";
Expand Down Expand Up @@ -155,37 +156,38 @@ const manifest = {
"./routes/styles.css.ts": $$$$0,
},
"islands": {
"./islands/AddToCartButton.tsx": $$$$$5,
"./islands/HeaderButton.tsx": $$$$$4,
"./islands/HeaderModals.tsx": $$$$$6,
"./islands/AddToCartButton.tsx": $$$$$0,
"./islands/HeaderButton.tsx": $$$$$1,
"./islands/HeaderModals.tsx": $$$$$2,
"./islands/HeaderSearchbar.tsx": $$$$$3,
"./islands/Newsletter.tsx": $$$$$0,
"./islands/OutOfStock.tsx": $$$$$9,
"./islands/ProductImageZoom.tsx": $$$$$8,
"./islands/SearchControls.tsx": $$$$$10,
"./islands/ShippingSimulation.tsx": $$$$$2,
"./islands/SliderJS.tsx": $$$$$7,
"./islands/WishlistButton.tsx": $$$$$1,
"./islands/Newsletter.tsx": $$$$$4,
"./islands/OutOfStock.tsx": $$$$$5,
"./islands/ProductImageZoom.tsx": $$$$$6,
"./islands/SearchControls.tsx": $$$$$7,
"./islands/ShippingSimulation.tsx": $$$$$8,
"./islands/SliderJS.tsx": $$$$$9,
"./islands/WishlistButton.tsx": $$$$$10,
},
"sections": {
"$live/sections/PageInclude.tsx": i2$$$$0,
"$live/sections/Slot.tsx": i2$$$$1,
"$live/sections/UseSlot.tsx": i2$$$$2,
"deco-sites/fashion/sections/BannerGrid.tsx": $$$$$$$$4,
"deco-sites/fashion/sections/BannerPLP.tsx": $$$$$$$$3,
"deco-sites/fashion/sections/Carousel.tsx": $$$$$$$$14,
"deco-sites/fashion/sections/CookieConsent.tsx": $$$$$$$$8,
"deco-sites/fashion/sections/DesignSystem.tsx": $$$$$$$$9,
"deco-sites/fashion/sections/Features.tsx": $$$$$$$$2,
"deco-sites/fashion/sections/BannerGrid.tsx": $$$$$$$$0,
"deco-sites/fashion/sections/BannerPLP.tsx": $$$$$$$$1,
"deco-sites/fashion/sections/Carousel.tsx": $$$$$$$$2,
"deco-sites/fashion/sections/CookieConsent.tsx": $$$$$$$$3,
"deco-sites/fashion/sections/DesignSystem.tsx": $$$$$$$$4,
"deco-sites/fashion/sections/Faq.tsx": $$$$$$$$5,
"deco-sites/fashion/sections/Features.tsx": $$$$$$$$6,
"deco-sites/fashion/sections/Footer.tsx": $$$$$$$$7,
"deco-sites/fashion/sections/Header.tsx": $$$$$$$$10,
"deco-sites/fashion/sections/Highlights.tsx": $$$$$$$$12,
"deco-sites/fashion/sections/LinkTree.tsx": $$$$$$$$1,
"deco-sites/fashion/sections/Header.tsx": $$$$$$$$8,
"deco-sites/fashion/sections/Highlights.tsx": $$$$$$$$9,
"deco-sites/fashion/sections/LinkTree.tsx": $$$$$$$$10,
"deco-sites/fashion/sections/ProductDetails.tsx": $$$$$$$$11,
"deco-sites/fashion/sections/ProductShelf.tsx": $$$$$$$$6,
"deco-sites/fashion/sections/SearchResult.tsx": $$$$$$$$5,
"deco-sites/fashion/sections/WhatsApp.tsx": $$$$$$$$13,
"deco-sites/fashion/sections/WishlistGallery.tsx": $$$$$$$$0,
"deco-sites/fashion/sections/ProductShelf.tsx": $$$$$$$$12,
"deco-sites/fashion/sections/SearchResult.tsx": $$$$$$$$13,
"deco-sites/fashion/sections/WhatsApp.tsx": $$$$$$$$14,
"deco-sites/fashion/sections/WishlistGallery.tsx": $$$$$$$$15,
"deco-sites/std/sections/Analytics.tsx": i2$$$$3,
"deco-sites/std/sections/configButterCMS.global.tsx": i2$$$$4,
"deco-sites/std/sections/configOCC.global.tsx": i2$$$$5,
Expand Down
66 changes: 63 additions & 3 deletions schemas.gen.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,6 +85,7 @@
"deco-sites/fashion/sections/Carousel.tsx",
"deco-sites/fashion/sections/CookieConsent.tsx",
"deco-sites/fashion/sections/DesignSystem.tsx",
"deco-sites/fashion/sections/Faq.tsx",
"deco-sites/fashion/sections/Features.tsx",
"deco-sites/fashion/sections/Footer.tsx",
"deco-sites/fashion/sections/Header.tsx",
Expand Down Expand Up @@ -7502,7 +7503,7 @@
"required": [],
"title": "OptionalColors"
},
"ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0Rlc2lnblN5c3RlbS50c3g=@Colors&b966eeb0bbdb3699ee11b12ce6a39cc4": {
"ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0Rlc2lnblN5c3RlbS50c3g=@8190329775be8b03b88950aff3e50c92&Colors": {
"allOf": [
{
"$ref": "#/definitions/ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0Rlc2lnblN5c3RlbS50c3g=@Colors"
Expand All @@ -7518,7 +7519,7 @@
"required": []
}
],
"title": "Colors&b966eeb0bbdb3699ee11b12ce6a39cc4"
"title": "8190329775be8b03b88950aff3e50c92&Colors"
},
"ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0Rlc2lnblN5c3RlbS50c3g=@Miscellaneous": {
"type": "object",
Expand Down Expand Up @@ -7621,7 +7622,7 @@
"type": "object",
"properties": {
"colors": {
"$ref": "#/definitions/ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0Rlc2lnblN5c3RlbS50c3g=@Colors&b966eeb0bbdb3699ee11b12ce6a39cc4",
"$ref": "#/definitions/ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0Rlc2lnblN5c3RlbS50c3g=@8190329775be8b03b88950aff3e50c92&Colors",
"title": "Colors"
},
"miscellaneous": {
Expand All @@ -7636,6 +7637,41 @@
"required": [],
"title": "deco-sites/fashion/sections/DesignSystem.tsx@Props"
},
"ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0ZhcS50c3g=@Props": {
"type": "object",
"properties": {
"contact": {
"type": "string",
"title": "Contact"
},
"questions": {
"type": "array",
"items": {
"type": "object",
"properties": {
"question": {
"type": "string",
"title": "Question"
},
"answer": {
"type": "string",
"title": "Answer"
}
},
"required": [
"question",
"answer"
]
},
"title": "Questions"
}
},
"required": [
"contact",
"questions"
],
"title": "deco-sites/fashion/sections/Faq.tsx@Props"
},
"ZGVjby1zaXRlcy9mYXNoaW9uL2NvbXBvbmVudHMvdWkvRmVhdHVyZXMudHN4@Feature": {
"type": "object",
"properties": {
Expand Down Expand Up @@ -10904,6 +10940,27 @@
}
}
},
"ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0ZhcS50c3g=": {
"title": "deco-sites/fashion/sections/Faq.tsx",
"type": "object",
"allOf": [
{
"$ref": "#/definitions/ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0ZhcS50c3g=@Props"
}
],
"required": [
"__resolveType"
],
"properties": {
"__resolveType": {
"type": "string",
"enum": [
"deco-sites/fashion/sections/Faq.tsx"
],
"default": "deco-sites/fashion/sections/Faq.tsx"
}
}
},
"ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0ZlYXR1cmVzLnRzeA==": {
"title": "deco-sites/fashion/sections/Features.tsx",
"type": "object",
Expand Down Expand Up @@ -12253,6 +12310,9 @@
{
"$ref": "#/definitions/ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0Rlc2lnblN5c3RlbS50c3g="
},
{
"$ref": "#/definitions/ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0ZhcS50c3g="
},
{
"$ref": "#/definitions/ZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0ZlYXR1cmVzLnRzeA=="
},
Expand Down
35 changes: 35 additions & 0 deletions sections/Faq.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
export interface Props {
contact: string;
questions: Array<{
question: string;
answer: string
}>;
}

export default function FAQ({ questions, contact }: Props) {
return (
<div class="base-500">
<div class="container sm:w-1/2 px-4 my-16">
<h2 class="text-5xl text-center mb-6">FAQs</h2>
<p class="text-lg text-center mb-20 p-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
<ul>
{questions.map(({
question, answer
}) =>
<div tabIndex={0} class="collapse collapse-arrow">
<div>
<li class="collapse-title border-t text-xl font-medium px-0">{question}</li>
</div>
<div class="collapse-content px-0 collapse-close">
<li>{answer}</li>
</div>
</div>
)}
</ul>
<h3 class="text-4xl text-center mt-20 mb-3 p-text">Still have a question?</h3>
<p class="text-lg text-center mb-6 p-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href={contact} class="my-btn">Contact</a>
</div>
</div>
)
}
26 changes: 26 additions & 0 deletions tailwind.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,4 +42,30 @@
.scrollbar-none::-webkit-scrollbar {
display: none;
}
}
.p-text{padding: 0 11%}
.my-16{
margin-bottom: 4rem;
margin-top: 4rem
}
.my-btn{
background: #273746;
color: #fff;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 24px;
max-width: 83px;
margin: 0 auto;
padding: 12px 8px;
text-align: center;
transition: ease all .5s;
}
.my-btn:hover{
background: #385168;
transition: ease all .5s;
}
.collapse-arrow .collapse-title:after{right: .3rem;}
@media screen and (max-width: 463px){
.p-text{padding: 0 19%}
}

0 comments on commit c6f3b04

Please sign in to comment.