feat: add footer drSquatch page
This commit is contained in:
Nam Doan
@@ -129,7 +129,7 @@
|
||||
{
|
||||
"Button": {
|
||||
"config": {
|
||||
"icon": "user",
|
||||
"icon": "User",
|
||||
"className": "shadow-none bg-transparent text-white hover:text-black"
|
||||
}
|
||||
}
|
||||
@@ -169,7 +169,447 @@
|
||||
{
|
||||
"Footer": {
|
||||
"config": {
|
||||
"copyrightText": "© 2025 MyShop"
|
||||
"className": "content-container flex w-full bg-[#1f3521]",
|
||||
"children": [
|
||||
{
|
||||
"Section": {
|
||||
"config": {
|
||||
"className": "grid grid-cols-2 w-full py-[40px]"
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"Section": {
|
||||
"config": {
|
||||
"className": "flex mr-8 gap-1 w-full gap-6"
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"Section": {
|
||||
"config": {
|
||||
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Help",
|
||||
"href": "/",
|
||||
"className": "text-[16px] leading-[125%] text-white flex hover:text-white font-bold"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "FAQ",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[160%] text-white flex mr-8 gap-1 hover:bg-transparent hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Track My Order",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Store policies",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Contact us",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"Section": {
|
||||
"config": {
|
||||
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Shop",
|
||||
"href": "/",
|
||||
"className": "text-[16px] leading-[125%] text-white flex hover:text-white font-bold"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "FAQ",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[160%] text-white flex mr-8 gap-1 hover:bg-transparent hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Track My Order",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Store policies",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Contact us",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"Section": {
|
||||
"config": {
|
||||
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Info",
|
||||
"href": "/",
|
||||
"className": "text-[16px] leading-[125%] text-white flex hover:text-white font-bold"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "FAQ",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[160%] text-white flex mr-8 gap-1 hover:bg-transparent hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Track My Order",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Store policies",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Contact us",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Link": {
|
||||
"config": {
|
||||
"label": "Placeholder",
|
||||
"href": "/",
|
||||
"className": "text-[14px] leading-[125%] text-white flex hover:text-white font-extralight"
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"Section": {
|
||||
"config": {
|
||||
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"Image": {
|
||||
"config": {
|
||||
"src": "/b-corp-logo.webp",
|
||||
"alt": "B Corp Logo",
|
||||
"className": "w-[96px] h-[118px]"
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"Section": {
|
||||
"config": {
|
||||
"className": "flex mr-8 gap-1 w-full flex-col gap-6"
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"Text": {
|
||||
"config": {
|
||||
"label": "Don't miss out on hot deals! Sign up and get up to 30% off.",
|
||||
"className": "text-[16px] leading-[125%] text-white flex font-bold"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Section": {
|
||||
"config": {
|
||||
"className": "flex w-full flex gap-6"
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"Input": {
|
||||
"config": {
|
||||
"placeholder": "Enter your email address",
|
||||
"className": "w-[75%] rounded-md h-[48px] px-[16px] text-[16px] leading-[125%] text-white flex font-bold"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Button": {
|
||||
"config": {
|
||||
"label": "Sign up",
|
||||
"className": "w-[25%] rounded-md bg-[#cc6328] h-[48px] px-[16px] text-[16px] leading-[125%] text-white flex font-bold"
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"Section": {
|
||||
"config": {
|
||||
"className": "flex w-full flex"
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"Button": {
|
||||
"config": {
|
||||
"icon": "Twitter",
|
||||
"className": "text-white flex justify-start gap-1 shadow-none w-[50px] bg-transparent hover:bg-transparent"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Button": {
|
||||
"config": {
|
||||
"icon": "Twitter",
|
||||
"className": "text-white flex justify-start gap-1 shadow-none w-[50px] bg-transparent hover:bg-transparent"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Button": {
|
||||
"config": {
|
||||
"icon": "Twitter",
|
||||
"className": "text-white flex justify-start gap-1 shadow-none w-[50px] bg-transparent hover:bg-transparent"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Button": {
|
||||
"config": {
|
||||
"icon": "Twitter",
|
||||
"className": "text-white flex justify-start gap-1 shadow-none w-[50px] bg-transparent hover:bg-transparent"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Button": {
|
||||
"config": {
|
||||
"icon": "Twitter",
|
||||
"className": "text-white flex justify-start gap-1 shadow-none w-[50px] bg-transparent hover:bg-transparent"
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"Section": {
|
||||
"config": {
|
||||
"className": "flex justify-center col-span-full w-full gap-1"
|
||||
},
|
||||
"children": [
|
||||
{
|
||||
"Text": {
|
||||
"config": {
|
||||
"label": "DR. SQUATCH is a registered trademark of Dr. Squatch, LLC © 2025, Dr. Squatch, LLC All rights reserved.",
|
||||
"className": "text-[11px] mt-[3rem] leading-[125%] text-white flex"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Text":{
|
||||
"config":{
|
||||
"label":"Terms of Use",
|
||||
"className":"text-[11px] mt-[3rem] leading-[125%] text-orange-500 flex"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Text":{
|
||||
"config":{
|
||||
"label":"|",
|
||||
"className":"text-[11px] mt-[3rem] leading-[125%] text-white flex"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"Text":{
|
||||
"config":{
|
||||
"label":"Privacy Policy",
|
||||
"className":"text-[11px] mt-[3rem] leading-[125%] text-orange-500 flex"
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -204,7 +204,6 @@
|
||||
{
|
||||
"Footer": {
|
||||
"config": {
|
||||
"copyrightText": "© 2025 MyShop",
|
||||
"children": [
|
||||
{
|
||||
"Image": {
|
||||
|
||||
Reference in New Issue
Block a user