replace all the files in imports folder from the design code
42
src/imports/AfterLogin.tsx
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
function Text() {
|
||||||
|
return (
|
||||||
|
<div className="h-[14px] relative shrink-0 w-[13.703px]" data-name="Text">
|
||||||
|
<div className="bg-clip-padding border-0 border-[transparent] border-solid box-border h-[14px] relative w-[13.703px]">
|
||||||
|
<div className="absolute font-['Poppins:Bold',_sans-serif] leading-[0] left-0 not-italic text-[10.5px] text-nowrap text-white top-0">
|
||||||
|
<p className="leading-[14px] whitespace-pre">JD</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Container() {
|
||||||
|
return (
|
||||||
|
<div className="box-border content-stretch flex items-center justify-center pl-0 pr-[0.016px] py-0 relative rounded-[3.35544e+07px] shrink-0 size-[28px]" data-name="Container" style={{ backgroundImage: "linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(90deg, rgb(249, 95, 98) 0%, rgb(249, 95, 98) 100%)" }}>
|
||||||
|
<Text />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Text1() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex h-[17.5px] items-start relative shrink-0 w-[86.047px]" data-name="Text">
|
||||||
|
<div className="font-['Poppins:SemiBold',_sans-serif] leading-[0] not-italic relative shrink-0 text-[12.25px] text-nowrap text-white">
|
||||||
|
<p className="leading-[17.5px] whitespace-pre">MY CITY CARD</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function AfterLogin() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#f95f62] relative rounded-[3.35544e+07px] shadow-[0px_10px_15px_-3px_rgba(0,0,0,0.1),0px_4px_6px_-4px_rgba(0,0,0,0.1)] size-full" data-name="After Login">
|
||||||
|
<div className="flex flex-row items-center justify-center relative size-full">
|
||||||
|
<div className="box-border content-stretch flex gap-[4px] items-center justify-center overflow-clip px-[15px] py-[12px] relative size-full">
|
||||||
|
<Container />
|
||||||
|
<Text1 />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
21
src/imports/BeforeLogin.tsx
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
function Text() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex h-[17.5px] items-start relative shrink-0" data-name="Text">
|
||||||
|
<div className="font-['Poppins:SemiBold',_sans-serif] leading-[0] not-italic relative shrink-0 text-[12.25px] text-nowrap text-white">
|
||||||
|
<p className="leading-[17.5px] whitespace-pre">GET A CITY CARD</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function BeforeLogin() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#f95f62] relative rounded-[3.35544e+07px] shadow-[0px_10px_15px_-3px_rgba(0,0,0,0.1),0px_4px_6px_-4px_rgba(0,0,0,0.1)] size-full" data-name="Before Login">
|
||||||
|
<div className="flex flex-col items-center relative size-full">
|
||||||
|
<div className="box-border content-stretch flex flex-col gap-[8px] items-center overflow-clip px-[47px] py-[17px] relative size-full">
|
||||||
|
<Text />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
916
src/imports/MagicItinDay5.tsx
Normal file
@@ -0,0 +1,916 @@
|
|||||||
|
import svgPaths from "./svg-adqhdgpsh";
|
||||||
|
import imgPhoto from "figma:asset/895585e16a5ef99513fed52e650cc187c5d00f0a.png";
|
||||||
|
import imgRectangle36 from "figma:asset/c878c3c798a222b8d2bc4e2bd140d905882d2175.png";
|
||||||
|
import imgRectangle37 from "figma:asset/a125d02d1ff3e548286c149140a80da8c96f2b93.png";
|
||||||
|
|
||||||
|
function Confetti() {
|
||||||
|
return (
|
||||||
|
<div className="absolute h-[600.579px] left-0 top-[729.79px] w-[392px]" data-name="Confetti">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 32 32">
|
||||||
|
<g id="Confetti" opacity="0">
|
||||||
|
<path d={svgPaths.p30846ac0} fill="var(--fill-0, #F266FF)" id="Vector" />
|
||||||
|
<path d={svgPaths.p1af8f150} id="Vector_2" stroke="var(--stroke-0, #A1FF66)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p2e546900} fill="var(--fill-0, #66FFA8)" id="Vector_3" />
|
||||||
|
<path d={svgPaths.p2a600580} id="Vector_4" stroke="var(--stroke-0, #8C66FF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p3b167700} fill="var(--fill-0, #66D9FF)" id="Vector_5" />
|
||||||
|
<path d={svgPaths.p114f0d00} id="Vector_6" stroke="var(--stroke-0, #66CCFF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p6b82b00} fill="var(--fill-0, #7D66FF)" id="Vector_7" />
|
||||||
|
<path d={svgPaths.p3a1b1dc0} id="Vector_8" stroke="var(--stroke-0, #E066FF)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p1f72dd00} id="Vector_9" stroke="var(--stroke-0, #66FFED)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p31508a60} id="Vector_10" stroke="var(--stroke-0, #FFC766)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p3e65c400} id="Vector_11" stroke="var(--stroke-0, #FF6E66)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p1ca023c0} id="Vector_12" stroke="var(--stroke-0, #E8FF66)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p36217800} fill="var(--fill-0, #DEFF66)" id="Vector_13" />
|
||||||
|
<path d={svgPaths.p13f60480} id="Vector_14" stroke="var(--stroke-0, #66FFE8)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p125d3600} fill="var(--fill-0, #A6FF66)" id="Vector_15" />
|
||||||
|
<path d={svgPaths.p10f7c300} fill="var(--fill-0, #85FF66)" id="Vector_16" />
|
||||||
|
<path d={svgPaths.p365e9600} fill="var(--fill-0, #66FFBF)" id="Vector_17" />
|
||||||
|
<path d={svgPaths.p1617b600} fill="var(--fill-0, #66FFB5)" id="Vector_18" />
|
||||||
|
<path d={svgPaths.p2f540d00} fill="var(--fill-0, #D966FF)" id="Vector_19" />
|
||||||
|
<path d={svgPaths.p26750500} fill="var(--fill-0, #66FF7F)" id="Vector_20" />
|
||||||
|
<path d={svgPaths.pca2f800} id="Vector_21" stroke="var(--stroke-0, #FFB866)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p130d1600} fill="var(--fill-0, #B8FF66)" id="Vector_22" />
|
||||||
|
<path d={svgPaths.p112ca500} id="Vector_23" stroke="var(--stroke-0, #66FFC9)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p30587f00} id="Vector_24" stroke="var(--stroke-0, #FF66B5)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p2c53d00} fill="var(--fill-0, #FFB866)" id="Vector_25" />
|
||||||
|
<path d={svgPaths.p245b5500} fill="var(--fill-0, #FFDB66)" id="Vector_26" />
|
||||||
|
<path d={svgPaths.p13ac0f00} fill="var(--fill-0, #D4FF66)" id="Vector_27" />
|
||||||
|
<path d={svgPaths.p2d198000} id="Vector_28" stroke="var(--stroke-0, #66FF96)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.pc00e050} id="Vector_29" stroke="var(--stroke-0, #66FFC2)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p1ae38580} id="Vector_30" stroke="var(--stroke-0, #66FF7D)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p1d9db000} fill="var(--fill-0, #FFB366)" id="Vector_31" />
|
||||||
|
<path d={svgPaths.pcd62e8} id="Vector_32" stroke="var(--stroke-0, #F266FF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.pa248b00} fill="var(--fill-0, #6699FF)" id="Vector_33" />
|
||||||
|
<path d={svgPaths.p23dc0000} id="Vector_34" stroke="var(--stroke-0, #FF7366)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p21984100} fill="var(--fill-0, #FF6669)" id="Vector_35" />
|
||||||
|
<path d={svgPaths.p315a1e30} fill="var(--fill-0, #FF8266)" id="Vector_36" />
|
||||||
|
<path d={svgPaths.p36d2ba80} id="Vector_37" stroke="var(--stroke-0, #E366FF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.pee931c0} fill="var(--fill-0, #FF66E8)" id="Vector_38" />
|
||||||
|
<path d={svgPaths.p23d70180} fill="var(--fill-0, #66FF8C)" id="Vector_39" />
|
||||||
|
<path d={svgPaths.p3ba87480} fill="var(--fill-0, #66FFF5)" id="Vector_40" />
|
||||||
|
<path d="M14.4383 38.0174L0 4.01739" id="Vector_41" stroke="var(--stroke-0, #FF7566)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p1d1bf900} id="Vector_42" stroke="var(--stroke-0, #8AFF66)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p39b4f00} fill="var(--fill-0, #ED66FF)" id="Vector_43" />
|
||||||
|
<path d={svgPaths.p2369e2c0} id="Vector_44" stroke="var(--stroke-0, #FF6682)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p21a2df00} fill="var(--fill-0, #FF66BD)" id="Vector_45" />
|
||||||
|
<path d={svgPaths.p245cc9b0} fill="var(--fill-0, #66FFF2)" id="Vector_46" />
|
||||||
|
<path d={svgPaths.p293abff0} fill="var(--fill-0, #FFB866)" id="Vector_47" />
|
||||||
|
<path d={svgPaths.p28906180} fill="var(--fill-0, #66E6FF)" id="Vector_48" />
|
||||||
|
<path d={svgPaths.p3282b480} fill="var(--fill-0, #FF66ED)" id="Vector_49" />
|
||||||
|
<path d={svgPaths.p3d2fe400} id="Vector_50" stroke="var(--stroke-0, #667AFF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p1fd17c80} fill="var(--fill-0, #FF6666)" id="Vector_51" />
|
||||||
|
<path d={svgPaths.p1ada2c00} fill="var(--fill-0, #FF667A)" id="Vector_52" />
|
||||||
|
<path d={svgPaths.p55e1500} id="Vector_53" stroke="var(--stroke-0, #66D1FF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p9491b80} fill="var(--fill-0, #FF7566)" id="Vector_54" />
|
||||||
|
<path d={svgPaths.p394df1c0} fill="var(--fill-0, #91FF66)" id="Vector_55" />
|
||||||
|
<path d={svgPaths.p39dd4ef0} fill="var(--fill-0, #CCFF66)" id="Vector_56" />
|
||||||
|
<path d={svgPaths.p38fea80} fill="var(--fill-0, #CCFF66)" id="Vector_57" />
|
||||||
|
<path d={svgPaths.p751e500} fill="var(--fill-0, #66FFA8)" id="Vector_58" />
|
||||||
|
<path d={svgPaths.p3ae84670} fill="var(--fill-0, #75FF66)" id="Vector_59" />
|
||||||
|
<path d={svgPaths.p195a2f80} fill="var(--fill-0, #FF66EB)" id="Vector_60" />
|
||||||
|
<path d={svgPaths.p1c14be00} fill="var(--fill-0, #66FF9E)" id="Vector_61" />
|
||||||
|
<path d={svgPaths.p302dfa00} fill="var(--fill-0, #FF6682)" id="Vector_62" />
|
||||||
|
<path d={svgPaths.p8f80e00} fill="var(--fill-0, #F266FF)" id="Vector_63" />
|
||||||
|
<path d={svgPaths.p37f77100} id="Vector_64" stroke="var(--stroke-0, #66FFEB)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p31b9a200} fill="var(--fill-0, #BAFF66)" id="Vector_65" />
|
||||||
|
<path d={svgPaths.p1cfa9a70} fill="var(--fill-0, #66FFB0)" id="Vector_66" />
|
||||||
|
<path d={svgPaths.p273a0500} fill="var(--fill-0, #66FFF7)" id="Vector_67" />
|
||||||
|
<path d={svgPaths.p1621380} fill="var(--fill-0, #F766FF)" id="Vector_68" />
|
||||||
|
<path d={svgPaths.p32b87800} id="Vector_69" stroke="var(--stroke-0, #FF66ED)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p9a6ab80} id="Vector_70" stroke="var(--stroke-0, #96FF66)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p1261c6f0} fill="var(--fill-0, #FF66E8)" id="Vector_71" />
|
||||||
|
<path d={svgPaths.p31d95b00} fill="var(--fill-0, #6670FF)" id="Vector_72" />
|
||||||
|
<path d={svgPaths.p670ab80} fill="var(--fill-0, #66FF7F)" id="Vector_73" />
|
||||||
|
<path d={svgPaths.p20991b80} fill="var(--fill-0, #DE66FF)" id="Vector_74" />
|
||||||
|
<path d={svgPaths.pb0da100} id="Vector_75" stroke="var(--stroke-0, #BA66FF)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p2dc248a0} id="Vector_76" stroke="var(--stroke-0, #FFAD66)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p1b50ff00} fill="var(--fill-0, #8CFF66)" id="Vector_77" />
|
||||||
|
<path d={svgPaths.p33b66680} fill="var(--fill-0, #99FF66)" id="Vector_78" />
|
||||||
|
<path d={svgPaths.p1f83a980} fill="var(--fill-0, #66FFFF)" id="Vector_79" />
|
||||||
|
<path d="M361.68 6.01758L392 22.0176" id="Vector_80" stroke="var(--stroke-0, #FF66A8)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Icon() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[15.984px]" data-name="Icon">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 15.9836 15.9836">
|
||||||
|
<g id="Icon">
|
||||||
|
<path d={svgPaths.pabdaa80} id="Vector" stroke="var(--stroke-0, #4A5565)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33197" />
|
||||||
|
<path d={svgPaths.p23a159d0} id="Vector_2" stroke="var(--stroke-0, #4A5565)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33197" />
|
||||||
|
<path d={svgPaths.p5521d80} id="Vector_3" stroke="var(--stroke-0, #4A5565)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33197" />
|
||||||
|
<path d={svgPaths.p6cb7a00} id="Vector_4" stroke="var(--stroke-0, #4A5565)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33197" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function CompletionScreen() {
|
||||||
|
return (
|
||||||
|
<div className="h-[42px] relative rounded-[36829000px] shrink-0 w-full" data-name="CompletionScreen">
|
||||||
|
<div aria-hidden="true" className="absolute border-[#e5e7eb] border-[1.098px] border-solid inset-0 pointer-events-none rounded-[36829000px]" />
|
||||||
|
<div className="flex flex-row items-center justify-center size-full">
|
||||||
|
<div className="bg-clip-padding border-0 border-[transparent] border-solid content-stretch flex gap-[8px] items-center justify-center px-[111px] py-[12px] relative size-full">
|
||||||
|
<Icon />
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#4a5565] text-[16px] whitespace-nowrap">Start Over</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#f95f62] h-[42px] relative rounded-[38px] shrink-0 w-full">
|
||||||
|
<div className="flex flex-row items-center justify-center size-full">
|
||||||
|
<div className="bg-clip-padding border-0 border-[transparent] border-solid content-stretch flex items-center justify-center pl-[8px] pr-[12px] py-[12px] relative size-full">
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[16px] text-white whitespace-nowrap">Get My Trip Plan</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Container() {
|
||||||
|
return (
|
||||||
|
<div className="absolute content-stretch flex flex-col gap-[12px] items-start justify-center left-[20.46px] opacity-0 top-[186px] w-[336px]" data-name="Container">
|
||||||
|
<CompletionScreen />
|
||||||
|
<Frame />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function HeaderText() {
|
||||||
|
return (
|
||||||
|
<div className="absolute content-stretch flex flex-col gap-[8px] items-start left-[20.46px] not-italic opacity-0 text-center top-[65px] w-[352.015px]" data-name="header text">
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[0] min-w-full relative shrink-0 text-[#101828] text-[24px] tracking-[-0.96px] w-[min-content]">
|
||||||
|
<span className="font-['Poppins:Regular',sans-serif] leading-[1.3] text-[rgba(16,24,40,0.6)]">Your</span>
|
||||||
|
<span className="leading-[1.3]">{` `}</span>
|
||||||
|
<span className="leading-[1.3] text-[#f95f62]">Magic Itinerary</span>
|
||||||
|
<span className="leading-[1.3]">{` `}</span>
|
||||||
|
<span className="font-['Poppins:Regular',sans-serif] leading-[1.3] text-[rgba(16,24,40,0.6)]">is</span>
|
||||||
|
<span className="leading-[1.3]">{` `}</span>
|
||||||
|
<span className="leading-[1.3] text-[#f95f62]">Ready</span>
|
||||||
|
<span className="leading-[1.3]">{` ✨`}</span>
|
||||||
|
</p>
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[1.6] relative shrink-0 text-[14px] text-[rgba(0,0,0,0.6)] w-[336px]">{`We've got everything we need to plan your perfect trip`}</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame37() {
|
||||||
|
return (
|
||||||
|
<div className="absolute content-stretch flex flex-col font-['Poppins:SemiBold',sans-serif] gap-[6px] items-start leading-[0] left-[19.5px] not-italic text-[#101828] text-center top-[82px] w-[351.979px]">
|
||||||
|
<div className="flex flex-col h-[21.107px] justify-center relative shrink-0 text-[24px] w-full">
|
||||||
|
<p className="leading-[32px]">{`Your `}</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-col h-[21.107px] justify-center relative shrink-0 text-[0px] w-full">
|
||||||
|
<p className="text-[24px]">
|
||||||
|
<span className="leading-[32px] text-[#f95f62]">Melbourne</span>
|
||||||
|
<span className="leading-[32px]">{` `}</span>
|
||||||
|
<span className="leading-[32px] text-[#f95f62]">Magic Itinerary</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Photo() {
|
||||||
|
return (
|
||||||
|
<div className="flex-[1_0_0] min-h-px min-w-px relative rounded-[2px] w-full" data-name="photo">
|
||||||
|
<img alt="" className="absolute inset-0 max-w-none object-cover pointer-events-none rounded-[2px] size-full" src={imgPhoto} />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function OuterFrame() {
|
||||||
|
return (
|
||||||
|
<div className="bg-white content-stretch flex flex-col items-center overflow-clip relative self-stretch shrink-0 w-[86px]" data-name="outer frame">
|
||||||
|
<Photo />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group1() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[11.11%]">
|
||||||
|
<div className="absolute inset-[-0.71%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 14.2 14.2">
|
||||||
|
<g id="Group 1000002093">
|
||||||
|
<path d={svgPaths.p1aba0880} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
<path d={svgPaths.p1fa04100} fill="var(--fill-0, #F95F62)" id="Vector_2" />
|
||||||
|
<path d={svgPaths.pe6ea010} fill="var(--fill-0, #F95F62)" id="Vector_3" />
|
||||||
|
<path d={svgPaths.pbdbaa00} fill="var(--fill-0, #F95F62)" id="Vector_4" />
|
||||||
|
<path d={svgPaths.p18d2ab00} fill="var(--fill-0, #F95F62)" id="Vector_5" />
|
||||||
|
<path d={svgPaths.p16eea180} fill="var(--fill-0, #F95F62)" id="Vector_6" />
|
||||||
|
<path clipRule="evenodd" d={svgPaths.p3e80b480} fill="var(--fill-0, #F95F62)" fillRule="evenodd" id="Vector_7" stroke="var(--stroke-0, white)" strokeWidth="0.2" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame35() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[18px]">
|
||||||
|
<Group1 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame30() {
|
||||||
|
return (
|
||||||
|
<div className="content-center flex flex-wrap gap-[8px] items-center relative shrink-0">
|
||||||
|
<Frame35 />
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#f95f62] text-[16px] whitespace-nowrap">3 Days</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame36() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[18px]">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 18 18">
|
||||||
|
<g id="Frame 1597882141">
|
||||||
|
<path d={svgPaths.pcef7b00} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame31() {
|
||||||
|
return (
|
||||||
|
<div className="content-center flex flex-wrap gap-[8px] items-center relative shrink-0">
|
||||||
|
<Frame36 />
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#f95f62] text-[16px] whitespace-nowrap">12 stops</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Overview1() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[8px] items-start relative shrink-0 w-[237.5px]" data-name="overview">
|
||||||
|
<Frame30 />
|
||||||
|
<Frame31 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame32() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[8px] items-start relative shrink-0 w-full">
|
||||||
|
<div className="flex flex-col font-['Poppins:Regular',sans-serif] h-[9.672px] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[10px] text-[rgba(0,0,0,0.8)] uppercase w-[min-content]">
|
||||||
|
<p className="leading-[13.852px]">TRIP DETAILS:</p>
|
||||||
|
</div>
|
||||||
|
<Overview1 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[12.5%_5.95%_8.33%_8.34%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-5.26%_0_0_0]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 12 11.6667">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p4d87d80} fill="var(--fill-0, black)" fillOpacity="0.8" id="Vector" />
|
||||||
|
<path d={svgPaths.p3d2bae00} id="Vector_2" stroke="var(--stroke-0, #999999)" strokeLinecap="round" strokeWidth="1.16667" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function LetsIconsDateFill() {
|
||||||
|
return (
|
||||||
|
<div className="overflow-clip relative shrink-0 size-[14px]" data-name="lets-icons:date-fill">
|
||||||
|
<Group />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Adults() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[8px] h-[16px] items-center justify-center relative shrink-0" data-name="adults">
|
||||||
|
<LetsIconsDateFill />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[14px] not-italic relative shrink-0 text-[11px] text-[rgba(0,0,0,0.8)] tracking-[0.06px] whitespace-nowrap">22/02/2025</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function RiParentFill() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[14px]" data-name="ri:parent-fill">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 14 14">
|
||||||
|
<g id="ri:parent-fill">
|
||||||
|
<path d={svgPaths.p7670300} fill="var(--fill-0, black)" fillOpacity="0.8" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Adults1() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[8px] h-[16px] items-center justify-center relative shrink-0" data-name="adults">
|
||||||
|
<RiParentFill />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[14px] not-italic relative shrink-0 text-[11px] text-[rgba(0,0,0,0.8)] tracking-[0.06px] whitespace-nowrap">3 adults</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function FaSolidChild() {
|
||||||
|
return (
|
||||||
|
<div className="h-[14px] relative shrink-0 w-[10.5px]" data-name="fa-solid:child">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 10.5 14">
|
||||||
|
<g clipPath="url(#clip0_9924_1087)" id="fa-solid:child">
|
||||||
|
<path d={svgPaths.p2e64dc00} fill="var(--fill-0, black)" fillOpacity="0.8" id="Vector" />
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_9924_1087">
|
||||||
|
<rect fill="white" height="14" width="10.5" />
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Kids() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[8px] h-[18.667px] items-center relative shrink-0" data-name="kids">
|
||||||
|
<FaSolidChild />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[14px] not-italic relative shrink-0 text-[11px] text-[rgba(0,0,0,0.8)] tracking-[0.06px] whitespace-nowrap">3 kids</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame21() {
|
||||||
|
return (
|
||||||
|
<div className="content-center flex flex-wrap gap-[12px] items-center relative shrink-0 w-full">
|
||||||
|
<Adults />
|
||||||
|
<Adults1 />
|
||||||
|
<Kids />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame28() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[12px] items-start relative shrink-0 w-[237.5px]">
|
||||||
|
<Frame32 />
|
||||||
|
<Frame21 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame29() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[8px] items-start relative shrink-0 w-full">
|
||||||
|
<OuterFrame />
|
||||||
|
<Frame28 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function MaterialSymbolsShare() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[16px]" data-name="material-symbols:share">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 16 16">
|
||||||
|
<g id="material-symbols:share">
|
||||||
|
<path d={svgPaths.p31f8ed00} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame9() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(249,95,98,0)] flex-[1_0_0] h-[44px] min-h-px min-w-px relative rounded-[8px]">
|
||||||
|
<div className="flex flex-row items-center justify-center overflow-clip rounded-[inherit] size-full">
|
||||||
|
<div className="content-stretch flex gap-[8px] items-center justify-center p-[8px] relative size-full">
|
||||||
|
<MaterialSymbolsShare />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#f95f62] text-[12px] whitespace-nowrap">Share</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#f95f62] border-solid inset-0 pointer-events-none rounded-[8px]" />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function DownloadMinimalisticSvgrepoCom() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[16px]" data-name="download-minimalistic_svgrepo.com">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 16 16">
|
||||||
|
<g id="download-minimalistic_svgrepo.com">
|
||||||
|
<path d={svgPaths.p13f2e80} id="Vector" stroke="var(--stroke-0, #F95F62)" strokeLinecap="round" strokeLinejoin="round" />
|
||||||
|
<path d={svgPaths.p21309b00} id="Vector_2" stroke="var(--stroke-0, #F95F62)" strokeLinecap="round" strokeLinejoin="round" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame10() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(249,95,98,0)] flex-[1_0_0] h-[44px] min-h-px min-w-px relative rounded-[8px]">
|
||||||
|
<div className="flex flex-row items-center justify-center overflow-clip rounded-[inherit] size-full">
|
||||||
|
<div className="content-stretch flex gap-[8px] items-center justify-center p-[8px] relative size-full">
|
||||||
|
<DownloadMinimalisticSvgrepoCom />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#f95f62] text-[12px] whitespace-nowrap">Download</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#f95f62] border-solid inset-0 pointer-events-none rounded-[8px]" />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame11() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[12px] items-center relative shrink-0 w-full">
|
||||||
|
<Frame9 />
|
||||||
|
<Frame10 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Overview() {
|
||||||
|
return (
|
||||||
|
<div className="bg-white content-stretch flex flex-col gap-[8px] items-center p-[8px] relative rounded-[6px] shadow-[0px_23.087px_46.175px_0px_rgba(209,213,220,0.5)] shrink-0 w-[352px]" data-name="Overview">
|
||||||
|
<Frame29 />
|
||||||
|
<div className="h-0 relative shrink-0 w-full">
|
||||||
|
<div className="absolute inset-[-1px_0_0_0]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 336 1">
|
||||||
|
<line id="Line 631" stroke="var(--stroke-0, black)" strokeLinecap="round" strokeOpacity="0.04" x1="0.5" x2="335.5" y1="0.5" y2="0.5" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<Frame11 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame4() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#fee7e7] h-[50px] overflow-clip relative rounded-[100px] shrink-0 w-[353px]">
|
||||||
|
<div className="absolute bg-white content-stretch flex items-center justify-center left-[4px] overflow-clip px-[24px] py-[12px] rounded-[100px] top-[4px] w-[155px]" data-name="Button">
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#2a2a2a] text-[16px] whitespace-nowrap">Daily View</p>
|
||||||
|
</div>
|
||||||
|
<div className="absolute content-stretch flex items-center justify-center left-[163px] overflow-clip px-[24px] py-[12px] rounded-[100px] top-[4px] w-[174px]" data-name="Button">
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#2a2a2a] text-[16px] whitespace-nowrap">Summary</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function MaterialSymbolsChevronRightRounded() {
|
||||||
|
return (
|
||||||
|
<div className="absolute left-[328px] size-[24px] top-[15px]" data-name="material-symbols:chevron-right-rounded">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 24 24">
|
||||||
|
<g id="material-symbols:chevron-right-rounded">
|
||||||
|
<rect fill="var(--fill-0, #F95F62)" fillOpacity="0.04" height="23" rx="11.5" width="23" x="0.5" y="0.5" />
|
||||||
|
<rect height="23" rx="11.5" stroke="var(--stroke-0, #F95F62)" width="23" x="0.5" y="0.5" />
|
||||||
|
<path d={svgPaths.p149b8d00} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame5() {
|
||||||
|
return (
|
||||||
|
<div className="h-[50px] overflow-clip relative shrink-0 w-[353px]">
|
||||||
|
<p className="absolute font-['Poppins:Regular',sans-serif] leading-[22px] left-0 not-italic text-[#f95f62] text-[18px] top-[16px] tracking-[-0.72px] whitespace-nowrap">Day 1</p>
|
||||||
|
<p className="absolute font-['Poppins:Regular',sans-serif] leading-[22px] left-[75px] not-italic text-[18px] text-[rgba(0,0,0,0.8)] top-[16px] tracking-[-0.72px] whitespace-nowrap">Day 2</p>
|
||||||
|
<p className="absolute font-['Poppins:Regular',sans-serif] leading-[22px] left-[155px] not-italic text-[18px] text-[rgba(0,0,0,0.8)] top-[16px] tracking-[-0.72px] whitespace-nowrap">Day 3</p>
|
||||||
|
<p className="absolute font-['Poppins:Regular',sans-serif] leading-[22px] left-[235px] not-italic text-[18px] text-[rgba(0,0,0,0.8)] top-[16px] tracking-[-0.72px] whitespace-nowrap">Day 4</p>
|
||||||
|
<p className="absolute font-['Poppins:Regular',sans-serif] leading-[22px] left-[316px] not-italic text-[18px] text-[rgba(0,0,0,0.4)] top-[16px] tracking-[-0.72px] whitespace-nowrap">D</p>
|
||||||
|
<p className="absolute font-['Poppins:Medium',sans-serif] leading-[18px] left-[363.33px] not-italic text-[#8e8e8e] text-[16px] top-[16px] whitespace-nowrap">Day 3</p>
|
||||||
|
<p className="absolute font-['Poppins:Medium',sans-serif] leading-[18px] left-[456.33px] not-italic text-[#8e8e8e] text-[16px] top-[16px] whitespace-nowrap">Day 4</p>
|
||||||
|
<div className="absolute h-0 left-0 top-[45px] w-[43px]">
|
||||||
|
<div className="absolute inset-[-0.5px_0]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 43 1">
|
||||||
|
<path d="M0 0.5H43" id="Vector 31" stroke="var(--stroke-0, #F95F62)" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="absolute h-0 left-[6.92px] top-[45px] w-[393px]">
|
||||||
|
<div className="absolute inset-[-0.5px_0]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 393 1">
|
||||||
|
<path d="M0 0.5H393" id="Vector 31" stroke="var(--stroke-0, #F95F62)" strokeOpacity="0.12" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<MaterialSymbolsChevronRightRounded />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function SelectionTabs() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 w-full" data-name="selection tabs">
|
||||||
|
<div className="flex flex-col items-center size-full">
|
||||||
|
<div className="content-stretch flex flex-col gap-[16px] items-center px-[20px] relative size-full">
|
||||||
|
<Frame4 />
|
||||||
|
<Frame5 />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame27() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex items-center justify-center px-[12px] relative rounded-[24px] shrink-0">
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[1.6] not-italic relative shrink-0 text-[14px] text-[rgba(0,0,0,0.8)] whitespace-nowrap">09:00 AM</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Time() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[8px] items-center justify-center relative shrink-0 w-[352.888px]" data-name="time">
|
||||||
|
<Frame27 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame2() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[2px] items-start not-italic relative shrink-0 w-full">
|
||||||
|
<p className="font-['Poppins:SemiBold',sans-serif] leading-[22px] relative shrink-0 text-[#2a2a2a] text-[16px] whitespace-nowrap">Melbourne Zoo</p>
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] relative shrink-0 text-[12px] text-[rgba(0,0,0,0.6)] w-[358px]">Elliott Avenue, Parkville, Victoria 3052</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame1() {
|
||||||
|
return <div className="absolute h-[16px] left-[290px] top-[218px] w-[67px]" />;
|
||||||
|
}
|
||||||
|
|
||||||
|
function Cards() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[6px] items-start relative shrink-0 w-full" data-name="Cards">
|
||||||
|
<div className="h-[211px] relative rounded-[8px] shrink-0 w-full">
|
||||||
|
<div className="absolute inset-0 overflow-hidden pointer-events-none rounded-[8px]">
|
||||||
|
<img alt="" className="absolute h-[250.95%] left-0 max-w-none top-[-41.17%] w-full" src={imgRectangle36} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<Frame2 />
|
||||||
|
<Frame1 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame13() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(254,231,231,0.6)] content-stretch flex items-center justify-center px-[12px] py-[6px] relative rounded-[100px] shrink-0">
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#bb474a] border-solid inset-0 pointer-events-none rounded-[100px]" />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#bb474a] text-[12px] whitespace-nowrap">Food</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame16() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(254,231,231,0.6)] content-stretch flex items-center justify-center px-[12px] py-[6px] relative rounded-[100px] shrink-0">
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#bb474a] border-solid inset-0 pointer-events-none rounded-[100px]" />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#bb474a] text-[12px] whitespace-nowrap">Photography</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame17() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(254,231,231,0.6)] content-stretch flex items-center justify-center px-[12px] py-[6px] relative rounded-[100px] shrink-0">
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#bb474a] border-solid inset-0 pointer-events-none rounded-[100px]" />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#bb474a] text-[12px] whitespace-nowrap">Culture</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame18() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(254,231,231,0.6)] content-stretch flex items-center justify-center px-[12px] py-[6px] relative rounded-[100px] shrink-0">
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#bb474a] border-solid inset-0 pointer-events-none rounded-[100px]" />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#bb474a] text-[12px] whitespace-nowrap">Souvenirs</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame22() {
|
||||||
|
return (
|
||||||
|
<div className="content-center flex flex-wrap gap-[8px] items-center relative shrink-0 w-full">
|
||||||
|
<Frame13 />
|
||||||
|
<Frame16 />
|
||||||
|
<Frame17 />
|
||||||
|
<Frame18 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function MdiLocation() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[24px]" data-name="mdi:location">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 24 24">
|
||||||
|
<g id="mdi:location">
|
||||||
|
<path d={svgPaths.p3aac8400} fill="var(--fill-0, white)" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame6() {
|
||||||
|
return (
|
||||||
|
<div className="absolute bg-[#f95f62] content-stretch flex gap-[10px] items-center justify-center left-[12px] px-[8px] py-[4px] rounded-[100px] top-[11px]">
|
||||||
|
<MdiLocation />
|
||||||
|
<div className="flex flex-col font-['Poppins:Regular',sans-serif] justify-end leading-[0] not-italic relative shrink-0 text-[14px] text-white whitespace-nowrap">
|
||||||
|
<p className="leading-[1.6]">Get Directions</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame23() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[12px] items-start relative shrink-0 w-[353px]">
|
||||||
|
<Cards />
|
||||||
|
<Frame22 />
|
||||||
|
<ul className="block font-['Poppins:Regular',sans-serif] leading-[0] list-disc min-w-full not-italic relative shrink-0 text-[12px] text-[rgba(0,0,0,0.8)] w-[min-content]">
|
||||||
|
<li className="mb-0 ms-[18px]">
|
||||||
|
<span className="leading-[20px]">Discover various species of wildlife only present in this zoo!</span>
|
||||||
|
</li>
|
||||||
|
<li className="mb-0 ms-[18px]">
|
||||||
|
<span className="leading-[20px]">{`Try the amazing food from our local produce `}</span>
|
||||||
|
</li>
|
||||||
|
<li className="ms-[18px]">
|
||||||
|
<span className="leading-[20px]">Shop for souvenirs that makes you trip a memorable one</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<Frame6 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame34() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[16px] items-start relative shrink-0">
|
||||||
|
<Time />
|
||||||
|
<Frame23 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame26() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex items-center justify-center px-[12px] relative rounded-[24px] shrink-0">
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[1.6] not-italic relative shrink-0 text-[14px] text-[rgba(0,0,0,0.8)] whitespace-nowrap">02:00 PM</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame3() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[2px] items-start not-italic relative shrink-0 w-full">
|
||||||
|
<p className="font-['Poppins:SemiBold',sans-serif] leading-[22px] relative shrink-0 text-[#2a2a2a] text-[16px] whitespace-nowrap">Melbourne Skydeck</p>
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] min-w-full relative shrink-0 text-[12px] text-[rgba(0,0,0,0.6)] w-[min-content]">South Bank, just across the Yarra River from Melbourne’s CBD</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Cards1() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[6px] items-start relative shrink-0 w-full" data-name="Cards">
|
||||||
|
<div className="h-[211px] relative rounded-[8px] shrink-0 w-full">
|
||||||
|
<img alt="" className="absolute inset-0 max-w-none object-cover pointer-events-none rounded-[8px] size-full" src={imgRectangle37} />
|
||||||
|
</div>
|
||||||
|
<Frame3 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function MdiLocation1() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[24px]" data-name="mdi:location">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 24 24">
|
||||||
|
<g id="mdi:location">
|
||||||
|
<path d={svgPaths.p3aac8400} fill="var(--fill-0, white)" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame7() {
|
||||||
|
return (
|
||||||
|
<div className="absolute bg-[#f95f62] content-stretch flex gap-[10px] items-center justify-center left-[12px] px-[8px] py-[4px] rounded-[100px] top-[10.58px]">
|
||||||
|
<MdiLocation1 />
|
||||||
|
<div className="flex flex-col font-['Poppins:Regular',sans-serif] justify-end leading-[0] not-italic relative shrink-0 text-[14px] text-white whitespace-nowrap">
|
||||||
|
<p className="leading-[1.6]">Get Directions</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame14() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(254,231,231,0.6)] content-stretch flex items-center justify-center px-[12px] py-[6px] relative rounded-[100px] shrink-0">
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#bb474a] border-solid inset-0 pointer-events-none rounded-[100px]" />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#bb474a] text-[12px] whitespace-nowrap">Food</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame19() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(254,231,231,0.6)] content-stretch flex items-center justify-center px-[12px] py-[6px] relative rounded-[100px] shrink-0">
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#bb474a] border-solid inset-0 pointer-events-none rounded-[100px]" />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#bb474a] text-[12px] whitespace-nowrap">Photography</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame20() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(254,231,231,0.6)] content-stretch flex items-center justify-center px-[12px] py-[6px] relative rounded-[100px] shrink-0">
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#bb474a] border-solid inset-0 pointer-events-none rounded-[100px]" />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#bb474a] text-[12px] whitespace-nowrap">Souvenirs</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame25() {
|
||||||
|
return (
|
||||||
|
<div className="content-center flex flex-wrap gap-[8px] items-center relative shrink-0 w-full">
|
||||||
|
<Frame14 />
|
||||||
|
<Frame19 />
|
||||||
|
<Frame20 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame24() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[12px] items-start relative shrink-0 w-[353px]">
|
||||||
|
<Cards1 />
|
||||||
|
<Frame7 />
|
||||||
|
<Frame25 />
|
||||||
|
<ul className="block font-['Poppins:Regular',sans-serif] leading-[0] list-disc min-w-full not-italic relative shrink-0 text-[12px] text-[rgba(0,0,0,0.8)] w-[min-content]">
|
||||||
|
<li className="mb-0 ms-[18px]">
|
||||||
|
<span className="leading-[20px]">Take in the breathtaking views from the summit overlooking Melbourne.</span>
|
||||||
|
</li>
|
||||||
|
<li className="mb-0 ms-[18px]">
|
||||||
|
<span className="leading-[20px]">Try out the infamous sky dining experience</span>
|
||||||
|
</li>
|
||||||
|
<li className="ms-[18px]">
|
||||||
|
<span className="leading-[20px]">Have a peek at the award winning voyager theatre</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame33() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[16px] items-center relative shrink-0">
|
||||||
|
<Frame26 />
|
||||||
|
<Frame24 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame8() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[24px] items-center relative shrink-0">
|
||||||
|
<Frame34 />
|
||||||
|
<Frame33 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function ItineraryDetails() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[24px] h-[1417px] items-center relative shrink-0" data-name="itinerary details">
|
||||||
|
<SelectionTabs />
|
||||||
|
<Frame8 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Content() {
|
||||||
|
return (
|
||||||
|
<div className="absolute content-stretch flex flex-col gap-[24px] h-[1673px] items-center left-0 top-[172px] w-[392px]" data-name="content">
|
||||||
|
<Overview />
|
||||||
|
<ItineraryDetails />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function ArrowRightLine() {
|
||||||
|
return (
|
||||||
|
<div className="relative size-[24px]" data-name="arrow-right-line">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 24 24">
|
||||||
|
<g id="arrow-right-line">
|
||||||
|
<path d={svgPaths.p15a24580} fill="var(--fill-0, #212121)" fillOpacity="0.4" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame15() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[8px] items-center py-[12px] relative shrink-0 w-[76px]">
|
||||||
|
<div className="flex items-center justify-center relative shrink-0">
|
||||||
|
<div className="flex-none rotate-180">
|
||||||
|
<ArrowRightLine />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[12px] text-black whitespace-nowrap">Back</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Arrow() {
|
||||||
|
return (
|
||||||
|
<div className="absolute h-[3.274px] left-[10.64px] top-[11.11px] w-[3.293px]" data-name="arrow">
|
||||||
|
<div className="absolute inset-[0_-3.43%_-8.67%_-8.62%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 3.69019 3.55896">
|
||||||
|
<g id="arrow">
|
||||||
|
<path d={svgPaths.p1a652670} fill="var(--stroke-0, #F95F62)" id="Line 13" />
|
||||||
|
<path d={svgPaths.p28638300} fill="var(--stroke-0, #F95F62)" id="Line 14" />
|
||||||
|
<path d={svgPaths.p2ce32bc0} fill="var(--stroke-0, #F95F62)" id="Line 15" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Logo() {
|
||||||
|
return (
|
||||||
|
<div className="absolute contents left-[4.57px] top-[4px]" data-name="logo">
|
||||||
|
<div className="-translate-y-1/2 absolute flex flex-col font-['Chillax:Medium',sans-serif] h-[14.097px] justify-center leading-[0] left-[4.57px] not-italic text-[#f95f62] text-[19.657px] top-[12.95px] tracking-[-1.1794px] w-[13.265px]">
|
||||||
|
<p className="leading-[normal]">C</p>
|
||||||
|
</div>
|
||||||
|
<div className="absolute left-[6.36px] size-[1.329px] top-[5.24px]">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 1.3292 1.3292">
|
||||||
|
<circle cx="0.6646" cy="0.6646" fill="var(--fill-0, #F95F62)" id="Ellipse 4" r="0.6646" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div className="absolute h-[1.411px] left-[8.64px] top-[4px] w-[1.329px]">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 1.3292 1.41095">
|
||||||
|
<ellipse cx="0.6646" cy="0.705473" fill="var(--fill-0, #F95F62)" id="Ellipse 5" rx="0.6646" ry="0.705473" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<Arrow />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame12() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(249,95,98,0.12)] content-stretch flex items-center justify-center relative rounded-[62px] shrink-0 size-[24px]">
|
||||||
|
<Logo />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Header() {
|
||||||
|
return (
|
||||||
|
<div className="absolute content-stretch flex items-center justify-between left-[20px] top-[18px] w-[351.968px]" data-name="header">
|
||||||
|
<Frame15 />
|
||||||
|
<Frame12 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function DietQuestion() {
|
||||||
|
return (
|
||||||
|
<div className="absolute bg-white h-[1445px] left-0 overflow-clip top-0 w-[393px]" data-name="DietQuestion">
|
||||||
|
<Confetti />
|
||||||
|
<Container />
|
||||||
|
<HeaderText />
|
||||||
|
<Frame37 />
|
||||||
|
<Content />
|
||||||
|
<Header />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function MagicItinDay() {
|
||||||
|
return (
|
||||||
|
<div className="bg-white relative size-full" data-name="magic itin - day 5">
|
||||||
|
<DietQuestion />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
996
src/imports/MagicItinSummaryTab.tsx
Normal file
@@ -0,0 +1,996 @@
|
|||||||
|
import svgPaths from "./svg-8l5dq4lsp8";
|
||||||
|
import imgPhoto from "figma:asset/895585e16a5ef99513fed52e650cc187c5d00f0a.png";
|
||||||
|
|
||||||
|
function Confetti() {
|
||||||
|
return (
|
||||||
|
<div className="absolute h-[600.579px] left-0 top-[729.79px] w-[392px]" data-name="Confetti">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 32 32">
|
||||||
|
<g id="Confetti" opacity="0">
|
||||||
|
<path d={svgPaths.p30846ac0} fill="var(--fill-0, #F266FF)" id="Vector" />
|
||||||
|
<path d={svgPaths.p1af8f150} id="Vector_2" stroke="var(--stroke-0, #A1FF66)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p2e546900} fill="var(--fill-0, #66FFA8)" id="Vector_3" />
|
||||||
|
<path d={svgPaths.p2a600580} id="Vector_4" stroke="var(--stroke-0, #8C66FF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p3b167700} fill="var(--fill-0, #66D9FF)" id="Vector_5" />
|
||||||
|
<path d={svgPaths.p114f0d00} id="Vector_6" stroke="var(--stroke-0, #66CCFF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p6b82b00} fill="var(--fill-0, #7D66FF)" id="Vector_7" />
|
||||||
|
<path d={svgPaths.p3a1b1dc0} id="Vector_8" stroke="var(--stroke-0, #E066FF)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p1f72dd00} id="Vector_9" stroke="var(--stroke-0, #66FFED)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p31508a60} id="Vector_10" stroke="var(--stroke-0, #FFC766)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p3e65c400} id="Vector_11" stroke="var(--stroke-0, #FF6E66)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p1ca023c0} id="Vector_12" stroke="var(--stroke-0, #E8FF66)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p36217800} fill="var(--fill-0, #DEFF66)" id="Vector_13" />
|
||||||
|
<path d={svgPaths.p13f60480} id="Vector_14" stroke="var(--stroke-0, #66FFE8)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p125d3600} fill="var(--fill-0, #A6FF66)" id="Vector_15" />
|
||||||
|
<path d={svgPaths.p10f7c300} fill="var(--fill-0, #85FF66)" id="Vector_16" />
|
||||||
|
<path d={svgPaths.p365e9600} fill="var(--fill-0, #66FFBF)" id="Vector_17" />
|
||||||
|
<path d={svgPaths.p1617b600} fill="var(--fill-0, #66FFB5)" id="Vector_18" />
|
||||||
|
<path d={svgPaths.p2f540d00} fill="var(--fill-0, #D966FF)" id="Vector_19" />
|
||||||
|
<path d={svgPaths.p26750500} fill="var(--fill-0, #66FF7F)" id="Vector_20" />
|
||||||
|
<path d={svgPaths.pca2f800} id="Vector_21" stroke="var(--stroke-0, #FFB866)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p130d1600} fill="var(--fill-0, #B8FF66)" id="Vector_22" />
|
||||||
|
<path d={svgPaths.p112ca500} id="Vector_23" stroke="var(--stroke-0, #66FFC9)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p30587f00} id="Vector_24" stroke="var(--stroke-0, #FF66B5)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p2c53d00} fill="var(--fill-0, #FFB866)" id="Vector_25" />
|
||||||
|
<path d={svgPaths.p245b5500} fill="var(--fill-0, #FFDB66)" id="Vector_26" />
|
||||||
|
<path d={svgPaths.p13ac0f00} fill="var(--fill-0, #D4FF66)" id="Vector_27" />
|
||||||
|
<path d={svgPaths.p2d198000} id="Vector_28" stroke="var(--stroke-0, #66FF96)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.pc00e050} id="Vector_29" stroke="var(--stroke-0, #66FFC2)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p1ae38580} id="Vector_30" stroke="var(--stroke-0, #66FF7D)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p1d9db000} fill="var(--fill-0, #FFB366)" id="Vector_31" />
|
||||||
|
<path d={svgPaths.pcd62e8} id="Vector_32" stroke="var(--stroke-0, #F266FF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.pa248b00} fill="var(--fill-0, #6699FF)" id="Vector_33" />
|
||||||
|
<path d={svgPaths.p23dc0000} id="Vector_34" stroke="var(--stroke-0, #FF7366)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p21984100} fill="var(--fill-0, #FF6669)" id="Vector_35" />
|
||||||
|
<path d={svgPaths.p315a1e30} fill="var(--fill-0, #FF8266)" id="Vector_36" />
|
||||||
|
<path d={svgPaths.p36d2ba80} id="Vector_37" stroke="var(--stroke-0, #E366FF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.pee931c0} fill="var(--fill-0, #FF66E8)" id="Vector_38" />
|
||||||
|
<path d={svgPaths.p23d70180} fill="var(--fill-0, #66FF8C)" id="Vector_39" />
|
||||||
|
<path d={svgPaths.p3ba87480} fill="var(--fill-0, #66FFF5)" id="Vector_40" />
|
||||||
|
<path d="M14.4383 38.0174L0 4.01739" id="Vector_41" stroke="var(--stroke-0, #FF7566)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p1d1bf900} id="Vector_42" stroke="var(--stroke-0, #8AFF66)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p39b4f00} fill="var(--fill-0, #ED66FF)" id="Vector_43" />
|
||||||
|
<path d={svgPaths.p2369e2c0} id="Vector_44" stroke="var(--stroke-0, #FF6682)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p21a2df00} fill="var(--fill-0, #FF66BD)" id="Vector_45" />
|
||||||
|
<path d={svgPaths.p245cc9b0} fill="var(--fill-0, #66FFF2)" id="Vector_46" />
|
||||||
|
<path d={svgPaths.p293abff0} fill="var(--fill-0, #FFB866)" id="Vector_47" />
|
||||||
|
<path d={svgPaths.p28906180} fill="var(--fill-0, #66E6FF)" id="Vector_48" />
|
||||||
|
<path d={svgPaths.p3282b480} fill="var(--fill-0, #FF66ED)" id="Vector_49" />
|
||||||
|
<path d={svgPaths.p3d2fe400} id="Vector_50" stroke="var(--stroke-0, #667AFF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p1fd17c80} fill="var(--fill-0, #FF6666)" id="Vector_51" />
|
||||||
|
<path d={svgPaths.p1ada2c00} fill="var(--fill-0, #FF667A)" id="Vector_52" />
|
||||||
|
<path d={svgPaths.p55e1500} id="Vector_53" stroke="var(--stroke-0, #66D1FF)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p9491b80} fill="var(--fill-0, #FF7566)" id="Vector_54" />
|
||||||
|
<path d={svgPaths.p394df1c0} fill="var(--fill-0, #91FF66)" id="Vector_55" />
|
||||||
|
<path d={svgPaths.p39dd4ef0} fill="var(--fill-0, #CCFF66)" id="Vector_56" />
|
||||||
|
<path d={svgPaths.p38fea80} fill="var(--fill-0, #CCFF66)" id="Vector_57" />
|
||||||
|
<path d={svgPaths.p751e500} fill="var(--fill-0, #66FFA8)" id="Vector_58" />
|
||||||
|
<path d={svgPaths.p3ae84670} fill="var(--fill-0, #75FF66)" id="Vector_59" />
|
||||||
|
<path d={svgPaths.p195a2f80} fill="var(--fill-0, #FF66EB)" id="Vector_60" />
|
||||||
|
<path d={svgPaths.p1c14be00} fill="var(--fill-0, #66FF9E)" id="Vector_61" />
|
||||||
|
<path d={svgPaths.p302dfa00} fill="var(--fill-0, #FF6682)" id="Vector_62" />
|
||||||
|
<path d={svgPaths.p8f80e00} fill="var(--fill-0, #F266FF)" id="Vector_63" />
|
||||||
|
<path d={svgPaths.p37f77100} id="Vector_64" stroke="var(--stroke-0, #66FFEB)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p31b9a200} fill="var(--fill-0, #BAFF66)" id="Vector_65" />
|
||||||
|
<path d={svgPaths.p1cfa9a70} fill="var(--fill-0, #66FFB0)" id="Vector_66" />
|
||||||
|
<path d={svgPaths.p273a0500} fill="var(--fill-0, #66FFF7)" id="Vector_67" />
|
||||||
|
<path d={svgPaths.p1621380} fill="var(--fill-0, #F766FF)" id="Vector_68" />
|
||||||
|
<path d={svgPaths.p32b87800} id="Vector_69" stroke="var(--stroke-0, #FF66ED)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p9a6ab80} id="Vector_70" stroke="var(--stroke-0, #96FF66)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
<path d={svgPaths.p1261c6f0} fill="var(--fill-0, #FF66E8)" id="Vector_71" />
|
||||||
|
<path d={svgPaths.p31d95b00} fill="var(--fill-0, #6670FF)" id="Vector_72" />
|
||||||
|
<path d={svgPaths.p670ab80} fill="var(--fill-0, #66FF7F)" id="Vector_73" />
|
||||||
|
<path d={svgPaths.p20991b80} fill="var(--fill-0, #DE66FF)" id="Vector_74" />
|
||||||
|
<path d={svgPaths.pb0da100} id="Vector_75" stroke="var(--stroke-0, #BA66FF)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p2dc248a0} id="Vector_76" stroke="var(--stroke-0, #FFAD66)" strokeLinecap="round" strokeWidth="3" />
|
||||||
|
<path d={svgPaths.p1b50ff00} fill="var(--fill-0, #8CFF66)" id="Vector_77" />
|
||||||
|
<path d={svgPaths.p33b66680} fill="var(--fill-0, #99FF66)" id="Vector_78" />
|
||||||
|
<path d={svgPaths.p1f83a980} fill="var(--fill-0, #66FFFF)" id="Vector_79" />
|
||||||
|
<path d="M361.68 6.01758L392 22.0176" id="Vector_80" stroke="var(--stroke-0, #FF66A8)" strokeLinecap="round" strokeWidth="4" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Icon() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[15.984px]" data-name="Icon">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 15.9836 15.9836">
|
||||||
|
<g id="Icon">
|
||||||
|
<path d={svgPaths.pabdaa80} id="Vector" stroke="var(--stroke-0, #4A5565)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33197" />
|
||||||
|
<path d={svgPaths.p23a159d0} id="Vector_2" stroke="var(--stroke-0, #4A5565)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33197" />
|
||||||
|
<path d={svgPaths.p5521d80} id="Vector_3" stroke="var(--stroke-0, #4A5565)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33197" />
|
||||||
|
<path d={svgPaths.p6cb7a00} id="Vector_4" stroke="var(--stroke-0, #4A5565)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.33197" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function CompletionScreen() {
|
||||||
|
return (
|
||||||
|
<div className="h-[42px] relative rounded-[36829000px] shrink-0 w-full" data-name="CompletionScreen">
|
||||||
|
<div aria-hidden="true" className="absolute border-[#e5e7eb] border-[1.098px] border-solid inset-0 pointer-events-none rounded-[36829000px]" />
|
||||||
|
<div className="flex flex-row items-center justify-center size-full">
|
||||||
|
<div className="bg-clip-padding border-0 border-[transparent] border-solid content-stretch flex gap-[8px] items-center justify-center px-[111px] py-[12px] relative size-full">
|
||||||
|
<Icon />
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#4a5565] text-[16px] whitespace-nowrap">Start Over</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#f95f62] h-[42px] relative rounded-[38px] shrink-0 w-full">
|
||||||
|
<div className="flex flex-row items-center justify-center size-full">
|
||||||
|
<div className="bg-clip-padding border-0 border-[transparent] border-solid content-stretch flex items-center justify-center pl-[8px] pr-[12px] py-[12px] relative size-full">
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[16px] text-white whitespace-nowrap">Get My Trip Plan</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Container() {
|
||||||
|
return (
|
||||||
|
<div className="absolute content-stretch flex flex-col gap-[12px] items-start justify-center left-[20.46px] opacity-0 top-[186px] w-[336px]" data-name="Container">
|
||||||
|
<CompletionScreen />
|
||||||
|
<Frame />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function HeaderText() {
|
||||||
|
return (
|
||||||
|
<div className="absolute content-stretch flex flex-col gap-[8px] items-start left-[20.46px] not-italic opacity-0 text-center top-[65px] w-[352.015px]" data-name="header text">
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[0] min-w-full relative shrink-0 text-[#101828] text-[24px] tracking-[-0.96px] w-[min-content]">
|
||||||
|
<span className="font-['Poppins:Regular',sans-serif] leading-[1.3] text-[rgba(16,24,40,0.6)]">Your</span>
|
||||||
|
<span className="leading-[1.3]">{` `}</span>
|
||||||
|
<span className="leading-[1.3] text-[#f95f62]">Magic Itinerary</span>
|
||||||
|
<span className="leading-[1.3]">{` `}</span>
|
||||||
|
<span className="font-['Poppins:Regular',sans-serif] leading-[1.3] text-[rgba(16,24,40,0.6)]">is</span>
|
||||||
|
<span className="leading-[1.3]">{` `}</span>
|
||||||
|
<span className="leading-[1.3] text-[#f95f62]">Ready</span>
|
||||||
|
<span className="leading-[1.3]">{` ✨`}</span>
|
||||||
|
</p>
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[1.6] relative shrink-0 text-[14px] text-[rgba(0,0,0,0.6)] w-[336px]">{`We've got everything we need to plan your perfect trip`}</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame35() {
|
||||||
|
return (
|
||||||
|
<div className="absolute content-stretch flex flex-col font-['Poppins:SemiBold',sans-serif] gap-[6px] items-start leading-[0] left-[20.46px] not-italic text-[#101828] text-center top-[89px] w-[351.979px]">
|
||||||
|
<div className="flex flex-col h-[21.107px] justify-center relative shrink-0 text-[24px] w-full">
|
||||||
|
<p className="leading-[32px]">{`Your `}</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-col h-[21.107px] justify-center relative shrink-0 text-[0px] w-full">
|
||||||
|
<p className="text-[24px]">
|
||||||
|
<span className="leading-[32px] text-[#f95f62]">Melbourne</span>
|
||||||
|
<span className="leading-[32px]">{` `}</span>
|
||||||
|
<span className="leading-[32px] text-[#f95f62]">Magic Itinerary</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Photo() {
|
||||||
|
return (
|
||||||
|
<div className="flex-[1_0_0] min-h-px min-w-px relative rounded-[2px] w-full" data-name="photo">
|
||||||
|
<img alt="" className="absolute inset-0 max-w-none object-cover pointer-events-none rounded-[2px] size-full" src={imgPhoto} />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function OuterFrame() {
|
||||||
|
return (
|
||||||
|
<div className="bg-white content-stretch flex flex-col items-center overflow-clip relative self-stretch shrink-0 w-[86px]" data-name="outer frame">
|
||||||
|
<Photo />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group5() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[11.11%]">
|
||||||
|
<div className="absolute inset-[-0.71%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 14.2 14.2">
|
||||||
|
<g id="Group 1000002093">
|
||||||
|
<path d={svgPaths.p1aba0880} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
<path d={svgPaths.p1fa04100} fill="var(--fill-0, #F95F62)" id="Vector_2" />
|
||||||
|
<path d={svgPaths.pe6ea010} fill="var(--fill-0, #F95F62)" id="Vector_3" />
|
||||||
|
<path d={svgPaths.pbdbaa00} fill="var(--fill-0, #F95F62)" id="Vector_4" />
|
||||||
|
<path d={svgPaths.p18d2ab00} fill="var(--fill-0, #F95F62)" id="Vector_5" />
|
||||||
|
<path d={svgPaths.p16eea180} fill="var(--fill-0, #F95F62)" id="Vector_6" />
|
||||||
|
<path clipRule="evenodd" d={svgPaths.p3e80b480} fill="var(--fill-0, #F95F62)" fillRule="evenodd" id="Vector_7" stroke="var(--stroke-0, white)" strokeWidth="0.2" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame31() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[18px]">
|
||||||
|
<Group5 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame28() {
|
||||||
|
return (
|
||||||
|
<div className="content-center flex flex-wrap gap-[8px] items-center relative shrink-0">
|
||||||
|
<Frame31 />
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#f95f62] text-[16px] whitespace-nowrap">3 Days</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame32() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[18px]">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 18 18">
|
||||||
|
<g id="Frame 1597882141">
|
||||||
|
<path d={svgPaths.pcef7b00} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame29() {
|
||||||
|
return (
|
||||||
|
<div className="content-center flex flex-wrap gap-[8px] items-center relative shrink-0">
|
||||||
|
<Frame32 />
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#f95f62] text-[16px] whitespace-nowrap">12 stops</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Overview1() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[8px] items-start relative shrink-0 w-[237.5px]" data-name="overview">
|
||||||
|
<Frame28 />
|
||||||
|
<Frame29 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame30() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[8px] items-start relative shrink-0 w-full">
|
||||||
|
<div className="flex flex-col font-['Poppins:Regular',sans-serif] h-[9.672px] justify-center leading-[0] min-w-full not-italic relative shrink-0 text-[10px] text-[rgba(0,0,0,0.8)] uppercase w-[min-content]">
|
||||||
|
<p className="leading-[13.852px]">TRIP DETAILS:</p>
|
||||||
|
</div>
|
||||||
|
<Overview1 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[12.5%_5.95%_8.33%_8.34%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-5.26%_0_0_0]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 12 11.6667">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p4d87d80} fill="var(--fill-0, black)" fillOpacity="0.8" id="Vector" />
|
||||||
|
<path d={svgPaths.p3d2bae00} id="Vector_2" stroke="var(--stroke-0, #999999)" strokeLinecap="round" strokeWidth="1.16667" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function LetsIconsDateFill() {
|
||||||
|
return (
|
||||||
|
<div className="overflow-clip relative shrink-0 size-[14px]" data-name="lets-icons:date-fill">
|
||||||
|
<Group />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Adults() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[8px] h-[16px] items-center justify-center relative shrink-0" data-name="adults">
|
||||||
|
<LetsIconsDateFill />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[14px] not-italic relative shrink-0 text-[11px] text-[rgba(0,0,0,0.8)] tracking-[0.06px] whitespace-nowrap">22/02/2025</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function RiParentFill() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[14px]" data-name="ri:parent-fill">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 14 14">
|
||||||
|
<g id="ri:parent-fill">
|
||||||
|
<path d={svgPaths.p7670300} fill="var(--fill-0, black)" fillOpacity="0.8" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Adults1() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[8px] h-[16px] items-center justify-center relative shrink-0" data-name="adults">
|
||||||
|
<RiParentFill />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[14px] not-italic relative shrink-0 text-[11px] text-[rgba(0,0,0,0.8)] tracking-[0.06px] whitespace-nowrap">3 adults</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function FaSolidChild() {
|
||||||
|
return (
|
||||||
|
<div className="h-[14px] relative shrink-0 w-[10.5px]" data-name="fa-solid:child">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 10.5 14">
|
||||||
|
<g clipPath="url(#clip0_9924_1087)" id="fa-solid:child">
|
||||||
|
<path d={svgPaths.p2e64dc00} fill="var(--fill-0, black)" fillOpacity="0.8" id="Vector" />
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_9924_1087">
|
||||||
|
<rect fill="white" height="14" width="10.5" />
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Kids() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[8px] h-[18.667px] items-center relative shrink-0" data-name="kids">
|
||||||
|
<FaSolidChild />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[14px] not-italic relative shrink-0 text-[11px] text-[rgba(0,0,0,0.8)] tracking-[0.06px] whitespace-nowrap">3 kids</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame9() {
|
||||||
|
return (
|
||||||
|
<div className="content-center flex flex-wrap gap-[12px] items-center relative shrink-0 w-full">
|
||||||
|
<Adults />
|
||||||
|
<Adults1 />
|
||||||
|
<Kids />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame26() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[12px] items-start relative shrink-0 w-[237.5px]">
|
||||||
|
<Frame30 />
|
||||||
|
<Frame9 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame27() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[8px] items-start relative shrink-0 w-full">
|
||||||
|
<OuterFrame />
|
||||||
|
<Frame26 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function MaterialSymbolsShare() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[16px]" data-name="material-symbols:share">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 16 16">
|
||||||
|
<g id="material-symbols:share">
|
||||||
|
<path d={svgPaths.p31f8ed00} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame3() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(249,95,98,0)] flex-[1_0_0] h-[44px] min-h-px min-w-px relative rounded-[8px]">
|
||||||
|
<div className="flex flex-row items-center justify-center overflow-clip rounded-[inherit] size-full">
|
||||||
|
<div className="content-stretch flex gap-[8px] items-center justify-center p-[8px] relative size-full">
|
||||||
|
<MaterialSymbolsShare />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#f95f62] text-[12px] whitespace-nowrap">Share</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#f95f62] border-solid inset-0 pointer-events-none rounded-[8px]" />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function DownloadMinimalisticSvgrepoCom() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[16px]" data-name="download-minimalistic_svgrepo.com">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 16 16">
|
||||||
|
<g id="download-minimalistic_svgrepo.com">
|
||||||
|
<path d={svgPaths.p13f2e80} id="Vector" stroke="var(--stroke-0, #F95F62)" strokeLinecap="round" strokeLinejoin="round" />
|
||||||
|
<path d={svgPaths.p21309b00} id="Vector_2" stroke="var(--stroke-0, #F95F62)" strokeLinecap="round" strokeLinejoin="round" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame4() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(249,95,98,0)] flex-[1_0_0] h-[44px] min-h-px min-w-px relative rounded-[8px]">
|
||||||
|
<div className="flex flex-row items-center justify-center overflow-clip rounded-[inherit] size-full">
|
||||||
|
<div className="content-stretch flex gap-[8px] items-center justify-center p-[8px] relative size-full">
|
||||||
|
<DownloadMinimalisticSvgrepoCom />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#f95f62] text-[12px] whitespace-nowrap">Download</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#f95f62] border-solid inset-0 pointer-events-none rounded-[8px]" />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame5() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[12px] items-center relative shrink-0 w-full">
|
||||||
|
<Frame3 />
|
||||||
|
<Frame4 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Overview() {
|
||||||
|
return (
|
||||||
|
<div className="bg-white content-stretch flex flex-col gap-[8px] items-center p-[8px] relative rounded-[6px] shadow-[0px_23.087px_46.175px_0px_rgba(209,213,220,0.5)] shrink-0 w-[352px]" data-name="Overview">
|
||||||
|
<Frame27 />
|
||||||
|
<div className="h-0 relative shrink-0 w-full">
|
||||||
|
<div className="absolute inset-[-1px_0_0_0]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 336 1">
|
||||||
|
<line id="Line 631" stroke="var(--stroke-0, black)" strokeLinecap="round" strokeOpacity="0.04" x1="0.5" x2="335.5" y1="0.5" y2="0.5" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<Frame5 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame1() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#fee7e7] h-[50px] overflow-clip relative rounded-[100px] shrink-0 w-[353px]">
|
||||||
|
<div className="absolute bg-white content-stretch flex items-center justify-center left-[182.5px] overflow-clip px-[24px] py-[12px] rounded-[100px] top-[3.66px] w-[167px]" data-name="Button">
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#2a2a2a] text-[16px] whitespace-nowrap">Summary</p>
|
||||||
|
</div>
|
||||||
|
<div className="absolute content-stretch flex items-center justify-center left-[4px] overflow-clip px-[24px] py-[12px] rounded-[100px] top-[4px] w-[174px]" data-name="Button">
|
||||||
|
<p className="font-['Poppins:Medium',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#2a2a2a] text-[16px] whitespace-nowrap">Daily View</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame33() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex items-center relative shrink-0">
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#212121] text-[16px] whitespace-nowrap">Day 1:</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group1() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[12.5%_8.33%_8.33%_8.33%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-5.26%_0_0_0]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 11.6667 11.6667">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p34b84f00} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
<path d={svgPaths.p219a1600} id="Vector_2" stroke="var(--stroke-0, #F95F62)" strokeLinecap="round" strokeWidth="1.16667" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function LetsIconsDateFill1() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[14px]" data-name="lets-icons:date-fill">
|
||||||
|
<Group1 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Adults2() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[4px] h-[16px] items-center justify-center relative shrink-0" data-name="adults">
|
||||||
|
<LetsIconsDateFill1 />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#f95f62] text-[12px] whitespace-nowrap">21/02/2025</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame10() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex items-center justify-between relative shrink-0 w-full">
|
||||||
|
<Frame33 />
|
||||||
|
<Adults2 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame11() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#fee7e7] relative rounded-[5px] shrink-0 w-full">
|
||||||
|
<div className="flex flex-row items-center size-full">
|
||||||
|
<div className="content-stretch flex items-center justify-between px-[14px] py-[10px] relative size-full">
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[1.6] not-italic relative shrink-0 text-[#212121] text-[14px] whitespace-nowrap">09:00 am: Melbourne Zoo</p>
|
||||||
|
<div className="flex h-[5px] items-center justify-center relative shrink-0 w-[10px]" style={{ "--transform-inner-width": "1185", "--transform-inner-height": "21" } as React.CSSProperties}>
|
||||||
|
<div className="-scale-y-100 flex-none rotate-90">
|
||||||
|
<div className="h-[10px] relative w-[5px]">
|
||||||
|
<div className="absolute inset-[-6.25%_-12.5%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 6.25 11.25">
|
||||||
|
<path d={svgPaths.pec20f00} id="Vector 796" stroke="var(--stroke-0, black)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.25" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame15() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex items-center justify-between relative shrink-0 w-[303px]">
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[1.6] not-italic relative shrink-0 text-[#212121] text-[14px] whitespace-nowrap">01:00 pm: Melbourne Skydeck</p>
|
||||||
|
<div className="flex h-[5px] items-center justify-center relative shrink-0 w-[10px]" style={{ "--transform-inner-width": "1185", "--transform-inner-height": "21" } as React.CSSProperties}>
|
||||||
|
<div className="-scale-y-100 flex-none rotate-90">
|
||||||
|
<div className="h-[10px] relative w-[5px]">
|
||||||
|
<div className="absolute inset-[-6.25%_-12.5%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 6.25 11.25">
|
||||||
|
<path d={svgPaths.pec20f00} id="Vector 796" stroke="var(--stroke-0, black)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.25" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group2() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[8.33%_12.5%_0.78%_12.5%]" data-name="Group">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 12 14.5427">
|
||||||
|
<g id="Group">
|
||||||
|
<g id="Vector" />
|
||||||
|
<path clipRule="evenodd" d={svgPaths.p31a57b00} fill="var(--fill-0, white)" fillRule="evenodd" id="Vector_2" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function MingcuteLocationLine() {
|
||||||
|
return (
|
||||||
|
<div className="overflow-clip relative shrink-0 size-[16px]" data-name="mingcute:location-line">
|
||||||
|
<Group2 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame7() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#f95f62] content-stretch flex gap-[6px] items-center justify-center px-[12px] py-[8px] relative rounded-[100px] shrink-0">
|
||||||
|
<MingcuteLocationLine />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[14px] not-italic relative shrink-0 text-[11px] text-white tracking-[0.06px] whitespace-nowrap">Get directions</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame14() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#fee7e7] relative rounded-[5px] shrink-0 w-full">
|
||||||
|
<div className="flex flex-col justify-center size-full">
|
||||||
|
<div className="content-stretch flex flex-col gap-[10px] items-start justify-center px-[14px] py-[10px] relative size-full">
|
||||||
|
<Frame15 />
|
||||||
|
<ul className="block font-['Poppins:Regular',sans-serif] leading-[0] list-disc min-w-full not-italic relative shrink-0 text-[12px] text-[rgba(0,0,0,0.8)] w-[min-content]">
|
||||||
|
<li className="mb-0 ms-[18px]">
|
||||||
|
<span className="leading-[20px]">Take in the breathtaking views from the summit overlooking Melbourne.</span>
|
||||||
|
</li>
|
||||||
|
<li className="mb-0 ms-[18px]">
|
||||||
|
<span className="leading-[20px]">Try out the infamous sky dining experience</span>
|
||||||
|
</li>
|
||||||
|
<li className="ms-[18px]">
|
||||||
|
<span className="leading-[20px]">Have a peek at the award winning voyager theatre</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<Frame7 />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame13() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[10px] items-start relative shrink-0 w-full">
|
||||||
|
<Frame11 />
|
||||||
|
<Frame14 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame12() {
|
||||||
|
return (
|
||||||
|
<div className="relative rounded-[10px] shrink-0 w-full">
|
||||||
|
<div aria-hidden="true" className="absolute border border-[#f95f62] border-solid inset-0 pointer-events-none rounded-[10px]" />
|
||||||
|
<div className="content-stretch flex flex-col gap-[22px] items-start px-[8px] py-[12px] relative size-full">
|
||||||
|
<Frame10 />
|
||||||
|
<Frame13 />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame34() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex items-center relative shrink-0">
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#212121] text-[16px] whitespace-nowrap">Day 2:</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group3() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[12.5%_8.33%_8.33%_8.33%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-5.26%_0_0_0]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 11.6667 11.6667">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p34b84f00} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
<path d={svgPaths.p219a1600} id="Vector_2" stroke="var(--stroke-0, #F95F62)" strokeLinecap="round" strokeWidth="1.16667" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function LetsIconsDateFill2() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[14px]" data-name="lets-icons:date-fill">
|
||||||
|
<Group3 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Adults3() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[4px] h-[16px] items-center justify-center relative shrink-0" data-name="adults">
|
||||||
|
<LetsIconsDateFill2 />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#f95f62] text-[12px] whitespace-nowrap">21/02/2025</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame17() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex items-center justify-between relative shrink-0 w-full">
|
||||||
|
<Frame34 />
|
||||||
|
<Adults3 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame19() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#fee7e7] relative rounded-[5px] shrink-0 w-full">
|
||||||
|
<div className="flex flex-row items-center size-full">
|
||||||
|
<div className="content-stretch flex items-center justify-between px-[14px] py-[10px] relative size-full">
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[1.6] not-italic relative shrink-0 text-[#212121] text-[14px] whitespace-nowrap">09:00 am: Royal Botanic Gardens Victoria</p>
|
||||||
|
<div className="flex h-[5px] items-center justify-center relative shrink-0 w-[10px]" style={{ "--transform-inner-width": "1185", "--transform-inner-height": "21" } as React.CSSProperties}>
|
||||||
|
<div className="-scale-y-100 flex-none rotate-90">
|
||||||
|
<div className="h-[10px] relative w-[5px]">
|
||||||
|
<div className="absolute inset-[-6.25%_-12.5%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 6.25 11.25">
|
||||||
|
<path d={svgPaths.pec20f00} id="Vector 796" stroke="var(--stroke-0, black)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.25" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame20() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#fee7e7] relative rounded-[5px] shrink-0 w-full">
|
||||||
|
<div className="flex flex-row items-center size-full">
|
||||||
|
<div className="content-stretch flex items-center justify-between px-[14px] py-[10px] relative size-full">
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[1.6] not-italic relative shrink-0 text-[#212121] text-[14px] whitespace-nowrap">01:00 pm: National Gallery of Victoria</p>
|
||||||
|
<div className="flex h-[5px] items-center justify-center relative shrink-0 w-[10px]" style={{ "--transform-inner-width": "1185", "--transform-inner-height": "21" } as React.CSSProperties}>
|
||||||
|
<div className="-scale-y-100 flex-none rotate-90">
|
||||||
|
<div className="h-[10px] relative w-[5px]">
|
||||||
|
<div className="absolute inset-[-6.25%_-12.5%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 6.25 11.25">
|
||||||
|
<path d={svgPaths.pec20f00} id="Vector 796" stroke="var(--stroke-0, black)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.25" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame18() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[10px] items-start relative shrink-0 w-full">
|
||||||
|
<Frame19 />
|
||||||
|
<Frame20 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame16() {
|
||||||
|
return (
|
||||||
|
<div className="relative rounded-[10px] shrink-0 w-full">
|
||||||
|
<div aria-hidden="true" className="absolute border border-[rgba(249,95,98,0.12)] border-solid inset-0 pointer-events-none rounded-[10px]" />
|
||||||
|
<div className="content-stretch flex flex-col gap-[22px] items-start px-[8px] py-[12px] relative size-full">
|
||||||
|
<Frame17 />
|
||||||
|
<Frame18 />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame36() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex items-center relative shrink-0">
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[18px] not-italic relative shrink-0 text-[#212121] text-[16px] whitespace-nowrap">Day 3:</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group4() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[12.5%_8.33%_8.33%_8.33%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-5.26%_0_0_0]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 11.6667 11.6667">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p34b84f00} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
<path d={svgPaths.p219a1600} id="Vector_2" stroke="var(--stroke-0, #F95F62)" strokeLinecap="round" strokeWidth="1.16667" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function LetsIconsDateFill3() {
|
||||||
|
return (
|
||||||
|
<div className="relative shrink-0 size-[14px]" data-name="lets-icons:date-fill">
|
||||||
|
<Group4 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Adults4() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[4px] h-[16px] items-center justify-center relative shrink-0" data-name="adults">
|
||||||
|
<LetsIconsDateFill3 />
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[#f95f62] text-[12px] whitespace-nowrap">21/02/2025</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame22() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex items-center justify-between relative shrink-0 w-full">
|
||||||
|
<Frame36 />
|
||||||
|
<Adults4 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame24() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#fee7e7] relative rounded-[5px] shrink-0 w-full">
|
||||||
|
<div className="flex flex-row items-center size-full">
|
||||||
|
<div className="content-stretch flex items-center justify-between px-[14px] py-[10px] relative size-full">
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[1.6] not-italic relative shrink-0 text-[#212121] text-[14px] whitespace-nowrap">09:00 am: Queens Victoria Market</p>
|
||||||
|
<div className="flex h-[5px] items-center justify-center relative shrink-0 w-[10px]" style={{ "--transform-inner-width": "1185", "--transform-inner-height": "21" } as React.CSSProperties}>
|
||||||
|
<div className="-scale-y-100 flex-none rotate-90">
|
||||||
|
<div className="h-[10px] relative w-[5px]">
|
||||||
|
<div className="absolute inset-[-6.25%_-12.5%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 6.25 11.25">
|
||||||
|
<path d={svgPaths.pec20f00} id="Vector 796" stroke="var(--stroke-0, black)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.25" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame25() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#fee7e7] relative rounded-[5px] shrink-0 w-full">
|
||||||
|
<div className="flex flex-row items-center size-full">
|
||||||
|
<div className="content-stretch flex items-center justify-between px-[14px] py-[10px] relative size-full">
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[1.6] not-italic relative shrink-0 text-[#212121] text-[14px] whitespace-nowrap">{`04:30 pm: St Kilda Beach & Pier`}</p>
|
||||||
|
<div className="flex h-[5px] items-center justify-center relative shrink-0 w-[10px]" style={{ "--transform-inner-width": "1185", "--transform-inner-height": "21" } as React.CSSProperties}>
|
||||||
|
<div className="-scale-y-100 flex-none rotate-90">
|
||||||
|
<div className="h-[10px] relative w-[5px]">
|
||||||
|
<div className="absolute inset-[-6.25%_-12.5%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 6.25 11.25">
|
||||||
|
<path d={svgPaths.pec20f00} id="Vector 796" stroke="var(--stroke-0, black)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.25" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame23() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[10px] items-start relative shrink-0 w-full">
|
||||||
|
<Frame24 />
|
||||||
|
<Frame25 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame21() {
|
||||||
|
return (
|
||||||
|
<div className="relative rounded-[10px] shrink-0 w-full">
|
||||||
|
<div aria-hidden="true" className="absolute border border-[rgba(249,95,98,0.12)] border-solid inset-0 pointer-events-none rounded-[10px]" />
|
||||||
|
<div className="content-stretch flex flex-col gap-[22px] items-start px-[8px] py-[12px] relative size-full">
|
||||||
|
<Frame22 />
|
||||||
|
<Frame23 />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame2() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[24px] items-center relative shrink-0 w-[353px]">
|
||||||
|
<Frame12 />
|
||||||
|
<Frame16 />
|
||||||
|
<Frame21 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function ItineraryDetails() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex flex-col gap-[24px] h-[1019px] items-center relative shrink-0 w-full" data-name="itinerary details">
|
||||||
|
<Frame1 />
|
||||||
|
<Frame2 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Content() {
|
||||||
|
return (
|
||||||
|
<div className="absolute content-stretch flex flex-col gap-[24px] h-[1237px] items-center left-0 top-[172px] w-[392px]" data-name="content">
|
||||||
|
<Overview />
|
||||||
|
<ItineraryDetails />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function ArrowRightLine() {
|
||||||
|
return (
|
||||||
|
<div className="relative size-[24px]" data-name="arrow-right-line">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 24 24">
|
||||||
|
<g id="arrow-right-line">
|
||||||
|
<path d={svgPaths.p15a24580} fill="var(--fill-0, #212121)" fillOpacity="0.4" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame8() {
|
||||||
|
return (
|
||||||
|
<div className="content-stretch flex gap-[8px] items-center py-[12px] relative shrink-0 w-[76px]">
|
||||||
|
<div className="flex items-center justify-center relative shrink-0">
|
||||||
|
<div className="flex-none rotate-180">
|
||||||
|
<ArrowRightLine />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p className="font-['Poppins:Regular',sans-serif] leading-[16px] not-italic relative shrink-0 text-[12px] text-black whitespace-nowrap">Back</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Arrow() {
|
||||||
|
return (
|
||||||
|
<div className="absolute h-[3.274px] left-[10.64px] top-[11.11px] w-[3.293px]" data-name="arrow">
|
||||||
|
<div className="absolute inset-[0_-3.43%_-8.67%_-8.62%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 3.69019 3.55896">
|
||||||
|
<g id="arrow">
|
||||||
|
<path d={svgPaths.p1a652670} fill="var(--stroke-0, #F95F62)" id="Line 13" />
|
||||||
|
<path d={svgPaths.p28638300} fill="var(--stroke-0, #F95F62)" id="Line 14" />
|
||||||
|
<path d={svgPaths.p2ce32bc0} fill="var(--stroke-0, #F95F62)" id="Line 15" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Logo() {
|
||||||
|
return (
|
||||||
|
<div className="absolute contents left-[4.57px] top-[4px]" data-name="logo">
|
||||||
|
<div className="-translate-y-1/2 absolute flex flex-col font-['Chillax:Medium',sans-serif] h-[14.097px] justify-center leading-[0] left-[4.57px] not-italic text-[#f95f62] text-[19.657px] top-[12.95px] tracking-[-1.1794px] w-[13.265px]">
|
||||||
|
<p className="leading-[normal]">C</p>
|
||||||
|
</div>
|
||||||
|
<div className="absolute left-[6.36px] size-[1.329px] top-[5.24px]">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 1.3292 1.3292">
|
||||||
|
<circle cx="0.6646" cy="0.6646" fill="var(--fill-0, #F95F62)" id="Ellipse 4" r="0.6646" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div className="absolute h-[1.411px] left-[8.64px] top-[4px] w-[1.329px]">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 1.3292 1.41095">
|
||||||
|
<ellipse cx="0.6646" cy="0.705473" fill="var(--fill-0, #F95F62)" id="Ellipse 5" rx="0.6646" ry="0.705473" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<Arrow />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Frame6() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[rgba(249,95,98,0.12)] content-stretch flex items-center justify-center relative rounded-[62px] shrink-0 size-[24px]">
|
||||||
|
<Logo />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Header() {
|
||||||
|
return (
|
||||||
|
<div className="absolute content-stretch flex items-center justify-between left-[20px] top-[18px] w-[351.968px]" data-name="header">
|
||||||
|
<Frame8 />
|
||||||
|
<Frame6 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function DietQuestion() {
|
||||||
|
return (
|
||||||
|
<div className="absolute bg-white h-[1163px] left-0 overflow-clip top-0 w-[393px]" data-name="DietQuestion">
|
||||||
|
<Confetti />
|
||||||
|
<Container />
|
||||||
|
<HeaderText />
|
||||||
|
<Frame35 />
|
||||||
|
<Content />
|
||||||
|
<Header />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function MagicItinSummaryTab() {
|
||||||
|
return (
|
||||||
|
<div className="bg-white relative size-full" data-name="magic itin - summary tab">
|
||||||
|
<DietQuestion />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
13
src/imports/NounRelax65970551-9919-186.tsx
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
import svgPaths from "./svg-wjtpqfkmjn";
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="relative size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 100 100">
|
||||||
|
<g id="noun-relax-6597055 1">
|
||||||
|
<path d={svgPaths.p1bfdb500} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #FFF3F3)" strokeWidth="0.4" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
32
src/imports/NounRelax65970551-9919-190.tsx
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
import svgPaths from "./svg-3e945qfv3w";
|
||||||
|
|
||||||
|
function Group() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[19%_8.76%_19%_8.75%]">
|
||||||
|
<div className="absolute inset-[-0.16%_0_-0.16%_-0.12%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 82.6407 62.2">
|
||||||
|
<g id="Group 1000002086">
|
||||||
|
<path d={svgPaths.p30d09400} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #FFF3F3)" strokeWidth="0.1" />
|
||||||
|
<g id="Vector_2">
|
||||||
|
<path d={svgPaths.p187f9700} fill="var(--fill-0, #F95F62)" />
|
||||||
|
<path clipRule="evenodd" d={svgPaths.p3eab2600} fill="var(--fill-0, #F95F62)" fillRule="evenodd" />
|
||||||
|
<path clipRule="evenodd" d={svgPaths.p3c4db480} fill="var(--fill-0, #F95F62)" fillRule="evenodd" />
|
||||||
|
<path clipRule="evenodd" d={svgPaths.p35fc7b00} fill="var(--fill-0, #F95F62)" fillRule="evenodd" />
|
||||||
|
<path clipRule="evenodd" d={svgPaths.p2c937b40} fill="var(--fill-0, #F95F62)" fillRule="evenodd" />
|
||||||
|
<path clipRule="evenodd" d={svgPaths.p2dd59000} fill="var(--fill-0, #F95F62)" fillRule="evenodd" />
|
||||||
|
<path d={svgPaths.p18421100} stroke="var(--stroke-0, #FFF3F3)" strokeWidth="0.2" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="overflow-clip relative rounded-[19.048px] size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<Group />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
13
src/imports/NounRelax65970551-9919-366.tsx
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
import svgPaths from "./svg-nvjqsh4m9x";
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="relative size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 62 62">
|
||||||
|
<g id="noun-relax-6597055 1">
|
||||||
|
<path d={svgPaths.pf613c00} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
13
src/imports/NounRelax65970551-9919-370.tsx
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
import svgPaths from "./svg-rpecqp6li2";
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="relative size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 62 62">
|
||||||
|
<g id="noun-relax-6597055 1">
|
||||||
|
<path d={svgPaths.p32a3dd80} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
29
src/imports/NounRelax65970551-9919-374.tsx
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
import svgPaths from "./svg-u2edxj8dia";
|
||||||
|
|
||||||
|
function Group() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[18.8%_13.05%]">
|
||||||
|
<div className="absolute inset-[-0.52%_-0.44%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 46.2181 39.09">
|
||||||
|
<g id="Group 1000002089">
|
||||||
|
<path d={svgPaths.p1d2c1e00} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
<path d={svgPaths.p11d0e900} fill="var(--fill-0, #F95F62)" id="Vector_2" />
|
||||||
|
<path d={svgPaths.p17868d00} fill="var(--fill-0, #F95F62)" id="Vector_3" />
|
||||||
|
<path d={svgPaths.p1cd27a80} fill="var(--fill-0, #F95F62)" id="Vector_4" />
|
||||||
|
<path d={svgPaths.p1df26700} fill="var(--fill-0, #F95F62)" id="Vector_5" />
|
||||||
|
<path d={svgPaths.p15b7cd00} fill="var(--fill-0, #F95F62)" id="Vector_6" />
|
||||||
|
<path d={svgPaths.p18f61d00} fill="var(--fill-0, #F95F62)" id="Vector_7" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="overflow-clip relative rounded-[8px] size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<Group />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
13
src/imports/NounRelax65970551-9919-378.tsx
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
import svgPaths from "./svg-kj92221mds";
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="relative size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 62 62">
|
||||||
|
<g id="noun-relax-6597055 1">
|
||||||
|
<path d={svgPaths.p2c67c800} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
31
src/imports/NounRelax65970551-9919-382.tsx
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
import svgPaths from "./svg-qafz9g9knb";
|
||||||
|
|
||||||
|
function Group() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[18.8%_20.75%_18.8%_20.74%]">
|
||||||
|
<div className="absolute inset-[-0.13%_-0.14%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 36.3759 38.7903">
|
||||||
|
<g id="Group 1000002088">
|
||||||
|
<path d={svgPaths.p25c1fb00} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
<path d={svgPaths.p1315a800} fill="var(--fill-0, #F95F62)" id="Vector_2" />
|
||||||
|
<path d={svgPaths.p5c4670} fill="var(--fill-0, #F95F62)" id="Vector_3" />
|
||||||
|
<path d={svgPaths.p27c0e980} fill="var(--fill-0, #F95F62)" id="Vector_4" />
|
||||||
|
<path d={svgPaths.p175044f0} fill="var(--fill-0, #F95F62)" id="Vector_5" />
|
||||||
|
<path d={svgPaths.p1b76b0f0} fill="var(--fill-0, #F95F62)" id="Vector_6" />
|
||||||
|
<path d={svgPaths.p6408e00} fill="var(--fill-0, #F95F62)" id="Vector_7" />
|
||||||
|
<path d={svgPaths.p35ead8c0} fill="var(--fill-0, #F95F62)" id="Vector_8" />
|
||||||
|
<path d={svgPaths.p8ca8800} fill="var(--fill-0, #F95F62)" id="Vector_9" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="overflow-clip relative rounded-[8px] size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<Group />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
553
src/imports/NounRelax65970551-9919-386.tsx
Normal file
@@ -0,0 +1,553 @@
|
|||||||
|
import svgPaths from "./svg-qnagtgq03x";
|
||||||
|
|
||||||
|
function Group1() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[59.5%_33.65%_22.05%_65.27%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.44%_-7.45%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 0.771057 11.5419">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p1b540400} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group2() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[23.07%_37.26%_18.8%_45.55%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.14%_-0.47%_-0.14%_-0.46%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 10.7594 36.1445">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p3450f000} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group3() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[23.07%_34.68%_50.35%_58.86%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.3%_-1.24%_-0.3%_-1.26%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 4.10206 16.5821">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p1b618330} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group4() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[18.87%_38.46%_75.85%_50.36%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-1.53%_-0.72%_-1.52%_-0.73%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 7.02982 3.37534">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p35daba00} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group5() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[52.94%_36.78%_45.98%_60.13%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.45%_-2.61%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 2.01627 0.77106">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p2f242100} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group6() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[52.94%_42.21%_45.98%_45.71%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.45%_-0.67%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 7.5846 0.77106">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p21290430} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group7() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[67.24%_33.65%_31.68%_45.71%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.44%_-0.39%_-7.47%_-0.39%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 12.8961 0.771057">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p2f0cc900} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group9() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[45.7%_19.68%_35.61%_63.58%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.43%_-0.48%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 10.476 11.6873">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p3401a40} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group10() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[63.31%_27.51%_21.53%_71.41%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.53%_-7.51%_-0.53%_-7.39%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 0.771057 9.5045">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p206c6580} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group11() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[77.62%_20.78%_18.8%_64.72%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-2.25%_-0.56%_-2.25%_-0.55%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 9.09225 2.32273">
|
||||||
|
<g id="Group">
|
||||||
|
<g id="Vector">
|
||||||
|
<path d={svgPaths.p1dc35100} fill="var(--fill-0, #F95F62)" />
|
||||||
|
<path d={svgPaths.p3ce0580} stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group12() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[54.66%_19.94%_41.64%_63.89%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-2.18%_-0.5%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 10.1247 2.39298">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p2051aa80} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group8() {
|
||||||
|
return (
|
||||||
|
<div className="absolute contents inset-[45.7%_19.68%_18.8%_63.58%]" data-name="Group">
|
||||||
|
<Group9 />
|
||||||
|
<Group10 />
|
||||||
|
<Group11 />
|
||||||
|
<Group12 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group14() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[45.49%_63.28%_50.09%_19.68%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-1.83%_-0.47%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 10.6625 2.83753">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p3c314100} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group15() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[48.83%_65.61%_36.3%_22.01%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.54%_-0.65%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 7.77719 9.32281">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p332aed00} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group16() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[62.4%_69.7%_24.8%_26.1%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.63%_-1.92%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 2.70671 8.03156">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p34c8570} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group17() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[52.66%_65.61%_46.25%_22.01%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.45%_-0.65%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 7.77598 0.771057">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p35856480} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group18() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[55.02%_70.37%_43.9%_22.01%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.45%_-1.06%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 4.82648 0.77106">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p119fe300} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group19() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[55.02%_65.61%_43.9%_31.59%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.45%_-2.88%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 1.83821 0.77106">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p1a7ca200} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group20() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[32.48%_67.46%_53.42%_23.85%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.57%_-0.94%_-0.57%_-0.92%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 5.48785 8.83708">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p39705400} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group21() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[29.67%_71.26%_66.43%_27.66%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-2.07%_-7.4%_-2.06%_-7.5%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 0.771058 2.51654">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p2c63c800} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group22() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[74.12%_64.91%_18.8%_21.31%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-1.14%_-0.59%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 8.63964 4.49337">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p1aa58800} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group23() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[77.66%_75.18%_21.26%_21.5%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.45%_-2.44%_-7.45%_-2.41%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 2.16405 0.771057">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p3263c200} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group24() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[77.66%_65.09%_21.26%_26.65%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.45%_-0.98%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 5.22015 0.771057">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p32a21d80} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group25() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[18.8%_69.1%_71.62%_25.5%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.84%_-1.5%_-0.84%_-1.49%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 3.4456 6.03777">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p200bb800} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group13() {
|
||||||
|
return (
|
||||||
|
<div className="absolute contents inset-[18.8%_63.28%_18.8%_19.68%]" data-name="Group">
|
||||||
|
<Group14 />
|
||||||
|
<Group15 />
|
||||||
|
<Group16 />
|
||||||
|
<Group17 />
|
||||||
|
<Group18 />
|
||||||
|
<Group19 />
|
||||||
|
<Group20 />
|
||||||
|
<Group21 />
|
||||||
|
<Group22 />
|
||||||
|
<Group23 />
|
||||||
|
<Group24 />
|
||||||
|
<Group25 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group27() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[48.83%_52.92%_50.09%_37.3%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.47%_-0.83%_-7.44%_-0.82%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 6.16132 0.77106">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p2ceb9900} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group28() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[45.49%_51.06%_53.42%_37.3%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.45%_-0.69%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 7.3169 0.771057">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p5cab80} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group29() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[48.83%_52.34%_36.3%_38.35%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.54%_-0.86%_-0.54%_-0.87%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 5.87061 9.32281">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p2040a800} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group30() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[62.4%_53.37%_24.8%_42.44%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.63%_-1.92%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 2.69823 8.03156">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p15afe300} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group31() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[52.66%_56.01%_46.25%_38.35%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.45%_-1.43%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 3.59701 0.771057">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p20329b80} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group32() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[55.02%_53.36%_43.9%_38.35%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.45%_-0.97%_-7.45%_-0.98%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 5.23953 0.77106">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.pcabba00} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group33() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[32.48%_51.12%_53.42%_40.19%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.57%_-0.92%_-0.57%_-0.94%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 5.48785 8.83708">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p88545c0} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group34() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[29.67%_54.92%_66.43%_44%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-2.07%_-7.45%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 0.77106 2.51654">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p2b2e2f00} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group35() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[74.12%_53.36%_18.8%_37.65%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-1.14%_-0.9%_-1.14%_-0.89%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 5.67317 4.49337">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p37797c00} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group36() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[77.66%_53.18%_21.26%_37.83%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-7.45%_-0.9%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 5.67196 0.771057">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.pbe42b80} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group37() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[18.8%_52.76%_71.62%_41.84%]" data-name="Group">
|
||||||
|
<div className="absolute inset-[-0.84%_-1.5%_-0.84%_-1.49%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 3.4456 6.03777">
|
||||||
|
<g id="Group">
|
||||||
|
<path d={svgPaths.p26102900} fill="var(--fill-0, #F95F62)" id="Vector" stroke="var(--stroke-0, #F95F62)" strokeWidth="0.1" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group26() {
|
||||||
|
return (
|
||||||
|
<div className="absolute contents inset-[18.8%_51.06%_18.8%_37.3%]" data-name="Group">
|
||||||
|
<Group27 />
|
||||||
|
<Group28 />
|
||||||
|
<Group29 />
|
||||||
|
<Group30 />
|
||||||
|
<Group31 />
|
||||||
|
<Group32 />
|
||||||
|
<Group33 />
|
||||||
|
<Group34 />
|
||||||
|
<Group35 />
|
||||||
|
<Group36 />
|
||||||
|
<Group37 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Group() {
|
||||||
|
return (
|
||||||
|
<div className="absolute contents inset-[18.8%_19.68%]" data-name="Group">
|
||||||
|
<Group1 />
|
||||||
|
<Group2 />
|
||||||
|
<Group3 />
|
||||||
|
<Group4 />
|
||||||
|
<Group5 />
|
||||||
|
<Group6 />
|
||||||
|
<Group7 />
|
||||||
|
<Group8 />
|
||||||
|
<Group13 />
|
||||||
|
<Group26 />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="overflow-clip relative rounded-[8px] size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<Group />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
15
src/imports/NounRelax65970551-9923-625.tsx
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
import svgPaths from "./svg-bfd6jik9me";
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="relative size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 62 62">
|
||||||
|
<g id="noun-relax-6597055 1">
|
||||||
|
<g id="Vector">
|
||||||
|
<path clipRule="evenodd" d={svgPaths.p9958380} fill="var(--fill-0, #F95F62)" fillRule="evenodd" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
28
src/imports/NounRelax65970551-9923-629.tsx
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
import svgPaths from "./svg-jhl6jizeq8";
|
||||||
|
|
||||||
|
function Group() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[18.8%_7.64%]">
|
||||||
|
<div className="absolute inset-[-0.87%_-0.64%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 53.2001 39.3637">
|
||||||
|
<g id="Group 1000002091">
|
||||||
|
<path d={svgPaths.p1f010b80} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
<path d={svgPaths.p3d025700} fill="var(--fill-0, #F95F62)" id="Vector_2" />
|
||||||
|
<path d={svgPaths.p14022570} fill="var(--fill-0, #F95F62)" id="Vector_3" />
|
||||||
|
<path d={svgPaths.p6506f00} fill="var(--fill-0, #F95F62)" id="Vector_4" />
|
||||||
|
<path d={svgPaths.p294a4200} fill="var(--fill-0, #F95F62)" id="Vector_5" />
|
||||||
|
<path d={svgPaths.p13d26c70} fill="var(--fill-0, #F95F62)" id="Vector_6" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="overflow-clip relative rounded-[8px] size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<Group />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
34
src/imports/NounRelax65970551-9923-633.tsx
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
import svgPaths from "./svg-70pmm871bv";
|
||||||
|
|
||||||
|
function Group() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[18.8%_20.26%]">
|
||||||
|
<div className="absolute inset-[-0.52%_-0.54%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 37.279 39.09">
|
||||||
|
<g id="Group 1000002090">
|
||||||
|
<path d={svgPaths.p2d70fa80} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
<path d={svgPaths.p17231c80} fill="var(--fill-0, #F95F62)" id="Vector_2" />
|
||||||
|
<path d={svgPaths.p2009e400} fill="var(--fill-0, #F95F62)" id="Vector_3" />
|
||||||
|
<path d={svgPaths.p7bc2000} fill="var(--fill-0, #F95F62)" id="Vector_4" />
|
||||||
|
<path d={svgPaths.pbcf8200} fill="var(--fill-0, #F95F62)" id="Vector_5" />
|
||||||
|
<path d={svgPaths.p1e3ba380} fill="var(--fill-0, #F95F62)" id="Vector_6" />
|
||||||
|
<path d={svgPaths.p34abd3f0} fill="var(--fill-0, #F95F62)" id="Vector_7" />
|
||||||
|
<path d={svgPaths.p3f923a00} fill="var(--fill-0, #F95F62)" id="Vector_8" />
|
||||||
|
<path d={svgPaths.p1b51ae80} fill="var(--fill-0, #F95F62)" id="Vector_9" />
|
||||||
|
<path d={svgPaths.pfd3f900} fill="var(--fill-0, #F95F62)" id="Vector_10" />
|
||||||
|
<path d={svgPaths.p3bcea400} fill="var(--fill-0, #F95F62)" id="Vector_11" />
|
||||||
|
<path d={svgPaths.p1c5d9f00} fill="var(--fill-0, #F95F62)" id="Vector_12" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="overflow-clip relative rounded-[8px] size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<Group />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
28
src/imports/NounRelax65970551-9923-637.tsx
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
import svgPaths from "./svg-5q6zbixxri";
|
||||||
|
|
||||||
|
function Group() {
|
||||||
|
return (
|
||||||
|
<div className="absolute inset-[18.8%_16.69%]">
|
||||||
|
<div className="absolute inset-[-0.39%_-0.36%]">
|
||||||
|
<svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 41.6008 38.99">
|
||||||
|
<g id="Group 1000002092">
|
||||||
|
<path d={svgPaths.p19680b80} fill="var(--fill-0, #F95F62)" id="Vector" />
|
||||||
|
<path d={svgPaths.p1ff00f00} fill="var(--fill-0, #F95F62)" id="Vector_2" />
|
||||||
|
<path d={svgPaths.p24992980} fill="var(--fill-0, #F95F62)" id="Vector_3" />
|
||||||
|
<path d={svgPaths.p37896700} fill="var(--fill-0, #F95F62)" id="Vector_4" />
|
||||||
|
<path d={svgPaths.p2c621c00} fill="var(--fill-0, #F95F62)" id="Vector_5" />
|
||||||
|
<path d={svgPaths.p351aec00} fill="var(--fill-0, #F95F62)" id="Vector_6" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="overflow-clip relative rounded-[8px] size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<Group />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
13
src/imports/NounRelax65970551.tsx
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
import svgPaths from "./svg-s8leuc872s";
|
||||||
|
|
||||||
|
export default function NounRelax() {
|
||||||
|
return (
|
||||||
|
<div className="relative size-full" data-name="noun-relax-6597055 1">
|
||||||
|
<svg className="absolute block inset-0 size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 62 62">
|
||||||
|
<g id="noun-relax-6597055 1">
|
||||||
|
<path clipRule="evenodd" d={svgPaths.pc549500} fill="var(--fill-0, #F95F62)" fillRule="evenodd" id="Vector" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
BIN
src/imports/image-1.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
src/imports/image-10.png
Normal file
|
After Width: | Height: | Size: 130 KiB |
BIN
src/imports/image-2.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
src/imports/image-3.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
src/imports/image-4.png
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
src/imports/image-5.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
src/imports/image-6.png
Normal file
|
After Width: | Height: | Size: 5.4 KiB |
BIN
src/imports/image-7.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
src/imports/image-8.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
src/imports/image-9.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
src/imports/image.png
Normal file
|
After Width: | Height: | Size: 28 KiB |
10
src/imports/svg-3e945qfv3w.ts
Normal file
8
src/imports/svg-5q6zbixxri.ts
Normal file
14
src/imports/svg-70pmm871bv.ts
Normal file
107
src/imports/svg-8l5dq4lsp8.ts
Normal file
105
src/imports/svg-adqhdgpsh.ts
Normal file
4
src/imports/svg-bfd6jik9me.ts
Normal file
3
src/imports/svg-hgtc6d03x0.ts
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
pc3f4d00: "M44.3466 22.4327C44.4716 22.4411 44.5949 22.4461 44.72 22.4461C46.0236 22.4461 47.2689 21.981 48.2608 21.1158C49.346 20.1689 49.9978 18.8536 50.0962 17.4166C50.1928 15.9796 49.7261 14.5893 48.7776 13.5024C47.8307 12.4155 46.5154 11.7654 45.0784 11.667C43.6447 11.5703 42.2511 12.0371 41.1642 12.9856C40.3257 13.7191 39.7489 14.671 39.4838 15.7296C39.0037 15.4378 38.4486 15.2728 37.8768 15.2728H26.4243C25.1957 15.2728 24.0405 15.7512 23.1703 16.6197L20.368 19.422C19.1494 20.6406 19.0561 22.5527 20.158 23.7745C20.7331 24.413 21.5216 24.7781 22.3784 24.7997C23.232 24.8297 24.0505 24.493 24.6489 23.8945L27.1545 21.389H33.1859L21.2268 33.3468L17.8527 29.9777C17.256 29.3809 16.4274 29.0558 15.5839 29.0725C14.7271 29.0959 13.9385 29.4593 13.3634 30.0977C12.2632 31.3197 12.3549 33.2318 13.5735 34.4503L18.7462 39.623C19.4247 40.3015 20.3199 40.6716 21.2751 40.6716H21.3535C22.3387 40.6499 23.2489 40.2398 23.9124 39.5163L27.7732 35.3537L32.2875 40.1531L32.2991 47.1131C32.2991 48.8368 33.5861 50.2538 35.2281 50.3405C35.2848 50.3438 35.3415 50.3455 35.3965 50.3455C36.1933 50.3455 36.9435 50.0471 37.5236 49.4953C38.1371 48.9135 38.4872 48.095 38.4872 47.2481L38.4738 40.0265C38.4738 38.4595 37.8821 36.9692 36.8068 35.8306L33.8362 32.6816L37.377 29.0475V30.3711C37.377 32.9317 39.4608 35.0155 42.0214 35.0155H46.9526C47.7978 35.0155 48.6146 34.6638 49.1964 34.052C49.7865 33.4302 50.0866 32.615 50.0433 31.7565C49.9566 30.1145 48.5396 28.8275 46.8159 28.8275H43.5685V22.3195C43.8219 22.3745 44.0803 22.4178 44.3454 22.4361L44.3466 22.4327ZM40.6591 16.773C40.7324 15.6911 41.2225 14.7026 42.0394 13.9891C42.7862 13.3373 43.7231 12.9872 44.7033 12.9872C44.7967 12.9872 44.89 12.9906 44.9851 12.9972C46.067 13.0706 47.0555 13.5607 47.769 14.3792C48.4825 15.1961 48.8342 16.2429 48.7609 17.3248C48.6875 18.4084 48.1974 19.3969 47.3805 20.1104C46.5637 20.8239 45.5235 21.174 44.4333 21.1039C42.1994 20.9522 40.5041 19.0102 40.6574 16.7762L40.6591 16.773ZM22.9319 38.6095C22.5135 39.0646 21.9434 39.323 21.3249 39.3363C20.7398 39.3463 20.1263 39.1162 19.6879 38.6795L14.5152 33.5067C13.81 32.8016 13.7367 31.673 14.3518 30.9895C14.6802 30.6261 15.1286 30.4177 15.6154 30.4044C16.0988 30.3977 16.5623 30.5744 16.9073 30.9195L20.7532 34.7603C21.0132 35.0204 21.435 35.0204 21.6967 34.7603L25.4875 30.9695C25.4692 32.1598 25.8976 33.3567 26.7811 34.2969L26.8578 34.3786L22.9319 38.6095ZM32.429 33.1282L35.8381 36.7423C36.6783 37.6342 37.1417 38.7994 37.1417 40.0247L37.1551 47.2463C37.1551 47.7347 36.96 48.1882 36.6066 48.5233C36.2532 48.86 35.7864 49.0284 35.2997 49.0034C34.3811 48.955 33.6343 48.1048 33.6343 47.1063L33.621 39.8813C33.621 39.7112 33.556 39.5495 33.4409 39.4262L27.7531 33.3798C26.4811 32.0279 26.5128 29.9407 27.8248 28.6287L35.2632 21.1903C35.4532 21.0003 35.5116 20.7135 35.4082 20.4635C35.3049 20.2134 35.0615 20.0517 34.7914 20.0517H26.8746C26.6979 20.0517 26.5279 20.1217 26.4028 20.2468L23.7022 22.9474C23.3555 23.2924 22.8721 23.4692 22.4103 23.4625C21.9236 23.4491 21.4735 23.2424 21.1467 22.879C20.5316 22.1955 20.605 21.0653 21.3101 20.3618L24.1124 17.5595C24.7292 16.9427 25.551 16.6026 26.4229 16.6026H37.8754C38.4289 16.6026 38.9573 16.8677 39.289 17.3111C39.3007 17.3278 39.3157 17.3311 39.3291 17.3411C39.4341 19.2666 40.5593 20.9519 42.2047 21.8204C42.1713 22.0838 42.0597 22.3305 41.8713 22.5239L32.439 32.2045C32.189 32.4612 32.1857 32.868 32.4307 33.128L32.429 33.1282ZM46.8172 30.1575C47.8141 30.1575 48.6643 30.9044 48.7126 31.8229C48.7393 32.313 48.5676 32.7764 48.2309 33.1298C47.8941 33.4832 47.4407 33.6783 46.9539 33.6783H42.0227C40.1973 33.6783 38.712 32.193 38.712 30.3676V27.6753L42.2328 24.0612V29.4892C42.2328 29.8576 42.5312 30.156 42.8996 30.156H46.8138L46.8172 30.1575ZM31.4522 48.3281C31.4522 48.6965 31.1538 48.9949 30.7854 48.9949H20.0665C19.698 48.9949 19.3996 48.6965 19.3996 48.3281C19.3996 47.9597 19.698 47.6613 20.0665 47.6613H30.7854C31.1538 47.6613 31.4522 47.9597 31.4522 48.3281ZM16.2822 48.3281C16.2822 48.6965 15.9838 48.9949 15.6154 48.9949H12.8848C12.5164 48.9949 12.218 48.6949 12.218 48.3281C12.218 47.9597 12.5164 47.6613 12.8848 47.6613H15.6154C15.9838 47.6613 16.2822 47.9614 16.2822 48.3281ZM27.121 43.9974C26.7526 43.9974 26.4542 43.699 26.4542 43.3305C26.4542 42.9621 26.7526 42.6637 27.121 42.6637H29.8383C30.2067 42.6637 30.5051 42.9621 30.5051 43.3305C30.5051 43.699 30.2067 43.9974 29.8383 43.9974H27.121ZM15.7287 42.6637H24.0022C24.3707 42.6637 24.6691 42.9621 24.6691 43.3305C24.6691 43.699 24.3707 43.9974 24.0022 43.9974H15.7287C15.3602 43.9974 15.0618 43.699 15.0618 43.3305C15.0618 42.9621 15.3602 42.6637 15.7287 42.6637ZM12.558 38.9996C12.1896 38.9996 11.8912 38.7012 11.8912 38.3328C11.8912 37.9644 12.1896 37.666 12.558 37.666H15.0668C15.4353 37.666 15.7337 37.9644 15.7337 38.3328C15.7337 38.7012 15.4353 38.9996 15.0668 38.9996H12.558Z",
|
||||||
|
}
|
||||||
8
src/imports/svg-jhl6jizeq8.ts
Normal file
3
src/imports/svg-kj92221mds.ts
Normal file
3
src/imports/svg-nvjqsh4m9x.ts
Normal file
11
src/imports/svg-qafz9g9knb.ts
Normal file
37
src/imports/svg-qnagtgq03x.ts
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
export default {
|
||||||
|
p119fe300: "M4.44095 0.72106H0.385528C0.2002 0.72106 0.05 0.57086 0.05 0.385531C0.05 0.200203 0.2002 0.05 0.385528 0.05H4.44095C4.62628 0.05 4.77648 0.200203 4.77648 0.385531C4.77648 0.57086 4.62628 0.72106 4.44095 0.72106Z",
|
||||||
|
p15afe300: "M2.31149 7.98157H0.385531C0.200203 7.98157 0.05 7.83136 0.05 7.64603V0.385528C0.05 0.2002 0.200203 0.05 0.385531 0.05C0.57086 0.05 0.72106 0.2002 0.72106 0.385528V7.31051H2.3127C2.49803 7.31051 2.64823 7.46071 2.64823 7.64603C2.64702 7.83136 2.49682 7.98157 2.31149 7.98157Z",
|
||||||
|
p1a7ca200: "M1.45268 0.72106H0.385528C0.2002 0.72106 0.05 0.57086 0.05 0.385531C0.05 0.200203 0.2002 0.05 0.385528 0.05H1.45268C1.63801 0.05 1.78821 0.200203 1.78821 0.385531C1.78821 0.57086 1.6368 0.72106 1.45268 0.72106Z",
|
||||||
|
p1aa58800: "M8.25411 4.44337H0.38553C0.200202 4.44337 0.05 4.29317 0.05 4.10784V3.18362C0.05 2.50408 0.391585 1.87906 0.965739 1.51325L3.17272 0.103296C3.22602 0.0693796 3.28901 0.05 3.3532 0.05H5.28764C5.35184 0.05 5.41362 0.0681683 5.46813 0.103296L7.6739 1.51203C8.24684 1.87784 8.58964 2.50287 8.58964 3.18241V4.10784C8.58964 4.29317 8.43944 4.44337 8.25411 4.44337ZM0.721058 3.77352H7.91979V3.18362C7.91979 2.73302 7.69328 2.31997 7.31414 2.07771L5.18953 0.719847H3.45132L1.32671 2.0765C0.947571 2.31876 0.721058 2.73302 0.721058 3.18241V3.77352Z",
|
||||||
|
p1b540400: "M0.385528 11.4919C0.2002 11.4919 0.05 11.3417 0.05 11.1564V0.385528C0.05 0.2002 0.2002 0.05 0.385528 0.05C0.570857 0.05 0.721057 0.2002 0.721057 0.385528V11.1564C0.721057 11.3417 0.570857 11.4919 0.385528 11.4919Z",
|
||||||
|
p1b618330: "M3.71538 16.5321C3.54822 16.5321 3.40287 16.4061 3.38349 16.2353C3.31565 15.6539 2.75603 14.634 2.48713 14.1434C2.43504 14.0489 2.39143 13.9678 2.35752 13.9048L1.62711 12.5142C1.11109 11.5331 0.716213 10.4902 0.449728 9.41332C0.184454 8.33769 0.05 7.22935 0.05 6.12101V0.385528C0.05 0.2002 0.2002 0.05 0.385528 0.05C0.570857 0.05 0.721057 0.2002 0.721057 0.385528V6.12101C0.721057 8.23109 1.23949 10.3339 2.22064 12.2029L2.95105 13.5935C2.98134 13.6516 3.02494 13.7304 3.07461 13.8212C3.38591 14.3893 3.96612 15.4456 4.0497 16.1578C4.0715 16.3419 3.93947 16.5079 3.75535 16.5297C3.74203 16.5309 3.72871 16.5321 3.71538 16.5321Z",
|
||||||
|
p1dc35100: "M8.5434 2.27273H0.54885C0.306591 2.27273 0.105517 2.10678 0.0594875 1.86937C0.0134583 1.63195 0.13822 1.40302 0.363521 1.31338L2.56202 0.432771C3.19553 0.178399 3.86295 0.05 4.54613 0.05C5.2293 0.05 5.89672 0.178399 6.53023 0.432771L8.72873 1.31338C8.95403 1.40302 9.07879 1.63195 9.03276 1.86937C8.98673 2.10678 8.78566 2.27273 8.5434 2.27273ZM1.44157 1.60288H7.64946L6.2807 1.05416C5.16146 0.605984 3.92958 0.605984 2.81155 1.05416L1.44157 1.60288Z",
|
||||||
|
p200bb800: "M1.72401 5.98777C0.801003 5.98777 0.05 5.23677 0.05 4.31376C0.05 3.90677 0.203834 2.90018 0.453361 1.98444C0.593871 1.46722 0.746495 1.04932 0.903963 0.74165C0.992388 0.570857 1.26008 0.05 1.7228 0.05C2.18551 0.05 2.45321 0.569646 2.54163 0.74165C2.70031 1.04811 2.85173 1.466 2.99224 1.98444C3.24176 2.90018 3.3956 3.90677 3.3956 4.31376C3.39802 5.23677 2.64702 5.98777 1.72401 5.98777ZM1.72401 0.731959C1.68283 0.764664 1.57987 0.868835 1.43814 1.17893C1.31096 1.45753 1.18256 1.84151 1.06628 2.28847C0.839765 3.15818 0.719846 4.02305 0.719846 4.31376C0.719846 4.86732 1.17045 5.31671 1.7228 5.31671C2.27636 5.31671 2.72575 4.86611 2.72575 4.31376C2.72575 4.02305 2.60583 3.15818 2.37932 2.28847C2.26304 1.84151 2.13464 1.45753 2.00745 1.17893C1.86937 0.868835 1.76641 0.764664 1.72401 0.731959Z",
|
||||||
|
p20329b80: "M3.21148 0.721057H0.38553C0.200202 0.721057 0.05 0.570857 0.05 0.385528C0.05 0.2002 0.200202 0.05 0.38553 0.05H3.21148C3.39681 0.05 3.54701 0.2002 3.54701 0.385528C3.5458 0.570857 3.3956 0.721057 3.21148 0.721057Z",
|
||||||
|
p2040a800: "M3.88738 9.27281C2.86263 9.27281 1.89844 8.87308 1.17408 8.14872C0.449728 7.42437 0.05 6.46018 0.05 5.43542V0.385531C0.05 0.200203 0.200202 0.05 0.38553 0.05H5.48509C5.67041 0.05 5.82061 0.200203 5.82061 0.385531C5.82061 0.57086 5.67041 0.72106 5.48509 0.72106H0.721058V5.43542C0.721058 7.18211 2.14191 8.60296 3.8886 8.60296C4.23987 8.60296 4.55481 8.56904 4.75225 8.5109C4.9291 8.4576 5.11564 8.55935 5.16894 8.7362C5.22223 8.91305 5.12049 9.09959 4.94364 9.15289C4.60932 9.25221 4.18536 9.27281 3.88738 9.27281Z",
|
||||||
|
p2051aa80: "M7.44815 2.34298C6.38826 2.34298 5.59729 1.86937 4.89958 1.45147C4.26971 1.07476 3.67375 0.718635 2.93849 0.718635C2.12571 0.718635 1.53097 0.933034 1.17485 1.11231C0.807824 1.29763 0.624917 1.47691 0.622495 1.47933C0.491675 1.61015 0.279697 1.61136 0.148877 1.48175C0.0180568 1.35093 0.0168461 1.13896 0.146455 1.00814C0.185216 0.969375 1.11792 0.05 2.93728 0.05C3.85787 0.05 4.56163 0.471533 5.24238 0.878528C5.92676 1.28795 6.57238 1.67435 7.44693 1.67435C8.99739 1.67435 9.44436 0.962105 9.448 0.954837C9.53884 0.793735 9.74355 0.736805 9.90465 0.828864C10.0658 0.919711 10.1227 1.12442 10.0306 1.28552C10.0137 1.3158 9.85136 1.58835 9.44315 1.84756C8.92593 2.17583 8.25487 2.34298 7.44815 2.34298Z",
|
||||||
|
p206c6580: "M0.385528 9.4545C0.2002 9.4545 0.05 9.3043 0.05 9.11897V0.385528C0.05 0.2002 0.2002 0.05 0.385528 0.05C0.570857 0.05 0.721057 0.2002 0.721057 0.385528V9.11897C0.719845 9.30551 0.570857 9.4545 0.385528 9.4545Z",
|
||||||
|
p21290430: "M7.19907 0.72106H0.385528C0.2002 0.72106 0.05 0.57086 0.05 0.385531C0.05 0.200203 0.2002 0.05 0.385528 0.05H7.19907C7.3844 0.05 7.5346 0.200203 7.5346 0.385531C7.53338 0.57086 7.3844 0.72106 7.19907 0.72106Z",
|
||||||
|
p26102900: "M1.72401 5.98777C0.801003 5.98777 0.05 5.23677 0.05 4.31376C0.05 3.90677 0.203835 2.90018 0.453362 1.98444C0.593872 1.46722 0.746495 1.04932 0.903963 0.74165C0.992388 0.570857 1.26009 0.05 1.7228 0.05C2.18552 0.05 2.45321 0.569646 2.54163 0.74165C2.70031 1.04811 2.85173 1.466 2.99224 1.98444C3.24177 2.90018 3.3956 3.90677 3.3956 4.31376C3.39802 5.23677 2.64702 5.98777 1.72401 5.98777ZM1.72401 0.731959C1.68283 0.764664 1.57987 0.868835 1.43815 1.17893C1.31096 1.45753 1.18256 1.84151 1.06628 2.28847C0.839767 3.15818 0.719847 4.02305 0.719847 4.31376C0.719847 4.86732 1.17045 5.31671 1.7228 5.31671C2.27636 5.31671 2.72575 4.86611 2.72575 4.31376C2.72575 4.02305 2.60583 3.15818 2.37932 2.28847C2.26304 1.84151 2.13464 1.45753 2.00746 1.17893C1.86937 0.868835 1.76641 0.764664 1.72401 0.731959Z",
|
||||||
|
p2b2e2f00: "M0.385528 2.46654C0.2002 2.46654 0.05 2.31633 0.05 2.13101V0.385528C0.05 0.2002 0.2002 0.05 0.385528 0.05C0.570857 0.05 0.72106 0.2002 0.72106 0.385528V2.13101C0.72106 2.31754 0.570857 2.46654 0.385528 2.46654Z",
|
||||||
|
p2c63c800: "M0.385528 2.46654C0.2002 2.46654 0.05 2.31633 0.05 2.13101V0.385528C0.05 0.2002 0.2002 0.05 0.385528 0.05C0.570857 0.05 0.721058 0.2002 0.721058 0.385528V2.13101C0.721058 2.31754 0.570857 2.46654 0.385528 2.46654Z",
|
||||||
|
p2ceb9900: "M5.7758 0.72106H0.38553C0.200202 0.72106 0.05 0.57086 0.05 0.385531C0.05 0.200203 0.200202 0.05 0.38553 0.05H5.7758C5.96112 0.05 6.11132 0.200203 6.11132 0.385531C6.11132 0.57086 5.96112 0.72106 5.7758 0.72106Z",
|
||||||
|
p2f0cc900: "M12.5106 0.721057H0.385528C0.2002 0.721057 0.05 0.570857 0.05 0.385528C0.05 0.2002 0.2002 0.05 0.385528 0.05H12.5106C12.6959 0.05 12.8461 0.2002 12.8461 0.385528C12.8461 0.572068 12.6959 0.721057 12.5106 0.721057Z",
|
||||||
|
p2f242100: "M1.63074 0.72106H0.385528C0.2002 0.72106 0.05 0.57086 0.05 0.385531C0.05 0.200203 0.2002 0.05 0.385528 0.05H1.63074C1.81607 0.05 1.96627 0.200203 1.96627 0.385531C1.96506 0.57086 1.81607 0.72106 1.63074 0.72106Z",
|
||||||
|
p3263c200: "M1.77852 0.721057H0.385528C0.2002 0.721057 0.05 0.570857 0.05 0.385528C0.05 0.2002 0.2002 0.05 0.385528 0.05H1.77852C1.96385 0.05 2.11405 0.2002 2.11405 0.385528C2.11405 0.570857 1.96385 0.721057 1.77852 0.721057Z",
|
||||||
|
p32a21d80: "M4.83462 0.721057H0.38553C0.200202 0.721057 0.05 0.570857 0.05 0.385528C0.05 0.2002 0.200202 0.05 0.38553 0.05H4.83462C5.01995 0.05 5.17015 0.2002 5.17015 0.385528C5.17015 0.570857 5.01995 0.721057 4.83462 0.721057Z",
|
||||||
|
p332aed00: "M3.88738 9.27281C2.86263 9.27281 1.89844 8.87308 1.17408 8.14872C0.449727 7.42437 0.05 6.46018 0.05 5.43542V0.385531C0.05 0.200203 0.2002 0.05 0.385528 0.05C0.570857 0.05 0.721057 0.200203 0.721057 0.385531V5.43542C0.721057 7.18211 2.14191 8.60296 3.8886 8.60296C5.63528 8.60296 7.05613 7.18211 7.05613 5.43542V0.385531C7.05613 0.200203 7.20633 0.05 7.39166 0.05C7.57699 0.05 7.72719 0.200203 7.72719 0.385531V5.43542C7.72719 6.46018 7.32746 7.42437 6.60311 8.14872C5.87633 8.87429 4.91214 9.27281 3.88738 9.27281Z",
|
||||||
|
p3401a40: "M5.23919 11.6373C4.52695 11.6373 3.83772 11.4592 3.18968 11.1067C2.57071 10.7712 2.01714 10.2915 1.54232 9.68344C0.579336 8.44791 0.05 6.81024 0.05 5.07203C0.05 4.27137 0.161437 3.3532 0.362512 2.48592C0.516346 1.82334 0.794945 0.889428 1.24676 0.201412C1.30853 0.106931 1.41392 0.05 1.52657 0.05H8.94939C9.06204 0.05 9.16742 0.106931 9.2292 0.201412C9.68101 0.889428 9.95961 1.82334 10.1134 2.48592C10.3157 3.3532 10.426 4.27137 10.426 5.07203C10.426 6.81024 9.89541 8.44791 8.93364 9.68344C8.45881 10.2927 7.90525 10.7712 7.28628 11.1067C6.63945 11.458 5.95022 11.6373 5.23919 11.6373ZM1.71432 0.719847C1.06749 1.82697 0.721057 3.75293 0.721057 5.07203C0.721057 8.32194 2.74877 10.9662 5.2404 10.9662C7.73204 10.9662 9.75974 8.32194 9.75974 5.07203C9.75974 3.75414 9.4121 1.82697 8.76648 0.719847H1.71432Z",
|
||||||
|
p3450f000: "M10.3739 36.0945H2.62037C1.20315 36.0945 0.05 34.9414 0.05 33.5242V20.6663C0.05 19.4404 0.198989 18.2146 0.492123 17.0239C0.785257 15.8332 1.22375 14.6788 1.79427 13.5935L2.52468 12.2029C3.50583 10.3351 4.02426 8.2323 4.02426 6.12101V0.385528C4.02426 0.2002 4.17446 0.05 4.35979 0.05C4.54512 0.05 4.69532 0.2002 4.69532 0.385528V6.12101C4.69532 7.22935 4.56087 8.33769 4.29559 9.41332C4.03032 10.4889 3.63422 11.5331 3.11821 12.5142L2.3878 13.9048C1.29642 15.9822 0.719847 18.32 0.719847 20.665V33.5217C0.719847 34.5695 1.5726 35.4223 2.62037 35.4223H10.3739C10.5592 35.4223 10.7094 35.5725 10.7094 35.7578C10.7094 35.9431 10.558 36.0945 10.3739 36.0945Z",
|
||||||
|
p34c8570: "M2.31997 7.98157H0.38553C0.200202 7.98157 0.05 7.83136 0.05 7.64603V0.385528C0.05 0.2002 0.200202 0.05 0.38553 0.05C0.570858 0.05 0.721058 0.2002 0.721058 0.385528V7.31051H1.98565V0.385528C1.98565 0.2002 2.13585 0.05 2.32118 0.05C2.50651 0.05 2.65671 0.2002 2.65671 0.385528V7.64603C2.65429 7.83136 2.5053 7.98157 2.31997 7.98157Z",
|
||||||
|
p35856480: "M7.39045 0.721057H0.385528C0.2002 0.721057 0.05 0.570857 0.05 0.385528C0.05 0.2002 0.2002 0.05 0.385528 0.05H7.39045C7.57578 0.05 7.72598 0.2002 7.72598 0.385528C7.72477 0.570857 7.57457 0.721057 7.39045 0.721057Z",
|
||||||
|
p35daba00: "M6.04349 3.32534H3.89102C3.70569 3.32534 3.55549 3.17514 3.55549 2.98981C3.55549 2.80449 3.70569 2.65429 3.89102 2.65429H6.04349C6.19006 2.65429 6.30877 2.53558 6.30877 2.38901V0.986332C6.30877 0.839765 6.19006 0.721057 6.04349 0.721057H0.986332C0.839765 0.721057 0.72106 0.839765 0.72106 0.986332V2.38901C0.72106 2.53558 0.839765 2.65429 0.986332 2.65429H2.17461C2.35994 2.65429 2.51014 2.80449 2.51014 2.98981C2.51014 3.17514 2.35994 3.32534 2.17461 3.32534H0.986332C0.47032 3.32534 0.05 2.90502 0.05 2.38901V0.986332C0.05 0.47032 0.47032 0.05 0.986332 0.05H6.04349C6.5595 0.05 6.97982 0.47032 6.97982 0.986332V2.38901C6.97982 2.90502 6.5595 3.32534 6.04349 3.32534Z",
|
||||||
|
p37797c00: "M4.31982 4.44337H0.38553C0.200202 4.44337 0.05 4.29317 0.05 4.10784V3.18362C0.05 2.50408 0.391585 1.87906 0.965739 1.51325L3.17272 0.103296C3.22602 0.0693795 3.28901 0.05 3.3532 0.05H5.28764C5.47297 0.05 5.62317 0.2002 5.62317 0.385528C5.62317 0.570857 5.47297 0.721057 5.28764 0.721057H3.45132L1.32671 2.0765C0.94757 2.31876 0.721058 2.73302 0.721058 3.18241V3.77231H4.31982C4.50515 3.77231 4.65535 3.92251 4.65535 4.10784C4.65535 4.29317 4.50515 4.44337 4.31982 4.44337Z",
|
||||||
|
p39705400: "M5.10353 8.78708C4.9182 8.78708 4.768 8.63688 4.768 8.45155V0.721058H0.721058V8.45155C0.721058 8.63688 0.570858 8.78708 0.38553 8.78708C0.200202 8.78708 0.05 8.63688 0.05 8.45155V0.385528C0.05 0.2002 0.200202 0.05 0.38553 0.05H5.10231C5.28764 0.05 5.43784 0.2002 5.43784 0.385528V8.45155C5.43906 8.63688 5.28886 8.78708 5.10353 8.78708Z",
|
||||||
|
p3c314100: "M9.24373 2.78753H4.81524C4.62991 2.78753 4.47971 2.63733 4.47971 2.452C4.47971 2.26667 4.62991 2.11647 4.81524 2.11647H9.24373C9.62893 2.11647 9.94144 1.80275 9.94144 1.41876C9.94144 1.03357 9.62772 0.721057 9.24373 0.721057H1.41876C1.03357 0.721057 0.721058 1.03478 0.721058 1.41876C0.721058 1.80396 1.03478 2.11647 1.41876 2.11647H2.93409C3.11942 2.11647 3.26962 2.26667 3.26962 2.452C3.26962 2.63733 3.11942 2.78753 2.93409 2.78753H1.41876C0.664127 2.78753 0.05 2.1734 0.05 1.41876C0.05 0.664127 0.664127 0.05 1.41876 0.05H9.24373C9.99837 0.05 10.6125 0.664127 10.6125 1.41876C10.6125 2.1734 9.99837 2.78753 9.24373 2.78753Z",
|
||||||
|
p3ce0580: "M2.56202 0.432771L0.363521 1.31338C0.13822 1.40302 0.0134583 1.63195 0.0594875 1.86937C0.105517 2.10678 0.306591 2.27273 0.54885 2.27273H8.5434C8.78566 2.27273 8.98673 2.10678 9.03276 1.86937C9.07879 1.63195 8.95403 1.40302 8.72873 1.31338L6.53023 0.432771C5.89672 0.178399 5.2293 0.05 4.54613 0.05C3.86295 0.05 3.19553 0.178399 2.56202 0.432771ZM2.56202 0.432771L2.68679 0.744073M1.44157 1.60288H7.64946L6.2807 1.05416C5.16146 0.605984 3.92958 0.605984 2.81155 1.05416L1.44157 1.60288Z",
|
||||||
|
p5cab80: "M6.93137 0.721057H0.385528C0.2002 0.721057 0.05 0.570857 0.05 0.385528C0.05 0.2002 0.2002 0.05 0.385528 0.05H6.93137C7.1167 0.05 7.2669 0.2002 7.2669 0.385528C7.2669 0.570857 7.1167 0.721057 6.93137 0.721057Z",
|
||||||
|
p88545c0: "M5.10353 8.78708C4.9182 8.78708 4.768 8.63688 4.768 8.45155V0.721058H0.721058V8.45155C0.721058 8.63688 0.570857 8.78708 0.385528 8.78708C0.2002 8.78708 0.05 8.63688 0.05 8.45155V0.385528C0.05 0.2002 0.2002 0.05 0.385528 0.05H5.10231C5.28764 0.05 5.43784 0.2002 5.43784 0.385528V8.45155C5.43905 8.63688 5.28886 8.78708 5.10353 8.78708Z",
|
||||||
|
pbe42b80: "M5.28643 0.721057H0.385528C0.2002 0.721057 0.05 0.570857 0.05 0.385528C0.05 0.2002 0.2002 0.05 0.385528 0.05H5.28643C5.47176 0.05 5.62196 0.2002 5.62196 0.385528C5.62075 0.570857 5.47055 0.721057 5.28643 0.721057Z",
|
||||||
|
pcabba00: "M4.854 0.72106H0.38553C0.200202 0.72106 0.05 0.57086 0.05 0.385531C0.05 0.200203 0.200202 0.05 0.38553 0.05H4.854C5.03933 0.05 5.18953 0.200203 5.18953 0.385531C5.18953 0.57086 5.03933 0.72106 4.854 0.72106Z",
|
||||||
|
}
|
||||||
4
src/imports/svg-rf4f5wcll0.ts
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
export default {
|
||||||
|
p1054ae00: "M53.2116 48.9121H38.9889L40.9593 33.2206L48.4109 24.4796C49.5519 23.1182 49.5376 21.1299 48.3751 19.7867L43.109 13.7681C42.86 13.4743 42.5018 13.2952 42.1184 13.2665C41.7333 13.2396 41.3553 13.3686 41.0669 13.6247L40.6012 14.0546C40.6621 13.5854 40.4884 13.116 40.1355 12.8008L39.2399 12.0126C38.6685 11.5092 37.8033 11.5397 37.2695 12.0842L31.7526 17.7447C31.7472 18.7048 31.5143 19.6506 31.0719 20.5032L38.3084 13.0874L39.204 13.8756L32.5049 22.4736C32.367 22.658 32.3276 22.8981 32.3974 23.1184C32.4333 23.2259 33.4005 26.0919 37.9144 27.5607C37.8427 28.3489 37.6636 29.2087 37.2695 29.4236C36.9238 29.6206 36.8038 30.063 37.0009 30.4087C37.1979 30.7545 37.6403 30.8745 37.986 30.6774C39.1324 30.0326 39.3115 28.2055 39.3474 27.3457L44.542 22.6886C45.0776 22.2175 45.185 21.4222 44.7927 20.8257L41.2102 15.3803L42.0342 14.6638L47.3003 20.7182C48.0186 21.5188 48.0348 22.7297 47.3362 23.5483L39.7415 32.4687C39.6484 32.569 39.5874 32.6926 39.5624 32.827L37.5562 48.9123H35.335V34.26C35.3332 33.9483 35.1308 33.6725 34.8334 33.5793C34.7618 33.5793 29.4238 31.8955 26.4147 26.6651C26.2947 26.4573 26.0798 26.323 25.8415 26.3069L14.1625 25.6262V24.4798L24.3727 23.8349H24.5877L24.731 23.7633C23.7135 23.6128 22.7535 23.2062 21.9366 22.5811L14.0549 23.0827C13.3062 23.1382 12.7276 23.7651 12.7294 24.5157V25.6621C12.7276 26.4269 13.3277 27.0575 14.0908 27.0951L25.3755 27.7041C27.3745 30.9211 30.3678 33.3985 33.9019 34.7618V48.9125H8.78843C8.39256 48.9125 8.07193 49.2331 8.07193 49.629C8.07193 50.0248 8.39256 50.3455 8.78843 50.3455H53.2114C53.6073 50.3455 53.9279 50.0248 53.9279 49.629C53.9279 49.2331 53.6075 48.9121 53.2116 48.9121ZM43.6103 21.6493L38.4873 26.2349C35.4421 25.3035 34.2957 23.6913 33.9017 23.0107L39.7767 15.416C39.7803 15.6973 39.8681 15.9713 40.0275 16.2042L43.6103 21.6493Z",
|
||||||
|
p365acf00: "M20.9685 17.7085C20.9685 19.5929 22.1024 21.291 23.8434 22.011C25.5846 22.7329 27.5872 22.3335 28.9179 21.0008C30.2505 19.6699 30.65 17.6673 29.9281 15.9264C29.208 14.1853 27.51 13.0514 25.6255 13.0514C23.0533 13.0514 20.9685 15.1364 20.9685 17.7085ZM28.8502 17.7085C28.8502 19.0125 28.0639 20.1875 26.8602 20.6873C25.6547 21.1871 24.2683 20.9112 23.3457 19.9887C22.4232 19.0663 22.1474 17.6798 22.6472 16.4743C23.1469 15.2706 24.322 14.4842 25.626 14.4842C26.4876 14.4753 27.3169 14.8102 27.9295 15.4157C28.5421 16.0211 28.886 16.8469 28.886 17.7085H28.8502Z",
|
||||||
|
}
|
||||||
3
src/imports/svg-rfrt8mx1lu.ts
Normal file
3
src/imports/svg-rpecqp6li2.ts
Normal file
3
src/imports/svg-s8leuc872s.ts
Normal file
9
src/imports/svg-u2edxj8dia.ts
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
export default {
|
||||||
|
p11d0e900: "M0.884818 27.4327C1.10144 27.7782 1.3664 28.0915 1.67254 28.3636C1.6994 28.1094 1.74773 27.8588 1.81576 27.6117C1.88737 27.2949 1.98405 26.9834 2.1022 26.6808C1.60091 25.8931 1.81576 24.819 2.20962 24.0671C2.66792 23.1702 2.58556 22.0907 1.99479 21.2743C1.37535 20.2825 1.66181 18.9792 2.63925 18.3384C4.03564 17.3716 5.3604 17.6223 6.57779 19.1261C6.73175 19.3391 6.86243 19.5665 6.97164 19.8064V19.878C7.58031 21.1312 10.0509 21.525 11.6619 21.6682C11.6279 21.1902 11.6386 20.7104 11.6977 20.236C10.0506 20.0928 8.47529 19.6989 8.22464 19.2335V19.1619C8.07963 18.8343 7.89882 18.521 7.68756 18.231C6.04052 16.1543 3.85645 15.7246 1.85157 17.121C0.884834 17.7297 -0.583147 19.5199 0.705822 21.9547L0.777431 22.0621C1.06387 22.447 1.10504 22.9608 0.884847 23.3869C0.204547 24.8191 0.168724 26.3228 0.884818 27.4327Z",
|
||||||
|
p15b7cd00: "M41.0576 28.8649C41.0576 28.9007 39.8761 31.8725 35.0424 33.6986C34.7023 33.8096 34.4964 34.1533 34.5591 34.506C34.6217 34.8587 34.935 35.1093 35.2931 35.095H35.5437C40.986 33.0184 42.3467 29.5812 42.4182 29.4377C42.5202 29.2551 42.5381 29.0385 42.4665 28.8434C42.3949 28.6465 42.241 28.4925 42.0458 28.4191C41.8525 28.3439 41.6341 28.36 41.4515 28.4585C41.2689 28.5587 41.1382 28.7324 41.0934 28.9365L41.0576 28.8649Z",
|
||||||
|
p17868d00: "M9.19108 25.2484H9.11947C8.79544 25.1177 8.46066 25.0229 8.11694 24.962C5.5748 24.5323 3.74879 25.6781 3.17601 27.9696C2.88957 29.0437 2.99699 31.2636 5.5033 32.1229H5.64652C6.08155 32.1945 6.43425 32.5186 6.54163 32.9464C6.93548 34.4144 7.90223 35.4886 9.11956 35.8108C9.47045 35.9039 9.83029 35.9522 10.1937 35.954C10.815 35.9576 11.4236 35.784 11.9481 35.4527C13.3803 34.5576 13.81 32.8032 13.9174 32.3019C13.9998 31.8526 14.0248 31.3961 13.989 30.9413C13.9711 30.3702 14.2074 29.8189 14.6335 29.4376L16.8176 27.3251C17.8398 27.9552 19.0178 28.29 20.219 28.2918C21.2788 28.2882 22.3225 28.0304 23.2624 27.5399L23.9427 27.1819C24.981 26.609 25.6971 26.2151 27.2725 26.1793C28.0173 26.1614 28.7602 26.2223 29.4924 26.3584C31.3901 26.6806 36.152 26.9312 39.6969 22.4915C45.0677 15.7242 43.5638 9.06465 40.3056 5.05453C38.0195 2.2886 34.7148 0.559249 31.1396 0.256588C27.3085 -0.0656522 20.4342 0.722036 17.6413 9.74477V9.85218C17.4265 11.3202 16.5313 15.366 15.135 16.5837C14.7447 16.9131 14.4063 17.2998 14.1324 17.7294C13.1442 19.2708 12.8703 21.1631 13.3805 22.9211L13.2731 22.9927C11.6261 24.3533 9.72812 25.4632 9.19108 25.2484ZM15.3135 18.4454C15.5104 18.1375 15.7521 17.86 16.0296 17.6219C17.9989 15.8675 18.8582 10.8904 19.0014 10.103C21.4003 2.47647 26.8425 1.33072 30.996 1.68911C34.197 1.95406 37.1547 3.50439 39.1955 5.98567C42.0956 9.53034 43.4204 15.5096 38.5868 21.6325C37.5574 22.9412 36.1879 23.9437 34.6286 24.5309C33.0711 25.118 31.3811 25.2667 29.7431 24.9623C28.9053 24.8137 28.0531 24.7529 27.201 24.7833C25.8064 24.8173 24.4458 25.2255 23.2624 25.9648L22.5821 26.3229C20.4482 27.44 17.8254 26.9172 16.2805 25.0697L15.8867 24.5684L15.7076 24.3178C13.7384 21.8473 14.6335 19.5918 15.3138 18.446L15.3135 18.4454ZM14.5974 25.1769L14.7048 25.356C14.8588 25.5815 15.0253 25.7964 15.2061 26.0004L15.6716 26.5017L13.6307 28.471C12.929 29.1405 12.5512 30.0804 12.5924 31.0489C12.6228 31.3837 12.6121 31.7202 12.5566 32.0514C12.4134 32.8033 11.9837 33.8059 11.2318 34.2713C10.7127 34.5775 10.0843 34.6437 9.5132 34.4504C8.68968 34.2355 8.1526 33.3404 7.93779 32.5885C7.68895 31.6308 6.90662 30.9039 5.93273 30.7267C4.21411 30.118 4.50054 28.6142 4.57213 28.292C4.96598 26.6808 6.0759 26.0363 7.90195 26.3227L8.61805 26.5375H8.68966C10.2293 27.1104 12.8788 25.0695 13.9528 24.1744C14.1425 24.5253 14.3575 24.8601 14.5974 25.1769Z",
|
||||||
|
p18f61d00: "M32.4646 34.2716C32.0529 34.4291 31.6017 34.4542 31.1757 34.3432C30.7997 34.2143 30.3915 34.4148 30.2626 34.7908C30.1337 35.1667 30.3342 35.5749 30.7102 35.7038C31.5122 35.9526 32.3769 35.9007 33.1449 35.5606C33.5012 35.3833 33.6444 34.9501 33.4671 34.5938C33.2899 34.2376 32.8567 34.0944 32.5004 34.2716L32.4646 34.2716Z",
|
||||||
|
p1cd27a80: "M36.0448 21.489C36.3527 21.7343 36.7985 21.6859 37.0474 21.3816C40.6636 16.8344 40.0907 13.1464 40.0549 13.0034C40.046 12.7957 39.9493 12.6042 39.7882 12.4735C39.6271 12.3446 39.4158 12.2909 39.2135 12.3267C39.0095 12.3643 38.8304 12.486 38.7248 12.6651C38.6192 12.8423 38.5941 13.0571 38.6586 13.2541C38.6586 13.2899 39.1599 16.4407 35.9374 20.4865C35.6922 20.7944 35.7405 21.2401 36.0448 21.489Z",
|
||||||
|
p1d2c1e00: "M45.9985 25.5706C46.1471 22.7689 45.4489 19.9848 43.9934 17.5861C43.8019 18.184 43.5745 18.7694 43.3131 19.3405C44.2494 21.2525 44.6809 23.3721 44.5663 25.4991C44.2799 30.2971 41.1291 35.9539 33.1803 37.2788C28.1674 38.1381 25.1601 35.0589 24.1216 33.6625C23.5952 32.9572 22.9955 32.3091 22.3314 31.7291C20.8276 30.4401 19.7534 30.1895 18.5002 29.903L17.7484 29.724C17.4154 29.6363 17.0913 29.5163 16.7816 29.366L15.7075 30.4043C16.2338 30.7176 16.7995 30.9592 17.3903 31.1204L18.178 31.3352C19.3953 31.6216 20.1831 31.8365 21.4004 32.8748C21.984 33.3904 22.5121 33.9668 22.9758 34.5934C24.05 35.9898 26.8427 38.89 31.4617 38.89C32.1098 38.8846 32.756 38.8238 33.3952 38.711C42.239 37.2072 45.7121 30.9414 45.9985 25.5706Z",
|
||||||
|
p1df26700: "M32.6077 23.6372C33.4473 23.6103 34.2493 23.2792 34.8634 22.7063C35.0693 22.4145 35.0263 22.0135 34.7649 21.77C34.5035 21.5265 34.1025 21.514 33.825 21.7396C33.4831 22.0314 33.057 22.2068 32.6077 22.2408C32.2121 22.2408 31.8916 22.5613 31.8916 22.9569C31.8916 23.3526 32.2121 23.673 32.6077 23.673L32.6077 23.6372Z",
|
||||||
|
}
|
||||||