mirror of
https://github.com/vercel/commerce.git
synced 2025-05-18 23:46:58 +00:00
more changes
This commit is contained in:
Zubair Mughal
parent
937eb00f56
commit
2f533a14b8
102
app/page.tsx
102
app/page.tsx
@ -1,8 +1,16 @@
|
|||||||
|
import { Carousel } from 'components/carousel';
|
||||||
import Footer from 'components/layout/footer';
|
import Footer from 'components/layout/footer';
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
import { Suspense } from 'react';
|
import { Suspense } from 'react';
|
||||||
|
import circle2 from '../media/boy_homePage_circle.png';
|
||||||
|
import circle3 from '../media/girl_homePage_circle.png';
|
||||||
import HomePageBlob from '../media/homePage_blob.svg';
|
import HomePageBlob from '../media/homePage_blob.svg';
|
||||||
import littlePerson from '../media/little_person_homePage.png';
|
import littlePerson from '../media/little_person_homePage.png';
|
||||||
|
import circle1 from '../media/parent_homePage_circle.png';
|
||||||
|
import step1 from '../media/step1.svg';
|
||||||
|
import step2 from '../media/step2.svg';
|
||||||
|
import step3 from '../media/step3.svg';
|
||||||
|
import step4 from '../media/step4.svg';
|
||||||
export const runtime = 'edge';
|
export const runtime = 'edge';
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
@ -17,7 +25,7 @@ export default async function HomePage() {
|
|||||||
<>
|
<>
|
||||||
{/* <ThreeItemGrid /> */}
|
{/* <ThreeItemGrid /> */}
|
||||||
<Suspense>
|
<Suspense>
|
||||||
{/* <Carousel /> */}
|
{/*TopSection*/}{' '}
|
||||||
<div className="flex flex-col items-center bg-[#F8FCFD] px-4 py-12 lg:flex-row lg:items-start lg:px-12">
|
<div className="flex flex-col items-center bg-[#F8FCFD] px-4 py-12 lg:flex-row lg:items-start lg:px-12">
|
||||||
<div className="space-y-6 p-4 text-left lg:flex-1">
|
<div className="space-y-6 p-4 text-left lg:flex-1">
|
||||||
<h2 className="text-color-body text-4xl font-semibold">
|
<h2 className="text-color-body text-4xl font-semibold">
|
||||||
@ -46,7 +54,99 @@ export default async function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{/*How It Works */}{' '}
|
||||||
|
<div className="mx-auto max-w-screen-xl">
|
||||||
|
<h2 className="mb-8 text-center text-4xl font-semibold">How it works</h2>
|
||||||
|
<div className="flex flex-col space-y-4 md:flex-row md:justify-between md:space-x-4 md:space-y-0">
|
||||||
|
<div className="flex-1 text-center">
|
||||||
|
<Image src={step1} alt="Step 1" />
|
||||||
|
<h3 className="font-semibold">Step 1</h3>
|
||||||
|
<p>
|
||||||
|
We collect grade-specific supply lists from schools and create custom pre-packaged
|
||||||
|
school kits.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex-1 text-center">
|
||||||
|
<Image src={step2} alt="Step 2" />
|
||||||
|
<h3 className="font-semibold">Step 2</h3>
|
||||||
|
<p>Parents conveniently buy their child a School Kit with a click of a button.</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex-1 text-center">
|
||||||
|
<Image src={step3} alt="Step 3" />
|
||||||
|
<h3 className="font-semibold">Step 3</h3>
|
||||||
|
<p>Our team delivers directly to your classroom. No need for pickup.</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex-1 text-center">
|
||||||
|
<Image src={step4} alt="Step 4" />
|
||||||
|
<h3 className="font-semibold">Step 4</h3>
|
||||||
|
<p>
|
||||||
|
Send your child to school confidently knowing they have everything needed for
|
||||||
|
learning.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* Why Choose SchoolKits section */}
|
||||||
|
<div className="bg-[#F8FCFD] px-4 py-12">
|
||||||
|
<div className="mx-auto flex max-w-screen-xl flex-col lg:flex-row">
|
||||||
|
<div className="mb-8 flex flex-1 items-center justify-center lg:mb-0">
|
||||||
|
{/* Image container - adjust the positioning as needed */}
|
||||||
|
<div className="relative">
|
||||||
|
{/* These images should be positioned absolutely within this relative container as per your design */}
|
||||||
|
<Image
|
||||||
|
src={circle1}
|
||||||
|
alt="Photo 1"
|
||||||
|
className="rounded-full"
|
||||||
|
layout="fixed"
|
||||||
|
width={200}
|
||||||
|
height={200}
|
||||||
|
/>
|
||||||
|
<Image
|
||||||
|
src={circle2}
|
||||||
|
alt="Photo 2"
|
||||||
|
className="rounded-full"
|
||||||
|
layout="fixed"
|
||||||
|
width={200}
|
||||||
|
height={200}
|
||||||
|
style={{ position: 'absolute', top: '50px', left: '50px' }}
|
||||||
|
/>
|
||||||
|
<Image
|
||||||
|
src={circle3}
|
||||||
|
alt="Photo 3"
|
||||||
|
className="rounded-full"
|
||||||
|
layout="fixed"
|
||||||
|
width={200}
|
||||||
|
height={200}
|
||||||
|
style={{ position: 'absolute', top: '100px', right: '50px' }}
|
||||||
|
/>
|
||||||
|
{/* Add more images as needed */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex-1">
|
||||||
|
<h2 className="mb-4 text-4xl font-semibold">Why Choose SchoolKits?</h2>
|
||||||
|
<p className="mb-8">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||||
|
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
||||||
|
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||||
|
irure dolor in reprehenderit in voluptate velit esse cillum dolore.
|
||||||
|
</p>
|
||||||
|
<ul className="list-inside list-disc space-y-2">
|
||||||
|
{/* Repeat this structure for each bullet point */}
|
||||||
|
<li>Lorem ipsum dolor sit amet</li>
|
||||||
|
<li>Lorem ipsum dolor sit amet</li>
|
||||||
|
<li>Lorem ipsum dolor sit amet</li>
|
||||||
|
<li>Lorem ipsum dolor sit amet</li>
|
||||||
|
<li>Lorem ipsum dolor sit amet</li>
|
||||||
|
{/* ... */}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="mx-auto max-w-screen-xl">
|
||||||
|
<h2 className="mb-8 text-center text-4xl font-semibold">Parents love us</h2>
|
||||||
|
|
||||||
|
<Carousel />
|
||||||
|
</div>
|
||||||
<Suspense>
|
<Suspense>
|
||||||
<Footer />
|
<Footer />
|
||||||
</Suspense>
|
</Suspense>
|
||||||
|
|||||||
@ -1,7 +1,51 @@
|
|||||||
import { getCollectionProducts } from 'lib/shopify';
|
import { getCollectionProducts } from 'lib/shopify';
|
||||||
import Link from 'next/link';
|
|
||||||
import { GridTileImage } from './grid/tile';
|
import { GridTileImage } from './grid/tile';
|
||||||
|
|
||||||
|
const testimonials = [
|
||||||
|
{
|
||||||
|
name: 'Parent name',
|
||||||
|
description:
|
||||||
|
'Non risus viverra enim, quis. Eget vitae arcu vivamus sit tellus, viverra turpis lorem. Varius a turpis urna id porttitor.',
|
||||||
|
school: 'Houston Quran Academy'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Parent name',
|
||||||
|
description:
|
||||||
|
'Non risus viverra enim, quis. Eget vitae arcu vivamus sit tellus, viverra turpis lorem. Varius a turpis urna id porttitor.',
|
||||||
|
school: 'Houston Quran Academy'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Parent name',
|
||||||
|
description:
|
||||||
|
'Non risus viverra enim, quis. Eget vitae arcu vivamus sit tellus, viverra turpis lorem. Varius a turpis urna id porttitor.',
|
||||||
|
school: 'ILM Academy'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Parent name',
|
||||||
|
description:
|
||||||
|
'Non risus viverra enim, quis. Eget vitae arcu vivamus sit tellus, viverra turpis lorem. Varius a turpis urna id porttitor.',
|
||||||
|
school: 'Iman Academy SE'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Parent name',
|
||||||
|
description:
|
||||||
|
'Non risus viverra enim, quis. Eget vitae arcu vivamus sit tellus, viverra turpis lorem. Varius a turpis urna id porttitor.',
|
||||||
|
school: 'Houston Quran Academy'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Parent name',
|
||||||
|
description:
|
||||||
|
'Non risus viverra enim, quis. Eget vitae arcu vivamus sit tellus, viverra turpis lorem. Varius a turpis urna id porttitor.',
|
||||||
|
school: 'Iman Academy SW'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Parent name',
|
||||||
|
description:
|
||||||
|
'Non risus viverra enim, quis. Eget vitae arcu vivamus sit tellus, viverra turpis lorem. Varius a turpis urna id porttitor.',
|
||||||
|
school: 'Ilm Academy'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
export async function Carousel() {
|
export async function Carousel() {
|
||||||
// Collections that start with `hidden-*` are hidden from the search page.
|
// Collections that start with `hidden-*` are hidden from the search page.
|
||||||
const products = await getCollectionProducts({ collection: 'hidden-homepage-carousel' });
|
const products = await getCollectionProducts({ collection: 'hidden-homepage-carousel' });
|
||||||
@ -14,24 +58,22 @@ export async function Carousel() {
|
|||||||
return (
|
return (
|
||||||
<div className=" w-full overflow-x-auto pb-6 pt-1">
|
<div className=" w-full overflow-x-auto pb-6 pt-1">
|
||||||
<ul className="flex animate-carousel gap-4">
|
<ul className="flex animate-carousel gap-4">
|
||||||
{carouselProducts.map((product, i) => (
|
{testimonials.map((product, i) => (
|
||||||
<li
|
<li
|
||||||
key={`${product.handle}${i}`}
|
key={`testimonial-${i}`}
|
||||||
className="relative aspect-square h-[30vh] max-h-[275px] w-2/3 max-w-[475px] flex-none md:w-1/3"
|
className="relative aspect-square h-[30vh] max-h-[275px] w-2/3 max-w-[475px] flex-none md:w-1/3"
|
||||||
>
|
>
|
||||||
<Link href={`/product/${product.handle}`} className="relative h-full w-full">
|
<GridTileImage
|
||||||
<GridTileImage
|
alt={product.name}
|
||||||
alt={product.title}
|
label={{
|
||||||
label={{
|
title: product.name,
|
||||||
title: product.title,
|
amount: product.priceRange.maxVariantPrice.amount,
|
||||||
amount: product.priceRange.maxVariantPrice.amount,
|
currencyCode: product.priceRange.maxVariantPrice.currencyCode
|
||||||
currencyCode: product.priceRange.maxVariantPrice.currencyCode
|
}}
|
||||||
}}
|
src={product.featuredImage?.url}
|
||||||
src={product.featuredImage?.url}
|
fill
|
||||||
fill
|
sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"
|
||||||
sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"
|
/>
|
||||||
/>
|
|
||||||
</Link>
|
|
||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
BIN
media/HQALogo.png
Normal file
BIN
media/HQALogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
media/boy_homePage_circle.png
Normal file
BIN
media/boy_homePage_circle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 186 KiB |
BIN
media/girl_homePage_circle.png
Normal file
BIN
media/girl_homePage_circle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 197 KiB |
BIN
media/ilmLogo.png
Normal file
BIN
media/ilmLogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
media/imanAcademy.png
Normal file
BIN
media/imanAcademy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
media/parent_homePage_circle.png
Normal file
BIN
media/parent_homePage_circle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
7
media/step1.svg
Normal file
7
media/step1.svg
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="90" cy="90" r="90" fill="#CCEBF5"/>
|
||||||
|
<circle cx="90" cy="90" r="52" fill="white"/>
|
||||||
|
<path d="M97.1616 75.6841L91.1208 61.8659L91.0459 61.825L90.9846 61.6888L90.9165 61.6071L90.8416 61.5186L90.7531 61.4369L90.6646 61.3756C90.6283 61.3491 90.5895 61.3263 90.5488 61.3075H90.4875L90.3649 61.2666H90.2696H90.1538H89.9358H89.8201H89.7111H89.6021L89.5204 61.3143L89.4319 61.3619L89.3297 61.4437L89.2616 61.505L89.1663 61.6071C89.14 61.6377 89.1103 61.6651 89.0777 61.6888L89.0028 61.825L88.962 61.8932L82.8871 75.6841C82.7967 75.8846 82.7683 76.1075 82.8054 76.3242C82.7987 76.4127 82.7987 76.5014 82.8054 76.5898V115.627C82.8021 115.661 82.8021 115.695 82.8054 115.729C82.8054 115.804 82.8054 115.872 82.8054 115.94C82.8072 116.79 83.1458 117.605 83.7469 118.206C84.3481 118.807 85.1629 119.146 86.0131 119.148H94.0765C94.9273 119.148 95.7431 118.81 96.3447 118.208C96.9462 117.607 97.2842 116.791 97.2842 115.94C97.2842 115.872 97.2842 115.804 97.2842 115.729C97.2842 115.654 97.2842 115.661 97.2842 115.627V76.5898C97.2912 76.4651 97.2912 76.34 97.2842 76.2153C97.2844 76.0312 97.2425 75.8495 97.1616 75.6841ZM88.172 69.4254H91.8768L93.7633 73.7159H86.2719L88.172 69.4254ZM90.0244 65.2302L90.8552 67.1167H89.1935L90.0244 65.2302ZM85.1073 76.6035C85.1073 76.3787 85.5091 76.045 86.1152 76.045H88.8802V112.698H85.9927C85.6929 112.699 85.3948 112.743 85.1073 112.828V76.6035ZM91.1958 76.045H93.9199C94.526 76.045 94.9346 76.3787 94.9346 76.6035V112.828C94.6448 112.743 94.3445 112.699 94.0425 112.698H91.1958V76.045ZM94.0765 116.812H85.9927C85.7704 116.792 85.5635 116.69 85.4127 116.526C85.262 116.361 85.1784 116.146 85.1784 115.923C85.1784 115.7 85.262 115.485 85.4127 115.32C85.5635 115.156 85.7704 115.054 85.9927 115.034H94.0765C94.1998 115.023 94.3239 115.038 94.4411 115.078C94.5583 115.118 94.6659 115.182 94.7571 115.265C94.8483 115.349 94.9212 115.45 94.971 115.564C95.0208 115.677 95.0466 115.799 95.0466 115.923C95.0466 116.047 95.0208 116.169 94.971 116.282C94.9212 116.396 94.8483 116.497 94.7571 116.581C94.6659 116.664 94.5583 116.728 94.4411 116.768C94.3239 116.808 94.1998 116.822 94.0765 116.812Z" fill="#073B4C"/>
|
||||||
|
<path d="M118.144 76.5904C118.144 76.467 118.132 76.344 118.11 76.2226C118.124 76.0561 118.101 75.8886 118.042 75.7323L114.514 66.5247C114.427 66.3109 114.281 66.1265 114.092 65.9935C113.985 65.8815 113.856 65.7924 113.713 65.7315C113.57 65.6707 113.416 65.6393 113.261 65.6394H111.981V61.8256C111.958 61.533 111.826 61.2596 111.611 61.0602C111.396 60.8608 111.113 60.75 110.82 60.75C110.526 60.75 110.244 60.8608 110.028 61.0602C109.813 61.2596 109.681 61.533 109.659 61.8256V65.6394H108.644C108.352 65.6402 108.072 65.7523 107.861 65.9526C107.639 66.0794 107.468 66.2792 107.377 66.5179L103.727 75.7255C103.657 75.9076 103.634 76.1041 103.659 76.2975C103.659 76.3929 103.659 76.4882 103.659 76.5904V115.627C103.677 115.731 103.677 115.837 103.659 115.94C103.659 116.791 103.997 117.607 104.598 118.209C105.2 118.81 106.016 119.148 106.866 119.148H114.957C115.808 119.148 116.624 118.81 117.225 118.209C117.827 117.607 118.165 116.791 118.165 115.94C118.165 115.879 118.165 115.825 118.165 115.77C118.168 115.723 118.168 115.675 118.165 115.627L118.144 76.5904ZM109.298 67.9549H112.58L114.787 73.7096H107.016L109.298 67.9549ZM115.829 115.205C115.762 115.388 115.746 115.586 115.781 115.777C115.781 115.852 115.781 115.934 115.829 115.9C115.831 116.134 115.74 116.36 115.577 116.528C115.414 116.696 115.191 116.793 114.957 116.799H106.853C106.635 116.802 106.423 116.726 106.257 116.584C106.092 116.443 105.984 116.245 105.954 116.029C105.954 115.988 106.001 115.825 106.008 115.784C106.04 115.608 106.024 115.427 105.961 115.259V76.5904C105.961 76.3656 106.362 76.0319 106.975 76.0319H114.814C115.42 76.0319 115.829 76.3656 115.829 76.5904V115.205Z" fill="#073B4C"/>
|
||||||
|
<path d="M74.6874 62.2001H65.5343C64.5975 62.1594 63.6828 62.4911 62.9898 63.1228C62.2969 63.7545 61.8822 64.6347 61.8363 65.5712V115.92C61.8329 115.981 61.8329 116.043 61.8363 116.104C61.8363 116.172 61.8363 116.254 61.8363 116.335C61.805 117.309 62.1608 118.256 62.8258 118.968C63.4907 119.68 64.4107 120.1 65.3845 120.136H74.8372C75.3217 120.118 75.7981 120.005 76.2388 119.803C76.6796 119.601 77.0762 119.314 77.4058 118.958C77.7354 118.603 77.9917 118.186 78.1597 117.731C78.3278 117.276 78.4045 116.793 78.3854 116.308C78.3892 116.233 78.3892 116.158 78.3854 116.083C78.389 116.02 78.389 115.956 78.3854 115.893V65.5712C78.3395 64.6347 77.9247 63.7545 77.2318 63.1228C76.5389 62.4911 75.6241 62.1594 74.6874 62.2001ZM76.0494 115.511C75.9792 115.696 75.9558 115.895 75.9813 116.09C75.9813 116.131 76.0358 116.295 76.0494 116.335C76.0663 116.514 76.0478 116.694 75.9949 116.865C75.942 117.037 75.8559 117.196 75.7414 117.334C75.6268 117.472 75.4862 117.586 75.3276 117.669C75.1689 117.753 74.9953 117.804 74.8168 117.82H65.3845C65.0302 117.786 64.7036 117.614 64.4745 117.341C64.2454 117.069 64.132 116.718 64.1586 116.363C64.1586 116.322 64.2131 116.131 64.2199 116.09C64.2421 115.915 64.2186 115.736 64.1518 115.573V114.715H68.6807C68.9733 114.692 69.2466 114.56 69.446 114.345C69.6454 114.13 69.7562 113.847 69.7562 113.553C69.7562 113.26 69.6454 112.977 69.446 112.762C69.2466 112.547 68.9733 112.415 68.6807 112.392H64.1518V109.736H68.6807C68.9877 109.736 69.2822 109.614 69.4993 109.397C69.7164 109.18 69.8384 108.886 69.8384 108.578C69.8384 108.271 69.7164 107.977 69.4993 107.76C69.2822 107.543 68.9877 107.421 68.6807 107.421H64.1518V104.765H68.6807C68.9877 104.765 69.2822 104.643 69.4993 104.426C69.7164 104.208 69.8384 103.914 69.8384 103.607C69.8384 103.3 69.7164 103.005 69.4993 102.788C69.2822 102.571 68.9877 102.449 68.6807 102.449H64.1518V99.7932H68.6807C68.9877 99.7932 69.2822 99.6712 69.4993 99.4541C69.7164 99.2369 69.8384 98.9425 69.8384 98.6354C69.8384 98.3284 69.7164 98.0339 69.4993 97.8167C69.2822 97.5996 68.9877 97.4776 68.6807 97.4776H64.1518V94.8216H68.6807C68.9877 94.8216 69.2822 94.6996 69.4993 94.4825C69.7164 94.2654 69.8384 93.9709 69.8384 93.6639C69.8384 93.3568 69.7164 93.0623 69.4993 92.8452C69.2822 92.6281 68.9877 92.5061 68.6807 92.5061H64.1518V89.8501H68.6807C68.9733 89.8277 69.2466 89.6956 69.446 89.4803C69.6454 89.265 69.7562 88.9824 69.7562 88.6889C69.7562 88.3955 69.6454 88.1128 69.446 87.8975C69.2466 87.6822 68.9733 87.5502 68.6807 87.5278H64.1518V84.8717H68.6807C68.9877 84.8717 69.2822 84.7497 69.4993 84.5326C69.7164 84.3155 69.8384 84.021 69.8384 83.714C69.8384 83.4069 69.7164 83.1124 69.4993 82.8953C69.2822 82.6782 68.9877 82.5562 68.6807 82.5562H64.1518V79.9002H68.6807C68.9877 79.9002 69.2822 79.7782 69.4993 79.5611C69.7164 79.344 69.8384 79.0495 69.8384 78.7424C69.8384 78.4354 69.7164 78.1409 69.4993 77.9238C69.2822 77.7066 68.9877 77.5847 68.6807 77.5847H64.1518V74.9286H68.6807C68.9877 74.9286 69.2822 74.8067 69.4993 74.5895C69.7164 74.3724 69.8384 74.0779 69.8384 73.7709C69.8384 73.4638 69.7164 73.1693 69.4993 72.9522C69.2822 72.7351 68.9877 72.6131 68.6807 72.6131H64.1518V69.9571H68.6807C68.9733 69.9347 69.2466 69.8026 69.446 69.5873C69.6454 69.372 69.7562 69.0894 69.7562 68.7959C69.7562 68.5025 69.6454 68.2198 69.446 68.0046C69.2466 67.7893 68.9733 67.6572 68.6807 67.6348H64.1518V65.5917C64.2053 65.2771 64.3749 64.994 64.6272 64.7985C64.8794 64.603 65.1959 64.5094 65.5139 64.5361H74.6874C75.0054 64.5094 75.3218 64.603 75.5741 64.7985C75.8263 64.994 75.9959 65.2771 76.0494 65.5917V115.511Z" fill="#073B4C"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 7.3 KiB |
5
media/step2.svg
Normal file
5
media/step2.svg
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="90" cy="90" r="90" fill="#FFD166"/>
|
||||||
|
<circle cx="88" cy="90" r="52" fill="white"/>
|
||||||
|
<path d="M57.9998 63V65.5376H64.9484L72.9276 95.8609L71.4767 98.6846C70.6842 100.227 70.77 102.023 71.7061 103.487C72.6383 104.946 74.25 105.817 76.0174 105.817H110.192V103.28H76.0174C75.1506 103.28 74.3906 102.868 73.9325 102.152C73.4772 101.439 73.4356 100.566 73.8211 99.8155L75.1273 97.273H111.738L118.666 70.3235H68.9102L66.9831 63H57.9998ZM69.578 72.8612H79.2678V94.7354H75.3339L69.578 72.8612ZM81.7756 72.8612H87.351V94.7354H81.7756V72.8612ZM89.859 72.8612H95.5522V94.7354H89.859V72.8612ZM98.06 72.8612H103.658V94.7354H98.06V72.8612ZM106.166 72.8612H115.315L109.692 94.7354H106.166V72.8612ZM81.0883 106.69C78.1437 106.69 75.748 109.08 75.748 112.016C75.748 114.953 78.1436 117.343 81.0883 117.343C84.0331 117.343 86.4288 114.953 86.4288 112.016C86.4288 109.08 84.0331 106.69 81.0883 106.69ZM101.807 106.69C98.8622 106.69 96.4666 109.08 96.4666 112.016C96.4666 114.953 98.8622 117.343 101.807 117.343C104.752 117.343 107.147 114.953 107.147 112.016C107.147 109.08 104.752 106.69 101.807 106.69ZM81.0883 109.228C82.5977 109.228 83.8258 110.479 83.8258 112.016C83.8258 113.554 82.5978 114.805 81.0883 114.805C79.5791 114.805 78.3511 113.554 78.3511 112.016C78.3511 110.479 79.5791 109.228 81.0883 109.228ZM101.807 109.228C103.316 109.228 104.544 110.479 104.544 112.016C104.544 113.554 103.316 114.805 101.807 114.805C100.298 114.805 99.0696 113.554 99.0696 112.016C99.0696 110.479 100.298 109.228 101.807 109.228Z" fill="#073B4C" stroke="#073B4C" stroke-width="0.25"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.6 KiB |
5
media/step3.svg
Normal file
5
media/step3.svg
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="90" cy="90" r="90" fill="#06D6A0"/>
|
||||||
|
<circle cx="90" cy="90" r="52" fill="white"/>
|
||||||
|
<path d="M64.2749 68C63.9183 67.9985 63.5757 68.1504 63.3225 68.4223C63.0693 68.6942 62.9263 69.0638 62.9248 69.4497V77.2072H58.4176C58.2401 77.2065 58.0642 77.2438 57.9001 77.3169C57.736 77.3901 57.5869 77.4977 57.4614 77.6335C57.3359 77.7693 57.2364 77.9307 57.1688 78.1083C57.1012 78.2859 57.0668 78.4763 57.0675 78.6684C57.0682 78.8595 57.1037 79.0486 57.1719 79.2249C57.2401 79.4012 57.3397 79.5612 57.4651 79.6958C57.5905 79.8305 57.7391 79.937 57.9025 80.0095C58.066 80.0819 58.241 80.1188 58.4176 80.1181H62.9248V86.4884H52.3422C51.9865 86.4891 51.6455 86.6424 51.3939 86.9147C51.1423 87.1869 51.0007 87.556 51 87.941C50.9993 88.1323 51.0335 88.322 51.1006 88.499C51.1677 88.6761 51.2664 88.8371 51.3911 88.9728C51.5158 89.1085 51.664 89.2163 51.8272 89.2899C51.9904 89.3636 52.1654 89.4017 52.3422 89.4021H62.9248V105.517C62.9242 105.709 62.9586 105.899 63.0262 106.077C63.0938 106.254 63.1933 106.416 63.3188 106.552C63.4443 106.688 63.5934 106.795 63.7575 106.868C63.9216 106.941 64.0974 106.979 64.2749 106.978H71.5454C72.2964 110.049 74.8592 112.339 77.9044 112.339C80.9497 112.339 83.5181 110.049 84.2714 106.978H102.692H108.812C109.563 110.049 112.125 112.339 115.171 112.339C118.216 112.339 120.787 110.049 121.54 106.978H127.65C127.827 106.979 128.003 106.941 128.167 106.868C128.331 106.795 128.481 106.688 128.606 106.552C128.732 106.416 128.831 106.254 128.899 106.077C128.966 105.899 129.001 105.709 129 105.517V92.0002C128.998 91.7803 128.951 91.5635 128.861 91.3663L122.775 77.8525C122.664 77.6068 122.492 77.3997 122.278 77.2549C122.064 77.1102 121.817 77.0335 121.564 77.0338H104.042V69.4497C104.04 69.0638 103.897 68.6942 103.644 68.4223C103.391 68.1504 103.048 67.9985 102.692 68H64.2749ZM65.6145 70.9108H101.352V104.067H84.4263C83.9575 100.599 81.2109 97.8987 77.9044 97.8987C74.598 97.8987 71.8604 100.599 71.3931 104.067H65.6145V89.4021H78.7082C78.8848 89.4013 79.0595 89.363 79.2224 89.2891C79.3853 89.2153 79.5332 89.1075 79.6576 88.9718C79.782 88.8361 79.8805 88.6752 79.9474 88.4984C80.0143 88.3215 80.0484 88.1321 80.0478 87.941C80.0471 87.5565 79.9058 87.1878 79.6548 86.9157C79.4038 86.6435 79.0635 86.4899 78.7082 86.4884H65.6145V80.1181H78.7082C79.063 80.1166 79.403 79.9634 79.6539 79.6918C79.9048 79.4203 80.0464 79.0524 80.0478 78.6684C80.0484 78.4772 80.0143 78.2878 79.9474 78.111C79.8805 77.9341 79.782 77.7732 79.6576 77.6376C79.5332 77.5019 79.3853 77.394 79.2224 77.3202C79.0595 77.2464 78.8848 77.208 78.7082 77.2072H65.6145V70.9108ZM104.042 79.9475H120.721L125.501 90.5505H104.042V79.9475ZM104.042 93.4613H126.31V104.067H121.693C121.224 100.599 118.477 97.8987 115.171 97.8987C111.864 97.8987 109.127 100.599 108.659 104.067H104.042V93.4613ZM77.8046 100.812C77.8381 100.811 77.8707 100.812 77.9044 100.812C80.0621 100.812 81.805 102.709 81.805 105.119C81.805 107.529 80.0621 109.428 77.9044 109.428C75.7467 109.428 74.0118 107.529 74.0118 105.119C74.0118 102.746 75.694 100.87 77.8046 100.812ZM115.071 100.812C115.105 100.811 115.137 100.812 115.171 100.812C117.329 100.812 119.074 102.709 119.074 105.119C119.074 107.529 117.329 109.428 115.171 109.428C113.013 109.428 111.281 107.529 111.281 105.119C111.281 102.746 112.96 100.87 115.071 100.812Z" fill="#073B4C"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.3 KiB |
5
media/step4.svg
Normal file
5
media/step4.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.8 KiB |
Loading…
x
Reference in New Issue
Block a user