Add files via upload
This commit is contained in:
Hamidreza Eidy
@@ -1 +1,75 @@
|
|||||||
# javaneh
|
# Nuxt 3 Minimal Starter
|
||||||
|
|
||||||
|
Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
|
||||||
|
|
||||||
|
## Setup
|
||||||
|
|
||||||
|
Make sure to install the dependencies:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm
|
||||||
|
npm install
|
||||||
|
|
||||||
|
# pnpm
|
||||||
|
pnpm install
|
||||||
|
|
||||||
|
# yarn
|
||||||
|
yarn install
|
||||||
|
|
||||||
|
# bun
|
||||||
|
bun install
|
||||||
|
```
|
||||||
|
|
||||||
|
## Development Server
|
||||||
|
|
||||||
|
Start the development server on `http://localhost:3000`:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm
|
||||||
|
npm run dev
|
||||||
|
|
||||||
|
# pnpm
|
||||||
|
pnpm run dev
|
||||||
|
|
||||||
|
# yarn
|
||||||
|
yarn dev
|
||||||
|
|
||||||
|
# bun
|
||||||
|
bun run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
## Production
|
||||||
|
|
||||||
|
Build the application for production:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm
|
||||||
|
npm run build
|
||||||
|
|
||||||
|
# pnpm
|
||||||
|
pnpm run build
|
||||||
|
|
||||||
|
# yarn
|
||||||
|
yarn build
|
||||||
|
|
||||||
|
# bun
|
||||||
|
bun run build
|
||||||
|
```
|
||||||
|
|
||||||
|
Locally preview production build:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm
|
||||||
|
npm run preview
|
||||||
|
|
||||||
|
# pnpm
|
||||||
|
pnpm run preview
|
||||||
|
|
||||||
|
# yarn
|
||||||
|
yarn preview
|
||||||
|
|
||||||
|
# bun
|
||||||
|
bun run preview
|
||||||
|
```
|
||||||
|
|
||||||
|
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
|
||||||
|
|||||||
@@ -0,0 +1,4 @@
|
|||||||
|
<template>
|
||||||
|
<NuxtPage />
|
||||||
|
<NuxtLayout name="footer"/>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Iransans';
|
||||||
|
src: url('/public/fonts/IRANSansWebFaNum.woff2');
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
direction: rtl;
|
||||||
|
font-family: 'Iransans';
|
||||||
|
background-color: #FAF6F9;
|
||||||
|
max-width: 100vw;
|
||||||
|
overflow-x: hidden !important;
|
||||||
|
}
|
||||||
|
.animate{
|
||||||
|
-webkit-animation:spin 0.5s linear infinite;
|
||||||
|
-moz-animation:spin 0.5s linear infinite;
|
||||||
|
animation:spin 0.3s linear infinite;
|
||||||
|
}
|
||||||
|
.line2{
|
||||||
|
stroke: black;
|
||||||
|
}
|
||||||
|
.header {
|
||||||
|
background-image: url("/public/images/headerImg.jpg");
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
@media (min-width: 1024px) {
|
||||||
|
.header{
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.test{
|
||||||
|
background-image: linear-gradient(to bottom, rgba(255,255,255,0), #FAF6F9 70%);
|
||||||
|
width: 100%;
|
||||||
|
height: 150px;
|
||||||
|
margin-top: -130px;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,156 @@
|
|||||||
|
<template>
|
||||||
|
<div class="flex justify-center">
|
||||||
|
<div class="w-[81%] lg:w-[52.96%] my-[8vw] grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||||
|
<div
|
||||||
|
class="flex flex-col items-center justify-between space-y-5 h-auto lg:h-[35.99vw] bg-white rounded-[500px] lg:rounded-[26.042vw]"
|
||||||
|
>
|
||||||
|
<div class="flex flex-col items-center">
|
||||||
|
<img
|
||||||
|
src="/public/images/catalog1.jpg"
|
||||||
|
alt=""
|
||||||
|
class="mt-[15vw] lg:mt-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw] rounded-full"
|
||||||
|
/>
|
||||||
|
<p class="mt-[3vw] lg:mt-[1vw] text-[5.11vw] lg:text-[1.055vw] text-[#383E43] font-semibold">کاتالوگ</p>
|
||||||
|
<p class="text-[3.59vw] lg:text-[0.833vw] flex items-center border-b mt-[12vw] lg:mt-[3.5vw] pb-[0.3vw] text-[#A62186]">
|
||||||
|
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683V13.7502C20.1663 18.3335 18.333 20.1668 13.7497 20.1668H8.24967C3.66634 20.1668 1.83301 18.3335 1.83301 13.7502V8.25016C1.83301 3.66683 3.66634 1.8335 8.24967 1.8335H12.833" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683H16.4997C13.7497 9.16683 12.833 8.25016 12.833 5.50016V1.8335L20.1663 9.16683Z" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
دانلود کاتالوگ</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex flex-col items-center !m-0">
|
||||||
|
<p class="text-[3.59vw] lg:text-[0.833vw] mt-[1vw] lg:mt-0 mb-[3.5vw] flex items-center text-[#A62186]">
|
||||||
|
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683V13.7502C20.1663 18.3335 18.333 20.1668 13.7497 20.1668H8.24967C3.66634 20.1668 1.83301 18.3335 1.83301 13.7502V8.25016C1.83301 3.66683 3.66634 1.8335 8.24967 1.8335H12.833" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683H16.4997C13.7497 9.16683 12.833 8.25016 12.833 5.50016V1.8335L20.1663 9.16683Z" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
دانلود کاتالوگ</p>
|
||||||
|
<p class="
|
||||||
|
mb-[3vw] mt-[8vw] lg:mt-0 lg:mb-[1vw] text-[5.11vw] lg:text-[1.055vw]
|
||||||
|
text-[1.055vw] text-[#383E43] font-semibold" >کاتالوگ</p>
|
||||||
|
<img
|
||||||
|
src="/public/images/catalog1.jpg"
|
||||||
|
alt=""
|
||||||
|
class="
|
||||||
|
mb-[15vw] lg:mb-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw]
|
||||||
|
rounded-full"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="flex flex-col items-center justify-between space-y-5 h-auto lg:h-[35.99vw] bg-white rounded-[500px] lg:rounded-[26.042vw]"
|
||||||
|
>
|
||||||
|
<div class="flex flex-col items-center">
|
||||||
|
<img
|
||||||
|
src="/public/images/catalog1.jpg"
|
||||||
|
alt=""
|
||||||
|
class="mt-[15vw] lg:mt-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw] rounded-full"
|
||||||
|
/>
|
||||||
|
<p class="mt-[3vw] lg:mt-[1vw] text-[5.11vw] lg:text-[1.055vw] text-[#383E43] font-semibold">کاتالوگ</p>
|
||||||
|
<p class="text-[3.59vw] lg:text-[0.833vw] flex items-center border-b mt-[12vw] lg:mt-[3.5vw] pb-[0.3vw] text-[#A62186]">
|
||||||
|
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683V13.7502C20.1663 18.3335 18.333 20.1668 13.7497 20.1668H8.24967C3.66634 20.1668 1.83301 18.3335 1.83301 13.7502V8.25016C1.83301 3.66683 3.66634 1.8335 8.24967 1.8335H12.833" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683H16.4997C13.7497 9.16683 12.833 8.25016 12.833 5.50016V1.8335L20.1663 9.16683Z" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
دانلود کاتالوگ</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex flex-col items-center !m-0">
|
||||||
|
<p class="text-[3.59vw] lg:text-[0.833vw] mt-[1vw] lg:mt-0 mb-[3.5vw] flex items-center text-[#A62186]">
|
||||||
|
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683V13.7502C20.1663 18.3335 18.333 20.1668 13.7497 20.1668H8.24967C3.66634 20.1668 1.83301 18.3335 1.83301 13.7502V8.25016C1.83301 3.66683 3.66634 1.8335 8.24967 1.8335H12.833" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683H16.4997C13.7497 9.16683 12.833 8.25016 12.833 5.50016V1.8335L20.1663 9.16683Z" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
دانلود کاتالوگ</p>
|
||||||
|
<p class="
|
||||||
|
mb-[3vw] mt-[8vw] lg:mt-0 lg:mb-[1vw] text-[5.11vw] lg:text-[1.055vw]
|
||||||
|
text-[1.055vw] text-[#383E43] font-semibold" >کاتالوگ</p>
|
||||||
|
<img
|
||||||
|
src="/public/images/catalog1.jpg"
|
||||||
|
alt=""
|
||||||
|
class="
|
||||||
|
mb-[15vw] lg:mb-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw]
|
||||||
|
rounded-full"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="flex flex-col items-center justify-between space-y-5 h-auto lg:h-[35.99vw] bg-white rounded-[500px] lg:rounded-[26.042vw]"
|
||||||
|
>
|
||||||
|
<div class="flex flex-col items-center">
|
||||||
|
<img
|
||||||
|
src="/public/images/catalog1.jpg"
|
||||||
|
alt=""
|
||||||
|
class="mt-[15vw] lg:mt-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw] rounded-full"
|
||||||
|
/>
|
||||||
|
<p class="mt-[3vw] lg:mt-[1vw] text-[5.11vw] lg:text-[1.055vw] text-[#383E43] font-semibold">کاتالوگ</p>
|
||||||
|
<p class="text-[3.59vw] lg:text-[0.833vw] flex items-center border-b mt-[12vw] lg:mt-[3.5vw] pb-[0.3vw] text-[#A62186]">
|
||||||
|
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683V13.7502C20.1663 18.3335 18.333 20.1668 13.7497 20.1668H8.24967C3.66634 20.1668 1.83301 18.3335 1.83301 13.7502V8.25016C1.83301 3.66683 3.66634 1.8335 8.24967 1.8335H12.833" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683H16.4997C13.7497 9.16683 12.833 8.25016 12.833 5.50016V1.8335L20.1663 9.16683Z" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
دانلود کاتالوگ</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex flex-col items-center !m-0">
|
||||||
|
<p class="text-[3.59vw] lg:text-[0.833vw] mt-[1vw] lg:mt-0 mb-[3.5vw] flex items-center text-[#A62186]">
|
||||||
|
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683V13.7502C20.1663 18.3335 18.333 20.1668 13.7497 20.1668H8.24967C3.66634 20.1668 1.83301 18.3335 1.83301 13.7502V8.25016C1.83301 3.66683 3.66634 1.8335 8.24967 1.8335H12.833" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M20.1663 9.16683H16.4997C13.7497 9.16683 12.833 8.25016 12.833 5.50016V1.8335L20.1663 9.16683Z" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
دانلود کاتالوگ</p>
|
||||||
|
<p class="
|
||||||
|
mb-[3vw] mt-[8vw] lg:mt-0 lg:mb-[1vw] text-[5.11vw] lg:text-[1.055vw]
|
||||||
|
text-[1.055vw] text-[#383E43] font-semibold" >کاتالوگ</p>
|
||||||
|
<img
|
||||||
|
src="/public/images/catalog1.jpg"
|
||||||
|
alt=""
|
||||||
|
class="
|
||||||
|
mb-[15vw] lg:mb-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw]
|
||||||
|
rounded-full"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,92 @@
|
|||||||
|
|
||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="header h-[76.923vw] lg:h-[48.802vw] text-white flex flex-col items-center"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="z-[1000] h-[8.718vw] lg:h-[3.125vw] w-[8.718vw] lg:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] lg:mt-[1.51vw] me-[6.154vw] lg:me-[1.25vw]"
|
||||||
|
viewBox="0 0 40 40"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<g clip-path="url(#clip0_836_14543)">
|
||||||
|
<path
|
||||||
|
d="M5 11.6667H35"
|
||||||
|
stroke="#A62186"
|
||||||
|
stroke-width="2.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M5 20H35"
|
||||||
|
stroke="#A62186"
|
||||||
|
stroke-width="2.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M5 28.3333H35"
|
||||||
|
stroke="#A62186"
|
||||||
|
stroke-width="2.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_836_14543">
|
||||||
|
<rect width="40" height="40" fill="white" />
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
<img
|
||||||
|
src="/public/images/logo.png"
|
||||||
|
alt="logo"
|
||||||
|
class="absolute mt-[6.154vw] lg:mt-[1.25vw] right-[6.154vw] lg:right-[1.25vw] w-[8.718vw] lg:w-[70px] h-[8.718vw] lg:h-[70px]"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<svg
|
||||||
|
class="animate absolute rotating -top-[59.231vw] lg:-top-[8.8vw] h-[120.513vw] lg:h-[44.688vw] w-[100vw] lg:w-[44.688vw]"
|
||||||
|
viewBox="0 0 858 858"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<circle
|
||||||
|
cx="429"
|
||||||
|
cy="429"
|
||||||
|
r="427.5"
|
||||||
|
stroke="url(#paint0_linear_836_14845)"
|
||||||
|
stroke-width="3"
|
||||||
|
stroke-dasharray="15 15"
|
||||||
|
/>
|
||||||
|
<defs>
|
||||||
|
<linearGradient
|
||||||
|
id="paint0_linear_836_14845"
|
||||||
|
x1="429"
|
||||||
|
y1="0"
|
||||||
|
x2="429"
|
||||||
|
y2="858"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop offset="0.499986" stop-color="white" stop-opacity="0" />
|
||||||
|
<stop offset="1" stop-color="white" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
<h1
|
||||||
|
class="text-[7.277vw] lg:text-[3.718vw] font-[700] mt-[100px] lg:mt-[120px] lg:mt-[9.115vw]"
|
||||||
|
>
|
||||||
|
JAVANEH
|
||||||
|
</h1>
|
||||||
|
<h1 class="text-[4.544vw] lg:text-[1.927vw] font-[500]">
|
||||||
|
فروشگاه محصولات ارگانیک
|
||||||
|
</h1>
|
||||||
|
<p class="hidden lg:block text-[0.938vw] w-[40vw] text-center mt-[0.3vw]">
|
||||||
|
وب سایت جوانه شرکتی در حوزه تامین و توزیع محصولات طبیعی، ارگانیک و سالم
|
||||||
|
میباشد که این امکان را به مصرف کننده میدهد تا بتواند انواع محصولات تازه را
|
||||||
|
با حق انتخاب و تنوع بسیار بالا و با مناسبترین قیمت داشته باشد.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="test"></div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,92 @@
|
|||||||
|
<template>
|
||||||
|
<div class="bg-white flex justify-center pt-[20vw] lg:pt-[9vw] lg:mt-[8.6vw] lg:pb-[21vw]" dir="rtl">
|
||||||
|
<div class="w-[87.69%] lg:w-[81.04%] flex flex-col flex-col-reverse lg:flex-row">
|
||||||
|
|
||||||
|
<div dir="rtl" class="z-[1] mt-[70vw] lg:mt-0">
|
||||||
|
<svg
|
||||||
|
class="w-[16.154vw] h-[16.154vw] lg:h-[6.979vw] lg:w-[6.979vw]"
|
||||||
|
width="134"
|
||||||
|
height="134"
|
||||||
|
viewBox="0 0 134 134"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M50.2503 122.833H83.7503C111.667 122.833 122.834 111.667 122.834 83.7498V50.2498C122.834 22.3332 111.667 11.1665 83.7503 11.1665H50.2503C22.3337 11.1665 11.167 22.3332 11.167 50.2498V83.7498C11.167 111.667 22.3337 122.833 50.2503 122.833Z"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="10"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M66.9997 86.5418C77.7922 86.5418 86.5413 77.7927 86.5413 67.0002C86.5413 56.2076 77.7922 47.4585 66.9997 47.4585C56.2071 47.4585 47.458 56.2076 47.458 67.0002C47.458 77.7927 56.2071 86.5418 66.9997 86.5418Z"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="10"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M98.4687 39.0832H98.5332"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="10"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
<h2
|
||||||
|
class="pb-[0.6vw] mt-[0.8vw] text-[8.318vw] lg:text-[2.813vw] text-[#383E43] font-[700] max-w-[57.949vw] lg:max-w-[19.531vw]"
|
||||||
|
>
|
||||||
|
مارا در اینستاگرام دنبال کنید
|
||||||
|
</h2>
|
||||||
|
<div class="birder-b border-[1px] w-[40vw] lg:w-[13vw]"></div>
|
||||||
|
<p class="pb-[20vw] lg:pb-0 flex items-center mt-[1.7vw] text-[4.038vw] lg:text-[1.055vw] text-[#878787]">
|
||||||
|
دنبال کردن
|
||||||
|
<svg
|
||||||
|
class="ms-5 h-[6.667vw] w-[6.667vw] lg:h-[2.604vw] lg:w-[2.604vw]"
|
||||||
|
width="2.604vw"
|
||||||
|
height="2.604vw"
|
||||||
|
viewBox="0 0 50 50"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M25.0003 45.8332C36.5063 45.8332 45.8337 36.5058 45.8337 24.9998C45.8337 13.4939 36.5063 4.1665 25.0003 4.1665C13.4944 4.1665 4.16699 13.4939 4.16699 24.9998C4.16699 36.5058 13.4944 45.8332 25.0003 45.8332Z"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M32.292 25H19.792"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M23.958 18.75L17.708 25L23.958 31.25"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="relative ms-0 lg:ms-[6.8vw] gallery w-full lg:w-[32.604vw] h-[32.604vw]">
|
||||||
|
<div class="grid grid-cols-2">
|
||||||
|
<img src="/public/images/gallery1.jpg" class="h-[43.846vw] lg:h-[16.302vw] object-cover w-full " alt="">
|
||||||
|
<img src="/public/images/gallery2.jpg" class="h-[43.846vw] lg:h-[16.302vw] h-[16.302vw] object-cover w-full" alt="">
|
||||||
|
<img src="/public/images/gallery3.jpg" class="h-[43.846vw] lg:h-[16.302vw] h-[16.302vw] object-cover w-full" alt="">
|
||||||
|
<img src="/public/images/gallery1.jpg" class="h-[43.846vw] lg:h-[16.302vw] h-[16.302vw] object-cover w-full" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="hidden lg:block -left-[21.5vw] top-[5.6vw] absolute h-[41.042vw] w-[23.438vw]">
|
||||||
|
<img src="/public/images/gallery4.jpg" class="h-[20.521vw] object-cover w-full" alt="">
|
||||||
|
<img src="/public/images/gallery5.jpg" class="h-[20.521vw] object-cover w-full" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,197 @@
|
|||||||
|
<template>
|
||||||
|
<div class="flex flex-col lg:flex-row pb-[15vw] lg:pb-0 px-[2vw] pt-[6.5vw]">
|
||||||
|
<div class="w-full lg:w-[35%] flex flex-col ps-[8vw] lg:ps-0">
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<p
|
||||||
|
class="mt-[2vw] lg:mt-0 lg:py-0 py-[3vw] text-[4.544vw] lg:text-[1.481vw] text-[#383E43] font-semibold"
|
||||||
|
>
|
||||||
|
رسانه
|
||||||
|
</p>
|
||||||
|
<svg
|
||||||
|
class="hidden lg:block"
|
||||||
|
width="112"
|
||||||
|
height="50"
|
||||||
|
viewBox="0 0 112 50"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<circle cx="25" cy="25" r="24.5" stroke="#383E43" />
|
||||||
|
<g clip-path="url(#clip0_836_14506)">
|
||||||
|
<path
|
||||||
|
d="M27.9998 32.9201L21.4798 26.4001C20.7098 25.6301 20.7098 24.3701 21.4798 23.6001L27.9998 17.0801"
|
||||||
|
stroke="#383E43"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-miterlimit="10"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<circle
|
||||||
|
cx="87"
|
||||||
|
cy="25"
|
||||||
|
r="24.5"
|
||||||
|
transform="rotate(-180 87 25)"
|
||||||
|
stroke="#878787"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M84.0002 17.0799L90.5202 23.5999C91.2902 24.3699 91.2902 25.6299 90.5202 26.3999L84.0002 32.9199"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-miterlimit="10"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_836_14506">
|
||||||
|
<rect
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
fill="white"
|
||||||
|
transform="translate(13 13)"
|
||||||
|
/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mt-[1vw] space-y-[1vw] text-[#878787]">
|
||||||
|
<p class="flex items-center">
|
||||||
|
<svg
|
||||||
|
class="w-[3.333vw] lg:w-[16px] h-[3.333vw] lg:h-[16px]"
|
||||||
|
height="16"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<circle cx="8" cy="8" r="7.5" fill="#FAF6F9" stroke="#383E43" />
|
||||||
|
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||||
|
</svg>
|
||||||
|
<span
|
||||||
|
class="ps-3 text-[3.59vw] lg:text-[0.938vw] font-semibold text-black"
|
||||||
|
>
|
||||||
|
فواید و مضرات مصرف گندم
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p class="items-center hidden lg:flex">
|
||||||
|
<svg
|
||||||
|
width="16"
|
||||||
|
height="16"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<circle cx="8" cy="8" r="7.5" fill="#FAF6F9" stroke="#383E43" />
|
||||||
|
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||||
|
</svg>
|
||||||
|
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||||
|
فواید و مضرات مصرف گندم
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<p class=" items-center hidden lg:flex">
|
||||||
|
<svg
|
||||||
|
width="16"
|
||||||
|
height="16"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<circle cx="8" cy="8" r="7.5" fill="#FAF6F9" stroke="#383E43" />
|
||||||
|
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||||
|
</svg>
|
||||||
|
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||||
|
فواید و مضرات مصرف گندم
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p class=" items-center hidden lg:flex">
|
||||||
|
<svg
|
||||||
|
width="16"
|
||||||
|
height="16"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<circle cx="8" cy="8" r="7.5" fill="#FAF6F9" stroke="#383E43" />
|
||||||
|
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||||
|
</svg>
|
||||||
|
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||||
|
فواید و مضرات مصرف گندم
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p class=" items-center hidden lg:flex">
|
||||||
|
<svg
|
||||||
|
width="16"
|
||||||
|
height="16"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<circle cx="8" cy="8" r="7.5" fill="#FAF6F9" stroke="#383E43" />
|
||||||
|
<circle cx="8" cy="8" r="2" fill="#383E43" />
|
||||||
|
</svg>
|
||||||
|
<span class="ps-3 text-[0.938vw] font-semibold">
|
||||||
|
فواید و مضرات مصرف گندم
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<button
|
||||||
|
class="hidden lg:flex text-[0.833vw] border-[1px] px-[1.302vw] py-[0.625vw] rounded-[10px]"
|
||||||
|
>
|
||||||
|
ادامه مطلب
|
||||||
|
<svg
|
||||||
|
class="ms-3"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9.57 5.93018L3.5 12.0002L9.57 18.0702"
|
||||||
|
stroke="#383E43"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-miterlimit="10"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M20.4999 12H3.66992"
|
||||||
|
stroke="#383E43"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-miterlimit="10"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mt-[8vw] lg:mt-0 w-full grid grid-cols-1 lg:grid-cols-3 border-s-none lg:border-s-[1px] ms-0 lg:ms-[3vw] ps-0 lg:ps-[1vw]"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="w-[64.103vw] lg:w-[20.156vw] h-[85.641vw] lg:h-[28.021vw] border-[1.5px] rounded-[500px] flex justify-center items-center mx-auto"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="w-[53.846vw] lg:w-[18.073vw] h-[76.41vw] lg:h-[25.938vw] border-[1.5px] rounded-[500px]"
|
||||||
|
></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="hidden lg:flex lg:w-[20.156vw] lg:h-[28.021vw] border-[1.5px] rounded-[500px] justify-center items-center"
|
||||||
|
>
|
||||||
|
<div class="lg:w-[18.073vw] lg:h-[25.938vw] border-[1.5px] rounded-[500px]"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="hidden lg:flex lg:w-[20.156vw] lg:h-[28.021vw] border-[1.5px] rounded-[500px] justify-center items-center"
|
||||||
|
>
|
||||||
|
<div class="lg:w-[18.073vw] lg:h-[25.938vw] border-[1.5px] rounded-[500px]"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,76 @@
|
|||||||
|
<template>
|
||||||
|
<div class="pb-[27vw] lg:pb-[6vw] bg-white flex flex-col lg:flex-row items-center justify-center">
|
||||||
|
<div class="w-[81.04%] flex flex-col flex-col-reverse lg:flex-row items-center lg:items-start mt-[4.7vw]">
|
||||||
|
|
||||||
|
<div class="relative w-full lg:basis-3/5" dir="rtl">
|
||||||
|
<div class="absolute -mt-[75vw] lg:mt-[0vw]">
|
||||||
|
<h2 class="text-[4.544vw] lg:text-[1.481vw] text-[#383E43] font-[600]">درخواست نمونه محصول</h2>
|
||||||
|
<p class="text-[#878787] text-[3.19vw] lg:text-[0.833vw] mt-[1vw]">مشخصات خود را وارد کنید</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-[13vw] lg:mt-[6.2vw]">
|
||||||
|
<input
|
||||||
|
class="ps-5 h-[13.846vw] lg:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] lg:text-[0.741vw] rounded-[10px] outline-none"
|
||||||
|
type="text" placeholder="نام و نام خانوادگی">
|
||||||
|
<input
|
||||||
|
class="ps-5 h-[13.846vw] lg:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] lg:text-[0.741vw] rounded-[10px] outline-none"
|
||||||
|
type="number" placeholder="شماره موبایل">
|
||||||
|
<input
|
||||||
|
class="ps-5 h-[13.846vw] lg:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] lg:text-[0.741vw] rounded-[10px] outline-none"
|
||||||
|
type="text" placeholder="نام فروشگاه">
|
||||||
|
<input
|
||||||
|
class="ps-5 h-[13.846vw] lg:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] lg:text-[0.741vw] rounded-[10px] outline-none"
|
||||||
|
type="select" placeholder="انتخاب محصول">
|
||||||
|
</div>
|
||||||
|
<span class="absolute mt-[8vw] lg:mt-[2vw] ms-[27vw] lg:ms-[19vw] bg-[#A62186] py-[2.564vw] lg:py-[0.625vw] px-[10.256vw] lg:px-[3.646vw] text-[3.59vw] lg:text-[1.055vw] text-white rounded-[10px]">ثبت</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="basis-2/5 flex justify-end">
|
||||||
|
<svg
|
||||||
|
class="mt-[22vw] lg:mt-0 h-[58.462vw] w-[58.462vw] lg:h-[25.99vw] lg:w-[26.667vw]"
|
||||||
|
viewBox="0 0 512 499" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_836_14313)">
|
||||||
|
<path d="M326.562 111.858H299.32V344.154C299.32 347.799 298.602 351.408 297.207 354.775C295.813 358.142 293.769 361.202 291.192 363.779C288.615 366.356 285.556 368.401 282.19 369.795C278.823 371.19 275.215 371.908 271.571 371.908H63.292V372.174C63.292 375.818 64.0097 379.427 65.4042 382.794C66.7987 386.162 68.8427 389.221 71.4194 391.798C73.9961 394.376 77.0551 396.42 80.4218 397.815C83.7884 399.209 87.3968 399.927 91.0408 399.927H326.562C330.206 399.927 333.814 399.209 337.181 397.815C340.547 396.42 343.606 394.376 346.183 391.798C348.76 389.221 350.804 386.162 352.198 382.794C353.593 379.427 354.311 375.818 354.311 372.174V139.612C354.311 132.251 351.387 125.192 346.183 119.987C340.979 114.782 333.921 111.858 326.562 111.858Z" fill="#F2F2F2"/>
|
||||||
|
<path d="M455.702 481.013C456.185 481.035 456.662 480.908 457.07 480.65C457.478 480.392 457.797 480.014 457.983 479.569C458.169 479.123 458.214 478.631 458.111 478.159C458.009 477.687 457.763 477.259 457.409 476.931L457.248 476.289C457.269 476.238 457.29 476.187 457.312 476.135C457.798 474.988 458.612 474.009 459.652 473.322C460.692 472.636 461.912 472.272 463.158 472.277C464.404 472.281 465.621 472.654 466.656 473.348C467.691 474.043 468.498 475.027 468.975 476.179C470.883 480.774 473.312 485.377 473.91 490.236C474.173 492.384 474.062 494.561 473.581 496.671C478.062 486.895 480.389 476.27 480.404 465.516C480.405 462.818 480.255 460.121 479.955 457.44C479.707 455.241 479.363 453.058 478.923 450.891C476.521 439.132 471.365 428.111 463.878 418.732C460.254 416.754 457.323 413.713 455.481 410.018C454.813 408.69 454.341 407.272 454.08 405.809C454.489 405.863 455.621 399.636 455.313 399.254C455.883 398.389 456.902 397.959 457.525 397.116C460.619 392.919 464.882 393.652 467.108 399.354C471.862 401.754 471.908 405.734 468.991 409.562C467.135 411.998 466.88 415.293 465.251 417.9C465.419 418.115 465.593 418.323 465.761 418.537C468.823 422.476 471.493 426.706 473.73 431.165C473.186 426.169 473.836 421.115 475.625 416.419C477.439 412.043 480.839 408.357 483.833 404.573C484.625 403.557 485.7 402.798 486.923 402.393C488.146 401.988 489.462 401.954 490.704 402.297C491.946 402.639 493.058 403.342 493.901 404.317C494.743 405.292 495.278 406.494 495.437 407.773C495.443 407.829 495.449 407.885 495.455 407.94C495.01 408.191 494.575 408.458 494.149 408.739C493.614 409.097 493.2 409.608 492.96 410.205C492.72 410.802 492.666 411.458 492.805 412.086C492.945 412.715 493.27 413.286 493.74 413.727C494.209 414.167 494.801 414.455 495.437 414.553L495.502 414.563C495.344 416.166 495.064 417.754 494.664 419.315C498.505 434.171 490.213 439.582 478.373 439.825C478.112 439.959 477.857 440.093 477.596 440.221C479.844 446.593 481.254 453.231 481.791 459.967C482.095 463.941 482.077 467.933 481.737 471.904L481.757 471.763C482.615 467.347 484.97 463.363 488.425 460.483C493.557 456.267 500.806 454.714 506.342 451.325C506.931 450.948 507.615 450.746 508.314 450.744C509.013 450.742 509.698 450.941 510.288 451.316C510.878 451.691 511.349 452.227 511.645 452.86C511.94 453.494 512.049 454.199 511.957 454.892L511.934 455.04C511.109 455.376 510.305 455.764 509.528 456.2C509.084 456.451 508.648 456.717 508.222 456.999C507.687 457.356 507.273 457.867 507.033 458.464C506.793 459.062 506.739 459.717 506.878 460.346C507.018 460.974 507.343 461.546 507.813 461.986C508.283 462.426 508.874 462.714 509.51 462.812L509.575 462.822C509.622 462.829 509.662 462.835 509.709 462.842C508.299 466.209 506.32 469.309 503.859 472.005C501.457 484.974 491.142 486.204 480.109 482.427H480.102C478.891 487.689 477.137 492.81 474.868 497.709H456.171C456.104 497.502 456.044 497.287 455.983 497.079C457.714 497.188 459.451 497.085 461.157 496.771C459.77 495.069 458.382 493.353 456.995 491.65C456.964 491.618 456.935 491.585 456.908 491.55C456.204 490.678 455.494 489.814 454.79 488.942L454.79 488.941C454.752 486.27 455.06 483.605 455.702 481.013Z" fill="#F2F2F2"/>
|
||||||
|
<path d="M249.768 80.2591C250.451 81.2936 251.35 82.1673 252.403 82.82C253.457 83.4727 254.639 83.8887 255.869 84.0393C257.099 84.1898 258.347 84.0714 259.527 83.6921C260.707 83.3128 261.79 82.6817 262.702 81.8425L301.575 99.3833L309.069 89.8223L262.747 69.3264C261.221 67.8962 259.223 67.0758 257.132 67.0206C255.041 66.9653 253.002 67.6792 251.403 69.0268C249.803 70.3744 248.753 72.2621 248.451 74.3323C248.15 76.4025 248.619 78.5113 249.768 80.2591Z" fill="#A0616A"/>
|
||||||
|
<path d="M416.592 91.1968L420.447 113.048C420.627 114.067 420.592 115.113 420.344 116.118C420.096 117.123 419.64 118.065 419.007 118.884C418.373 119.702 417.575 120.379 416.665 120.871C415.754 121.363 414.751 121.659 413.719 121.74L348.208 126.893L271.203 92.4233L280.4 74.9609L347.248 96.1333L416.592 91.1968Z" fill="#A62186"/>
|
||||||
|
<path d="M263.27 75.5366H27.7488C12.4236 75.5366 0 87.9624 0 103.29V335.852C0 351.18 12.4236 363.606 27.7488 363.606H263.27C278.595 363.606 291.019 351.18 291.019 335.852V103.29C291.019 87.9624 278.595 75.5366 263.27 75.5366Z" fill="#F2F2F2"/>
|
||||||
|
<path d="M27.7493 81.2441C24.8547 81.2441 21.9884 81.8144 19.3141 82.9223C16.6398 84.0302 14.2099 85.6541 12.1631 87.7013C10.1162 89.7485 8.49261 92.1788 7.38488 94.8536C6.27715 97.5283 5.70703 100.395 5.70703 103.29V335.853C5.70703 341.7 8.02933 347.307 12.1631 351.441C16.2968 355.576 21.9033 357.899 27.7493 357.899H178.064C192.148 357.899 206.094 355.124 219.106 349.733C232.118 344.343 243.941 336.442 253.9 326.481C263.859 316.52 271.759 304.695 277.148 291.681C282.538 278.667 285.312 264.719 285.312 250.632V103.29C285.312 100.395 284.742 97.5283 283.634 94.8536C282.526 92.1788 280.903 89.7485 278.856 87.7013C276.809 85.6541 274.379 84.0302 271.705 82.9223C269.031 81.8144 266.164 81.2441 263.27 81.2441H27.7493Z" fill="white"/>
|
||||||
|
<path d="M211.349 151.823H79.1557C77.9427 151.823 76.7793 151.341 75.9216 150.483C75.0639 149.625 74.582 148.461 74.582 147.248C74.582 146.035 75.0639 144.872 75.9216 144.014C76.7793 143.156 77.9427 142.674 79.1557 142.674H211.349C212.562 142.674 213.725 143.156 214.583 144.014C215.44 144.872 215.922 146.035 215.922 147.248C215.922 148.461 215.44 149.625 214.583 150.483C213.725 151.341 212.562 151.823 211.349 151.823Z" fill="#F2F2F2"/>
|
||||||
|
<path d="M211.349 249.371H79.1557C77.9427 249.371 76.7793 248.889 75.9216 248.031C75.0639 247.173 74.582 246.01 74.582 244.797C74.582 243.583 75.0639 242.42 75.9216 241.562C76.7793 240.704 77.9427 240.222 79.1557 240.222H211.349C212.562 240.222 213.725 240.704 214.583 241.562C215.44 242.42 215.922 243.583 215.922 244.797C215.922 246.01 215.44 247.173 214.583 248.031C213.725 248.889 212.562 249.371 211.349 249.371Z" fill="#F2F2F2"/>
|
||||||
|
<path d="M265.029 200.629H25.475C24.262 200.629 23.0987 200.147 22.2409 199.289C21.3832 198.431 20.9014 197.268 20.9014 196.054C20.9014 194.841 21.3832 193.678 22.2409 192.82C23.0987 191.962 24.262 191.48 25.475 191.48H265.029C266.242 191.48 267.406 191.962 268.264 192.82C269.121 193.678 269.603 194.841 269.603 196.054C269.603 197.268 269.121 198.431 268.264 199.289C267.406 200.147 266.242 200.629 265.029 200.629Z" fill="#F2F2F2"/>
|
||||||
|
<path d="M408.315 187.508L384.451 238.358L476.252 229.058L457.089 180.244L408.315 187.508Z" fill="#A0616A"/>
|
||||||
|
<path d="M429.658 479.773L420.954 479.699L417.102 445.338L429.947 445.447L429.658 479.773Z" fill="#A0616A"/>
|
||||||
|
<path d="M401.778 493.615C401.771 494.647 402.173 495.64 402.896 496.376C403.619 497.112 404.605 497.531 405.637 497.541L422.942 497.685L425.971 491.544L427.084 497.717L433.614 497.776L431.965 475.758L429.693 475.607L420.427 474.968L417.437 474.768L417.385 480.998L403.484 490.428C402.963 490.782 402.536 491.256 402.239 491.811C401.942 492.366 401.784 492.985 401.778 493.615Z" fill="#2F2E41"/>
|
||||||
|
<path d="M333.336 479.812L325.037 477.183L331.448 443.208L343.696 447.086L333.336 479.812Z" fill="#A0616A"/>
|
||||||
|
<path d="M302.62 484.851C302.31 485.835 302.402 486.902 302.877 487.818C303.352 488.734 304.171 489.424 305.155 489.737L321.654 494.961L326.354 489.98L325.604 496.208L331.828 498.183L336.72 476.653L334.593 475.841L325.923 472.507L323.124 471.438L321.244 477.377L305.186 482.306C304.584 482.491 304.037 482.819 303.59 483.262C303.143 483.706 302.81 484.251 302.62 484.851Z" fill="#2F2E41"/>
|
||||||
|
<path d="M472.072 214.759L388.602 230.056C388.602 230.056 375.214 240.072 378.795 243.659C382.377 247.247 382.932 246.691 380.579 249.044C378.226 251.398 373.139 254.544 373.089 256.603C373.039 258.662 335.686 351.022 335.686 351.022C335.686 351.022 339.836 348.946 336.724 352.059C333.611 355.173 333.611 357.745 333.611 357.745L319.085 455.834L342.676 457.223L365.776 367.797L417.301 284.254C417.301 284.254 422.413 358.753 422.627 363.708C422.842 368.663 425.955 362.437 422.842 368.663C419.729 374.89 417.654 370.739 419.729 374.89C421.804 379.041 412.254 463.55 412.254 463.55H433.786L479.969 288.387C479.969 288.387 496.4 238.309 472.072 214.759Z" fill="#2F2E41"/>
|
||||||
|
<path d="M447.483 74.65L414.047 71.1753L405.385 82.4237L395.293 87.7995C391.022 90.0745 387.497 93.5316 385.139 97.7575C382.782 101.983 381.69 106.799 381.997 111.629L393.79 180.244C393.79 180.244 383.829 202.679 390.678 208.263C397.527 213.847 385.382 227.676 400.016 220.716C414.649 213.756 477.833 221.754 477.833 221.754L464.345 183.357L474.421 145.627L475.53 113.991C475.737 108.079 473.983 102.265 470.542 97.4545C467.1 92.6441 462.163 89.1077 456.502 87.3966L455.093 86.9707L447.483 74.65Z" fill="#A62186"/>
|
||||||
|
<path d="M493.514 49.0129C493.733 58.4388 490.211 67.5658 485.151 75.5824C483.648 70.9025 480.945 66.643 478.127 62.5827C479.547 71.3664 478.034 80.3737 473.821 88.2105C473.672 88.3167 473.518 88.4154 473.36 88.5061C469.236 90.9874 464.007 91.9924 459.545 90.2003C468.764 80.2621 469.937 63.7959 462.208 52.6486C460.02 49.4856 457.19 46.6881 455.835 43.0884C453.695 37.345 455.752 31.0213 457.05 25.0332C458.263 19.46 458.476 12.8279 454.737 8.74352C455.137 8.17274 455.68 7.71839 456.313 7.42703C456.946 7.13568 457.645 7.01781 458.338 7.08548C460.643 7.41111 462.32 9.41486 463.389 11.4786C464.457 13.5423 465.162 15.8295 466.651 17.6121C469.409 20.9484 474.105 21.7372 478.063 23.4956C487.648 27.7655 493.284 38.5245 493.514 49.0129Z" fill="#2F2E41"/>
|
||||||
|
<path d="M246.579 497.765C246.579 497.928 246.61 498.088 246.672 498.238C246.734 498.388 246.825 498.525 246.94 498.639C247.054 498.754 247.191 498.845 247.341 498.907C247.491 498.969 247.652 499.001 247.814 499H510.62C510.947 499 511.261 498.87 511.493 498.638C511.724 498.407 511.854 498.093 511.854 497.765C511.854 497.438 511.724 497.124 511.493 496.892C511.261 496.66 510.947 496.53 510.62 496.53H247.814C247.652 496.53 247.491 496.561 247.341 496.623C247.191 496.685 247.054 496.776 246.94 496.891C246.825 497.006 246.734 497.142 246.672 497.292C246.61 497.442 246.579 497.603 246.579 497.765Z" fill="#CCCCCC"/>
|
||||||
|
<path d="M495.583 267.478C500.741 267.478 504.921 263.296 504.921 258.138C504.921 252.98 500.741 248.798 495.583 248.798C490.426 248.798 486.245 252.98 486.245 258.138C486.245 263.296 490.426 267.478 495.583 267.478Z" fill="#A62186"/>
|
||||||
|
<path d="M412.834 43.6236C413.382 41.7063 409.607 53.4266 411.429 53.6382C419.726 54.5902 431.115 59.5462 436.894 61.8583C437.154 61.8281 437.415 61.7979 437.667 61.7601C438.287 61.6921 438.892 61.5939 439.489 61.4806C452.945 58.9342 458.119 38.2608 458.119 38.0719C458.119 37.1425 455.889 11.6166 452.376 11.2388C451.453 11.1387 450.526 11.0882 449.597 11.0877H440.879C439.075 10.6989 437.247 10.4338 435.407 10.2943H435.391C417.841 8.95691 404.002 19.6561 405.296 32.6751C405.303 32.6902 405.319 32.7053 405.326 32.7204C405.701 33.2796 406.03 33.8085 406.321 34.3147C406.604 34.7907 406.842 35.2441 407.048 35.6748C408.648 38.9994 404.536 43.1828 407.263 43.9637C410.889 45.0022 397.725 79.1367 412.079 79.1367C405.097 81.1221 411.323 48.9128 412.834 43.6236Z" fill="#2F2E41"/>
|
||||||
|
<path d="M428.502 63.6523C439.902 63.6523 449.143 54.4095 449.143 43.0078C449.143 31.6061 439.902 22.3633 428.502 22.3633C417.103 22.3633 407.861 31.6061 407.861 43.0078C407.861 54.4095 417.103 63.6523 428.502 63.6523Z" fill="#A0616A"/>
|
||||||
|
<path d="M405.296 33.801C405.64 33.9823 405.977 34.1485 406.322 34.3148C406.681 34.4885 407.041 34.6624 407.401 34.821C414.312 37.9568 419.938 38.3043 423.352 33.801C423.443 31.4314 423.975 29.0996 424.921 26.925C424.754 29.3552 425.394 31.7724 426.743 33.801H433.616C440.696 38.5008 444.332 38.9919 439.418 54.4212C438.048 58.7205 432.6 83.7383 434.743 87.4483C435.363 87.3803 441.959 59.9781 442.556 59.8648C456.012 57.3184 464.561 35.1459 463.467 33.8916C463.472 30.3248 462.652 26.8051 461.071 23.608C459.071 19.5574 455.953 16.1645 452.085 13.8306C449.78 12.7126 447.377 11.8096 444.906 11.1331C444.845 11.1179 444.791 11.1028 444.73 11.0877C443.972 10.8837 443.199 10.6948 442.426 10.5361C440.829 10.1989 439.214 9.95415 437.588 9.80322C437.474 9.79566 437.359 9.78809 437.252 9.78809C436.603 9.78961 435.966 9.96438 435.407 10.2944C435.399 10.2944 435.399 10.3019 435.392 10.3019C434.992 10.5353 434.644 10.8461 434.366 11.2161C433.877 11.8387 433.613 12.6082 433.616 13.3998H425.962C425.679 13.3998 425.395 13.4074 425.112 13.4225C420.004 13.5971 415.144 15.672 411.485 19.2413C407.825 22.8105 405.629 27.6171 405.326 32.7205C405.304 33.0831 405.296 33.4382 405.296 33.801Z" fill="#2F2E41"/>
|
||||||
|
<path d="M450.426 27.2015C457.936 27.2015 464.024 21.1122 464.024 13.6007C464.024 6.08926 457.936 0 450.426 0C442.915 0 436.827 6.08926 436.827 13.6007C436.827 21.1122 442.915 27.2015 450.426 27.2015Z" fill="#2F2E41"/>
|
||||||
|
<path d="M495.688 261.989C496.351 260.942 496.78 259.764 496.943 258.535C497.107 257.307 497.002 256.057 496.635 254.873C496.268 253.69 495.649 252.599 494.819 251.679C493.99 250.758 492.97 250.028 491.831 249.54L491.899 206.887L480.108 203.968L480.398 254.628C479.719 256.607 479.79 258.766 480.596 260.696C481.403 262.626 482.889 264.194 484.774 265.101C486.658 266.008 488.81 266.193 490.822 265.619C492.833 265.046 494.565 263.754 495.688 261.989Z" fill="#A0616A"/>
|
||||||
|
<path d="M437.298 105.308L455.646 92.8357C456.503 92.2538 457.471 91.8574 458.489 91.6719C459.507 91.4864 460.553 91.516 461.559 91.7586C462.565 92.0012 463.51 92.4516 464.331 93.0808C465.153 93.71 465.835 94.5041 466.331 95.4122L497.877 153.068L497.998 237.448L478.303 236.213L470.218 166.55L437.298 105.308Z" fill="#A62186"/>
|
||||||
|
<path d="M296.377 296.669H100.277C96.0114 296.669 91.9207 298.364 88.9047 301.381C85.8887 304.397 84.1943 308.489 84.1943 312.755C84.1943 317.021 85.8887 321.112 88.9047 324.128C91.9207 327.145 96.0114 328.84 100.277 328.84H296.377C300.642 328.84 304.733 327.145 307.749 324.128C310.765 321.112 312.459 317.021 312.459 312.755C312.459 308.489 310.765 304.397 307.749 301.381C304.733 298.364 300.642 296.669 296.377 296.669Z" fill="white"/>
|
||||||
|
<path d="M296.377 329.878H100.276C95.7357 329.878 91.3811 328.074 88.1705 324.862C84.9599 321.651 83.1562 317.296 83.1562 312.755C83.1562 308.213 84.9599 303.858 88.1705 300.647C91.3811 297.436 95.7357 295.632 100.276 295.632H296.377C300.917 295.632 305.272 297.436 308.482 300.647C311.693 303.858 313.497 308.213 313.497 312.755C313.497 317.296 311.693 321.651 308.482 324.862C305.272 328.074 300.917 329.878 296.377 329.878ZM100.276 297.707C96.286 297.707 92.4593 299.293 89.6379 302.115C86.8165 304.937 85.2314 308.764 85.2314 312.755C85.2314 316.746 86.8165 320.573 89.6379 323.395C92.4593 326.217 96.286 327.802 100.276 327.802H296.377C300.367 327.802 304.193 326.217 307.015 323.395C309.836 320.573 311.421 316.746 311.421 312.755C311.421 308.764 309.836 304.937 307.015 302.115C304.193 299.293 300.367 297.707 296.377 297.707H100.276Z" fill="#A62186"/>
|
||||||
|
<path d="M307.941 366.866H221.401C220.188 366.866 219.024 366.384 218.167 365.526C217.309 364.668 216.827 363.504 216.827 362.291C216.827 361.078 217.309 359.914 218.167 359.057C219.024 358.199 220.188 357.717 221.401 357.717H307.941C309.154 357.717 310.317 358.199 311.175 359.057C312.032 359.914 312.514 361.078 312.514 362.291C312.514 363.504 312.032 364.668 311.175 365.526C310.317 366.384 309.154 366.866 307.941 366.866Z" fill="#A62186"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_836_14313">
|
||||||
|
<rect width="512" height="499" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,112 @@
|
|||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="flex flex-col items-center border-t-[1px] border-[#E5E5E5] z-[1] min-h-[40vw] bg-[#FAF6F9] mt-8"
|
||||||
|
>
|
||||||
|
<h2
|
||||||
|
class="font-semibold text-[5.11vw] lg:text-[1.69vw] text-[#383E43] mt-24"
|
||||||
|
>
|
||||||
|
نقشه راه از تولید به مصرف محصولات شینان
|
||||||
|
</h2>
|
||||||
|
<div class="relative mt-[10vw] lg:mt-0 flex justify-center">
|
||||||
|
<svg
|
||||||
|
class="box absolute mt-[8vw] lg:mt-12 h-[15.385vw] w-[15.385vw] lg:h-[5.625vw] lg:w-[5.625vw]"
|
||||||
|
viewBox="0 0 108 108"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<circle
|
||||||
|
cx="54"
|
||||||
|
cy="54"
|
||||||
|
r="53"
|
||||||
|
stroke="#383E43"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-dasharray="10 10"
|
||||||
|
/>
|
||||||
|
<circle cx="54" cy="54" r="23" fill="white" />
|
||||||
|
<path
|
||||||
|
d="M57.3375 46.5L50.6625 46.5C46.5125 46.5 44.825 49.4375 46.8875 53.025L47.8125 54.625C48.0375 55.0125 48.45 55.25 48.9 55.25L59.1 55.25C59.55 55.25 59.9625 55.0125 60.1875 54.625L61.1125 53.025C63.175 49.4375 61.4875 46.5 57.3375 46.5Z"
|
||||||
|
fill="#383E43"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M58.0125 56.5L49.9751 56.5C49.4876 56.5 49.1876 57.025 49.4376 57.4375L50.2376 58.8125C52.3001 62.4 55.7001 62.4 57.7626 58.8125L58.5625 57.4375C58.8 57.025 58.5 56.5 58.0125 56.5Z"
|
||||||
|
fill="#383E43"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<svg
|
||||||
|
class="motionPath hidden lg:block absolute mt-[8vw] w-[81.146vw] h-[107.604vw]"
|
||||||
|
viewBox="0 0 1558 2066"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M779.997 -3.39639e-05V-3.39639e-05C779.997 51.3625 738.36 93 686.997 93L100.997 93C45.7681 93 0.996454 137.771 0.996452 193L0.996417 974C0.996415 1029.23 45.768 1074 100.996 1074L1457 1074C1512.23 1074 1557 1118.77 1557 1174L1557 1595C1557 1650.23 1512.22 1695 1457 1695L258.996 1695C203.767 1695 158.996 1739.77 158.996 1795L158.996 2065.5"
|
||||||
|
stroke="#383E43"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-dasharray="10 10"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<svg
|
||||||
|
class="block absolute lg:hidden mt-[20vw]"
|
||||||
|
width="98vw"
|
||||||
|
height="359.487vw"
|
||||||
|
viewBox="0 0 390 1402"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M195.25 -8.51273e-06L195.211 9.21222C195.094 36.7434 172.743 59 145.212 59L50 59C22.3858 59 5.86356e-05 81.3858 5.88568e-05 109L6.27834e-05 599C6.30047e-05 626.614 22.3858 649 50.0001 649L339.999 649C367.613 649 389.999 671.386 389.999 699L389.999 1238C389.999 1265.61 367.613 1288 339.999 1288L245 1288C217.386 1288 195 1310.39 195 1338L195 1402"
|
||||||
|
stroke="#383E43"
|
||||||
|
stroke-dasharray="5 5"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<home-page-road-map-componentsBanner />
|
||||||
|
<home-page-road-map-componentsProductionStage />
|
||||||
|
<home-page-road-map-componentsShopNavigator />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
// onMounted(() => {
|
||||||
|
// useGsap.to(".box", {
|
||||||
|
|
||||||
|
// scrollTrigger: {
|
||||||
|
// trigger: '.box',
|
||||||
|
// start: 'center center',
|
||||||
|
// end: 'bottom 20%',
|
||||||
|
// scrub: true,
|
||||||
|
// },
|
||||||
|
|
||||||
|
// });
|
||||||
|
|
||||||
|
// let rotateTo = useGsap.quickTo(".box", "rotation");
|
||||||
|
// let prevDirection = 0;
|
||||||
|
// useGsap.to(".box", {
|
||||||
|
// motionPath: {
|
||||||
|
// path: 'M779.997 -3.39639e-05V-3.39639e-05C779.997 51.3625 738.36 93 686.997 93L100.997 93C45.7681 93 0.996454 137.771 0.996452 193L0.996417 974C0.996415 1029.23 45.768 1074 100.996 1074L1457 1074C1512.23 1074 1557 1118.77 1557 1174L1557 1595C1557 1650.23 1512.22 1695 1457 1695L258.996 1695C203.767 1695 158.996 1739.77 158.996 1795L158.996 2065.5',
|
||||||
|
|
||||||
|
// },
|
||||||
|
// scrollTrigger: {
|
||||||
|
// trigger: ".motionPath",
|
||||||
|
// start: "top center",
|
||||||
|
|
||||||
|
// end: () =>
|
||||||
|
// "+=" +
|
||||||
|
// document.querySelector(".motionPath")?.getBoundingClientRect().height,
|
||||||
|
// scrub: 0.5,
|
||||||
|
// markers: true,
|
||||||
|
// onUpdate: (self) => {
|
||||||
|
// if (prevDirection !== self.direction) {
|
||||||
|
// // only run this when we're changing direction
|
||||||
|
// rotateTo(self.direction === 1 ? 0 : -180);
|
||||||
|
// prevDirection = self.direction;
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
// });
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// });
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
<template>
|
||||||
|
<div class="-z-[1] relative mt-[140vw] lg:mt-[50vw] flex flex-col items-center justify-center">
|
||||||
|
<div class="relative w-[87.69%] lg:w-[91.82%] flex flex-col items-center justify-center">
|
||||||
|
<svg class="absolute" width="48.125vw" height="48.125vw" viewBox="0 0 924 924" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="462" cy="462" r="461" stroke="#878787" stroke-width="2" stroke-dasharray="8 8"/>
|
||||||
|
</svg>
|
||||||
|
<svg class="absolute" width="75.365vw" height="75.365vw" viewBox="0 0 1447 1447" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="723.5" cy="723.5" r="722.5" stroke="#878787" stroke-width="2" stroke-dasharray="8 8"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<img
|
||||||
|
src="/public/images/assal.png"
|
||||||
|
alt="product-name"
|
||||||
|
class="w-[18.205vw] lg:w-[17.292vw] h-[20.521vw]"
|
||||||
|
/>
|
||||||
|
<h1 class="font-bold text-[4.038vw] lg:text-[2.21vw] text-[#383E43] my-[2.083vw]">عسل آقای عسل</h1>
|
||||||
|
<p class="text-[3.59vw] lg:text-[1.823vw] text-[#383E43] font-semibold" dir="rtl">
|
||||||
|
510,000
|
||||||
|
<span class="text-[2.836vw] lg:text-[0.833vw] font-[400]">تومان</span>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
<template>
|
||||||
|
<div class="baner flex flex-col w-[84.61vw] lg:w-[70.41%] mt-[50vw] lg:mt-[20vw]">
|
||||||
|
<img src="/public/images/baner.jpg" alt="organic" class="h-[45.12vw] lg:h-[26.302vw] w-full object-cover rounded-[25px]">
|
||||||
|
<div class="flex flex-col flex-col-reverse px-[1vw] lg:flex-row justify-between items-center mt-12">
|
||||||
|
<p class="mt-[17vw] lg:mt-0 w-full lg:w-[50%] text-[3.59vw] lg:text-[1.502vw]">
|
||||||
|
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
|
||||||
|
</p>
|
||||||
|
<p class="w-full lg:w-[40%] text-[4.544vw] lg:text-[1.186vw]">
|
||||||
|
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,327 @@
|
|||||||
|
<template>
|
||||||
|
<div class="mt-[28vw] lg:mt-[12vw] w-[84.615vw] lg:w-[51.14%]">
|
||||||
|
<h2 class="mb-[7vw] lg:mb-0 text-[#383E43] text-[4.544vw] lg:text-[1.502vw]">مراحل تولید :</h2>
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4 p-[3vw]">
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
|
||||||
|
>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg
|
||||||
|
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
|
||||||
|
viewBox="0 0 41 41"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.7497 18.3324L17.083 16.6658"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M22.208 22.2083H30.7497"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.792 29.0417H30.7503"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
|
||||||
|
>تحقیق و توسعه</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
|
||||||
|
>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg
|
||||||
|
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
|
||||||
|
viewBox="0 0 41 41"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.7497 18.3324L17.083 16.6658"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M22.208 22.2083H30.7497"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.792 29.0417H30.7503"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
|
||||||
|
>تحقیق و توسعه</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
|
||||||
|
>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg
|
||||||
|
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
|
||||||
|
viewBox="0 0 41 41"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.7497 18.3324L17.083 16.6658"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M22.208 22.2083H30.7497"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.792 29.0417H30.7503"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
|
||||||
|
>تحقیق و توسعه</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
|
||||||
|
>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg
|
||||||
|
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
|
||||||
|
viewBox="0 0 41 41"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.7497 18.3324L17.083 16.6658"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M22.208 22.2083H30.7497"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.792 29.0417H30.7503"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
|
||||||
|
>تحقیق و توسعه</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
|
||||||
|
>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg
|
||||||
|
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
|
||||||
|
viewBox="0 0 41 41"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.7497 18.3324L17.083 16.6658"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M22.208 22.2083H30.7497"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.792 29.0417H30.7503"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
|
||||||
|
>تحقیق و توسعه</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
|
||||||
|
>
|
||||||
|
|
||||||
|
<div class="flex items-center">
|
||||||
|
<svg
|
||||||
|
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
|
||||||
|
viewBox="0 0 41 41"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9.99967 17.4993C14.3719 17.4993 17.9163 13.9549 17.9163 9.58268C17.9163 5.21043 14.3719 1.66602 9.99967 1.66602C5.62742 1.66602 2.08301 5.21043 2.08301 9.58268C2.08301 13.9549 5.62742 17.4993 9.99967 17.4993Z"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.7497 18.3324L17.083 16.6658"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M3.41699 20.5V25.625C3.41699 34.1667 6.83366 37.5833 15.3753 37.5833H25.6253C34.167 37.5833 37.5837 34.1667 37.5837 25.625V15.375C37.5837 10.045 36.2511 6.69667 33.159 4.95417C32.2878 4.45875 30.5453 4.08291 28.9566 3.82666"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M22.208 22.2083H30.7497"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M18.792 29.0417H30.7503"
|
||||||
|
stroke="#878787"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
|
||||||
|
>تحقیق و توسعه</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,32 @@
|
|||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="ps-[6vw] lg:ps-[15%] text-[#383E43] flex flex-col items-start justify-center mt-[28vw] lg:mt-[14.4vw] h-[87.179vw] lg:h-[22.396vw] w-[81.61%] lg:w-[81.04%] border-[2px] border-[##E5E5E5] rounded-[25px]"
|
||||||
|
>
|
||||||
|
<p class="mt-[5vw] lg:mt-0 w-[36.154vw] lg:w-auto lg:text-[1.69vw] text-[5.11vw]">
|
||||||
|
ما اینجا هستیم تا از شما حمایت کنیم
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="text-[3.19vw] lg:text-[0.938vw] mt-3">سلامتی با محصولات شینان</p>
|
||||||
|
|
||||||
|
<nuxt-link
|
||||||
|
to="/"
|
||||||
|
class="flex items-center mt-[8vw] border-black lg:mt-[2vw] text-[3.19vw] lg:text-[0.938vw] py-[12px] px-[24px] rounded-[10px] border-[1px] border-[#E5E5E5]"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="me-1"
|
||||||
|
width="24"
|
||||||
|
height="25"
|
||||||
|
viewBox="0 0 24 25"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M13.9802 5.82024L10.7702 9.03024L8.80023 10.9902C7.97023 11.8202 7.97023 13.1702 8.80023 14.0002L13.9802 19.1802C14.6602 19.8602 15.8202 19.3702 15.8202 18.4202V12.8102V6.58024C15.8202 5.62024 14.6602 5.14024 13.9802 5.82024Z"
|
||||||
|
fill="#383E43"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
رفتن به فروشگاه
|
||||||
|
</nuxt-link>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,21 @@
|
|||||||
|
// https://nuxt.com/docs/api/configuration/nuxt-config
|
||||||
|
export default defineNuxtConfig({
|
||||||
|
|
||||||
|
devtools: { enabled: true },
|
||||||
|
modules: ['@nuxtjs/tailwindcss', '@hypernym/nuxt-gsap']
|
||||||
|
,
|
||||||
|
tailwindcss: {
|
||||||
|
// Options
|
||||||
|
},
|
||||||
|
gsap: {
|
||||||
|
composables: true,
|
||||||
|
provide: true,
|
||||||
|
|
||||||
|
extraPlugins:{
|
||||||
|
scrollTrigger: true,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
css : ['~/assets/css/main.css'],
|
||||||
|
|
||||||
|
|
||||||
|
})
|
||||||
Generated
+11776
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,23 @@
|
|||||||
|
{
|
||||||
|
"name": "nuxt-app",
|
||||||
|
"private": true,
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"build": "nuxt build",
|
||||||
|
"dev": "nuxt dev",
|
||||||
|
"generate": "nuxt generate",
|
||||||
|
"preview": "nuxt preview",
|
||||||
|
"postinstall": "nuxt prepare"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"gsap": "^3.12.5",
|
||||||
|
"nuxt": "^3.11.2",
|
||||||
|
"vue": "^3.4.21",
|
||||||
|
"vue-router": "^4.3.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@hypernym/nuxt-gsap": "^2.4.2",
|
||||||
|
"@nuxtjs/tailwindcss": "^6.12.0",
|
||||||
|
"nuxt-gsap-module": "^2.0.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
<template>
|
||||||
|
<home-pageHeader />
|
||||||
|
<home-pageAboutUs />
|
||||||
|
<home-pageSlider />
|
||||||
|
<home-pageRoadMap />
|
||||||
|
<home-pageCatalogs />
|
||||||
|
<home-pageProductSampleForm />
|
||||||
|
<home-pageMediaSlider />
|
||||||
|
<home-pageInstagram />
|
||||||
|
</template>
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 284 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"extends": "../.nuxt/tsconfig.server.json"
|
||||||
|
}
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
// https://nuxt.com/docs/guide/concepts/typescript
|
||||||
|
"extends": "./.nuxt/tsconfig.json"
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user