319 lines
18 KiB
JavaScript
319 lines
18 KiB
JavaScript
import React from "react";
|
||
import styles from "./AdoptionInfoPage.module.css";
|
||
import { Button, Box } from "@mui/material";
|
||
import NewNavbar from "./NewNavbar.js";
|
||
import { IconButton, SvgIcon } from "@mui/material";
|
||
import { Link } from "react-router-dom";
|
||
import Footer from "./components/Footer.js";
|
||
import NGOLogo from "./components/NGOLogo.js";
|
||
import { motion } from "framer-motion";
|
||
|
||
function AdoptionInfoPage() {
|
||
return (
|
||
<div id={styles["wholecontainer"]}>
|
||
<NewNavbar />
|
||
<div id={styles["infocontainer"]}>
|
||
<div className={styles["bg-wrapper"]}>
|
||
<div id={styles["headingcontainer"]}>
|
||
<p className={styles["Info-heading"]}>基本領養需知</p>
|
||
</div>
|
||
<div className={styles["Info-content"]}>
|
||
<ul>
|
||
<li className={styles["point"]}>
|
||
領養前仔細考慮：領養動物是一個長期承諾，請確保您有足夠的時間、資源和能力來照顧動物的生活需求。
|
||
</li>
|
||
<li className={styles["point"]}>
|
||
選擇合適的寵物：根據您的生活方式、住房狀況和家庭成員的需求，選擇適合的寵物品種和性格。
|
||
</li>
|
||
<li className={styles["point"]}>
|
||
準備領養費用:
|
||
領養動物通常需要支付已用於動物的醫療保健、疫苗接種、結紮手術、晶片植入等費用。
|
||
<br />
|
||
具體金額可能因機構、動物種類和需求而有所不同。
|
||
</li>
|
||
<li className={styles["point"]}>
|
||
寵物繁殖控制：如果您領養的是未結紮的寵物，請進行結紮手術，以控制寵物繁殖和負擔。
|
||
</li>
|
||
<li className={styles["point"]}>
|
||
注冊和標識寵物：根據香港法律，您需要為寵物進行注冊和標識，如植入晶片或佩戴識別圈等。
|
||
</li>
|
||
<li className={styles["point"]}>
|
||
提供良好的飲食和醫療照顧：給予寵物均衡的飲食，定期接受獸醫檢查和必要的疫苗接種，並提供必要的醫療照顧。
|
||
</li>
|
||
<li className={styles["point"]}>
|
||
寵物訓練和社交化：提供寵物適當的訓練和社交化，以確保其行為和與人類及其他動物的相處方式良好。
|
||
</li>
|
||
<li className={styles["point"]}>
|
||
耐心和愛心：給予寵物足夠的耐心和愛心，建立牢固的信任關係，並對其提供家庭的溫暖和關懷。
|
||
</li>
|
||
<li className={styles["point"]}>
|
||
提供適當的運動和娛樂：確保寵物有足夠的運動和娛樂，例如遛狗、玩耍和提供適合的玩具等，以維持其身心健康。
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div className={styles["precautions"]}>
|
||
<p className={styles["attention"]}>
|
||
以上僅是一些基本的領養需知，具體領養程序和要求會因應不同的領養機構或動物種類而有所不同。建議您在領養前進一步了解相關資訊，並與相關機構聯繫以獲取更詳細的指引。
|
||
</p>
|
||
</div>
|
||
<Box display="flex" justifyContent="center" marginTop={5}>
|
||
<Link
|
||
to={{
|
||
pathname: `/Category_Page`,
|
||
}}
|
||
>
|
||
<IconButton href="www.google.com" id="more-pet">
|
||
<SvgIcon
|
||
id="pets-icon"
|
||
enable-background="new 0 0 512 512"
|
||
height="512"
|
||
viewBox="0 0 512 512"
|
||
width="512"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<g>
|
||
<path
|
||
d="m7.611 143.299v-58.886c0-8.864 7.186-16.05 16.05-16.05 5.546 0 10.7 2.864 13.629 7.573l41.896 67.363-35.788 12.059z"
|
||
fill="#918291"
|
||
/>
|
||
<path
|
||
d="m37.29 75.936c-2.929-4.71-8.083-7.573-13.629-7.573-8.864 0-16.05 7.186-16.05 16.05v2.346c.068-.001.135-.01.203-.01 5.546 0 10.7 2.864 13.629 7.573l30.608 48.977 11.903 5.133 15.232-5.133z"
|
||
fill="#7f737f"
|
||
/>
|
||
<path
|
||
d="m245.783 143.299 4.973-27.374-4.973-31.513c0-8.864-7.186-16.05-16.05-16.05-5.546 0-10.7 2.864-13.629 7.573l-41.896 67.363 35.788 8.916z"
|
||
fill="#918291"
|
||
/>
|
||
<path
|
||
d="m229.733 68.363c-5.546 0-10.7 2.863-13.629 7.573l-3.271 5.259c3.552 2.944 5.815 7.388 5.815 12.362v49.742l6.533 5.133 20.602-5.133 4.973-27.374-4.973-31.513c0-8.863-7.186-16.049-16.05-16.049z"
|
||
fill="#7f737f"
|
||
/>
|
||
<path
|
||
d="m126.697 346.882c-65.769 0-119.086-10.887-119.086-76.656v-126.927h238.171l16.024 55.492-16.024 46.656v24.778c.001 65.769-53.316 76.657-119.085 76.657z"
|
||
fill="#e2dee2"
|
||
/>
|
||
<path
|
||
d="m218.648 143.299v126.926c0 61.18-46.139 74.867-105.518 76.48 4.453.121 8.979.176 13.567.176 65.769 0 119.086-10.887 119.086-76.656v-24.778l16.024-46.656-16.024-55.492z"
|
||
fill="#cbc4cc"
|
||
/>
|
||
<path
|
||
d="m95.617 346.882h62.16c33.987 0 61.539 27.552 61.539 61.539v58.633c0 7.505-6.084 13.589-13.589 13.589l-36.709-.004-42.321-13.248-42.322 13.251h-36.708c-7.505 0-13.589-6.084-13.589-13.589v-58.633c0-33.986 27.552-61.538 61.539-61.538z"
|
||
fill="#e2dee2"
|
||
/>
|
||
<path
|
||
d="m157.777 346.882h-27.135c33.987 0 61.539 27.552 61.539 61.539v58.633c0 7.505-6.084 13.589-13.589 13.589h27.135c7.505 0 13.589-6.084 13.589-13.589v-58.633c.001-33.987-27.552-61.539-61.539-61.539z"
|
||
fill="#cbc4cc"
|
||
/>
|
||
<path
|
||
d="m169.019 480.643h-42.322l-7.763-35.93 7.763-27.741c0-4.518 3.663-8.181 8.181-8.181h25.96c4.518 0 8.181 3.663 8.181 8.181z"
|
||
fill="#918291"
|
||
/>
|
||
<path
|
||
d="m169.018 416.977v63.663h-17.425v-63.663c0-4.526-3.664-8.19-8.18-8.19h17.425c4.516 0 8.18 3.664 8.18 8.19z"
|
||
fill="#7f737f"
|
||
/>
|
||
<path
|
||
d="m126.697 480.643h-42.322v-63.671c0-4.518 3.663-8.181 8.181-8.181h25.96c4.518 0 8.181 3.663 8.181 8.181z"
|
||
fill="#918291"
|
||
/>
|
||
<path
|
||
d="m126.696 416.977v63.663h-17.425v-63.663c0-4.526-3.664-8.19-8.18-8.19h17.425c4.516 0 8.18 3.664 8.18 8.19z"
|
||
fill="#7f737f"
|
||
/>
|
||
<path
|
||
d="m512 103.576v141.868c0 73.517-59.593 85.685-133.11 85.685s-133.11-12.168-133.11-85.685v-141.868z"
|
||
fill="#e19974"
|
||
/>
|
||
<path
|
||
d="m484.865 103.575v141.873c0 68.934-52.4 83.928-119.541 85.529 4.461.106 8.987.154 13.567.154 73.514 0 133.109-12.169 133.109-85.683v-141.873z"
|
||
fill="#dc8758"
|
||
/>
|
||
<path
|
||
d="m344.151 331.13h69.48c37.989 0 68.786 30.796 68.786 68.786v67.138c0 7.505-6.084 13.589-13.589 13.589h-179.873c-7.505 0-13.589-6.084-13.589-13.589v-67.138c-.001-37.989 30.796-68.786 68.785-68.786z"
|
||
fill="#e19974"
|
||
/>
|
||
<path
|
||
d="m413.631 331.13h-27.135c37.989 0 68.786 30.797 68.786 68.786v67.138c0 7.505-6.084 13.589-13.589 13.589h27.135c7.505 0 13.589-6.084 13.589-13.589v-67.138c0-37.989-30.796-68.786-68.786-68.786z"
|
||
fill="#dc8758"
|
||
/>
|
||
<path
|
||
d="m367.546 480.643h-41.24v-72.278c0-4.438 3.597-8.035 8.035-8.035h25.17c4.438 0 8.035 3.597 8.035 8.035z"
|
||
fill="#e19974"
|
||
/>
|
||
<path
|
||
d="m367.544 408.361v72.279h-19.049v-72.279c0-4.435-3.593-8.028-8.038-8.028h19.049c4.445 0 8.038 3.593 8.038 8.028z"
|
||
fill="#dc8758"
|
||
/>
|
||
<path
|
||
d="m359.54 253.62h38.703v26.157c0 10.688-8.664 19.352-19.352 19.352-10.688 0-19.352-8.664-19.352-19.352v-26.157z"
|
||
fill="#e759aa"
|
||
/>
|
||
<path
|
||
d="m378.891 253.62v26.157c0 7.159-3.897 13.394-9.676 16.741 2.849 1.65 6.147 2.61 9.676 2.61 10.688 0 19.351-8.664 19.351-19.351v-26.157z"
|
||
fill="#e03d9c"
|
||
/>
|
||
<path
|
||
d="m337.699 103.575h-91.916v-38.475c0-18.636 15.107-33.744 33.744-33.744h24.429c18.636 0 33.744 15.107 33.744 33.744v38.475z"
|
||
fill="#e19974"
|
||
/>
|
||
<path
|
||
d="m303.955 31.357h-24.429c-.454 0-.904.017-1.353.034 18.008.711 32.391 15.527 32.391 33.709v38.474h27.135v-38.474c-.001-18.636-15.108-33.743-33.744-33.743z"
|
||
fill="#dc8758"
|
||
/>
|
||
<path
|
||
d="m297.262 143.299c-13.968 0-25.292-11.324-25.292-25.292v-39.22c0-4.182 3.39-7.572 7.572-7.572 4.182 0 7.572 3.39 7.572 7.572v39.22h35.44c0 13.968-11.324 25.292-25.292 25.292z"
|
||
fill="#dc8758"
|
||
/>
|
||
<path
|
||
d="m312.406 143.299c-13.968 0-25.292-11.324-25.292-25.292v-46.792h50.584v46.792c.001 13.968-11.323 25.292-25.292 25.292z"
|
||
fill="#e19974"
|
||
/>
|
||
<path
|
||
d="m310.564 71.215v46.792c0 8.974-4.678 16.851-11.725 21.34 3.921 2.498 8.573 3.952 13.567 3.952 13.968 0 25.292-11.324 25.292-25.292v-46.792z"
|
||
fill="#dc8758"
|
||
/>
|
||
<path
|
||
d="m420.084 103.575h91.916v-38.475c0-18.636-15.107-33.744-33.744-33.744h-24.429c-18.636 0-33.744 15.107-33.744 33.744v38.475z"
|
||
fill="#e19974"
|
||
/>
|
||
<path
|
||
d="m478.256 31.357h-24.429c-.454 0-.903.017-1.353.034 18.008.711 32.39 15.527 32.39 33.709v38.474h27.136v-38.474c0-18.636-15.108-33.743-33.744-33.743z"
|
||
fill="#dc8758"
|
||
/>
|
||
<path
|
||
d="m457.106 103.576v14.431c0 13.965-11.326 25.291-25.301 25.291-13.965 0-25.29-11.326-25.29-25.291v-14.431z"
|
||
fill="#dc8758"
|
||
/>
|
||
<path
|
||
d="m445.376 143.299c13.968 0 25.292-11.324 25.292-25.292v-46.792h-50.584v46.792c0 13.968 11.324 25.292 25.292 25.292z"
|
||
fill="#e19974"
|
||
/>
|
||
<path
|
||
d="m456.814 71.215c-7.334 0-13.28 5.946-13.28 13.28v33.512c0 8.974-4.678 16.851-11.725 21.34 3.921 2.498 8.573 3.952 13.567 3.952 13.968 0 25.292-11.324 25.292-25.292v-32.938c0-7.651-6.202-13.854-13.854-13.854z"
|
||
fill="#dc8758"
|
||
/>
|
||
<g>
|
||
<g>
|
||
<path
|
||
d="m83.195 256.292c-4.204 0-7.611-3.408-7.611-7.611v-13.71c0-4.204 3.407-7.611 7.611-7.611s7.611 3.408 7.611 7.611v13.71c.001 4.203-3.407 7.611-7.611 7.611z"
|
||
fill="#918291"
|
||
/>
|
||
</g>
|
||
<g>
|
||
<path
|
||
d="m170.198 256.292c-4.204 0-7.611-3.408-7.611-7.611v-13.71c0-4.204 3.407-7.611 7.611-7.611s7.611 3.408 7.611 7.611v13.71c.001 4.203-3.407 7.611-7.611 7.611z"
|
||
fill="#918291"
|
||
/>
|
||
</g>
|
||
</g>
|
||
<path
|
||
d="m156.92 286.62c-2.093-3.216-6.252-4.374-9.706-2.7l-.249.121c-1.157.706-6.702 3.639-12.657-.619v-27.129h2.17c4.204 0 7.611-3.408 7.611-7.611 0-4.204-3.407-7.611-7.611-7.611h-19.563c-4.204 0-7.611 3.408-7.611 7.611 0 4.204 3.407 7.611 7.611 7.611h2.169v27.132c-5.955 4.259-11.501 1.322-12.658.616l-.287-.154c-3.471-1.855-7.784-.746-9.93 2.552-2.485 3.819-1.08 8.986 3.032 10.95 5.222 2.495 9.057 3.499 13.288 3.499 4.467 0 9.373-1.131 14.165-4.221 4.794 3.092 9.701 4.221 14.17 4.221 4.098 0 7.826-.943 12.762-3.149 4.278-1.912 5.85-7.192 3.294-11.119z"
|
||
fill="#918291"
|
||
/>
|
||
<g>
|
||
<g>
|
||
<path
|
||
d="m34.136 255.808h-26.525c-4.204 0-7.611-3.408-7.611-7.612s3.407-7.611 7.611-7.611h26.524c4.204 0 7.611 3.408 7.611 7.611.001 4.204-3.406 7.612-7.61 7.612z"
|
||
fill="#eaf9fa"
|
||
/>
|
||
</g>
|
||
<g>
|
||
<path
|
||
d="m10.258 300.894c-2.771 0-5.443-1.518-6.788-4.157-1.909-3.745-.419-8.329 3.326-10.238l29.061-14.812c3.744-1.908 8.329-.42 10.238 3.325s.419 8.329-3.326 10.238l-29.061 14.812c-1.106.565-2.288.832-3.45.832z"
|
||
fill="#eaf9fa"
|
||
/>
|
||
</g>
|
||
<g>
|
||
<path
|
||
d="m34.134 335.861c-1.847 0-3.699-.668-5.163-2.021-3.088-2.852-3.278-7.668-.426-10.756l18.474-19.998c2.85-3.088 7.667-3.278 10.755-.426 3.088 2.853 3.278 7.668.426 10.756l-18.474 19.998c-1.499 1.624-3.543 2.447-5.592 2.447z"
|
||
fill="#eaf9fa"
|
||
/>
|
||
</g>
|
||
</g>
|
||
<g>
|
||
<g>
|
||
<path
|
||
d="m245.783 255.808h-26.524c-4.204 0-7.611-3.408-7.611-7.611 0-4.204 3.407-7.611 7.611-7.611h26.524c4.204 0 7.611 3.408 7.611 7.611s-3.407 7.611-7.611 7.611z"
|
||
fill="#eaf9fa"
|
||
/>
|
||
</g>
|
||
<g>
|
||
<path
|
||
d="m243.137 300.894c-1.164 0-2.343-.267-3.45-.832l-29.062-14.812c-3.745-1.909-5.235-6.493-3.326-10.238 1.91-3.746 6.496-5.233 10.238-3.325l29.062 14.812c3.745 1.909 5.235 6.493 3.326 10.238-1.345 2.639-4.017 4.157-6.788 4.157z"
|
||
fill="#eaf9fa"
|
||
/>
|
||
</g>
|
||
<g>
|
||
<path
|
||
d="m219.261 335.861c-2.05 0-4.092-.823-5.593-2.446l-18.475-19.998c-2.852-3.088-2.662-7.903.425-10.756 3.088-2.853 7.903-2.662 10.756.426l18.475 19.998c2.852 3.088 2.662 7.903-.425 10.756-1.464 1.351-3.316 2.02-5.163 2.02z"
|
||
fill="#eaf9fa"
|
||
/>
|
||
</g>
|
||
</g>
|
||
<g>
|
||
<g>
|
||
<path
|
||
d="m337.699 231.615c-4.204 0-7.611-3.408-7.611-7.611v-12.982c0-4.204 3.407-7.611 7.611-7.611s7.612 3.408 7.612 7.611v12.982c-.001 4.203-3.408 7.611-7.612 7.611z"
|
||
fill="#918291"
|
||
/>
|
||
</g>
|
||
<g>
|
||
<path
|
||
d="m420.084 231.615c-4.204 0-7.611-3.408-7.611-7.611v-12.982c0-4.204 3.407-7.611 7.611-7.611s7.612 3.408 7.612 7.611v12.982c0 4.203-3.408 7.611-7.612 7.611z"
|
||
fill="#918291"
|
||
/>
|
||
</g>
|
||
</g>
|
||
<path
|
||
d="m420.084 246.008h-33.582v-22.004h-15.223v22.004h-33.581c-4.204 0-7.611 3.408-7.611 7.611 0 4.204 3.407 7.611 7.611 7.611h82.386c4.204 0 7.612-3.408 7.612-7.611s-3.408-7.611-7.612-7.611z"
|
||
fill="#918291"
|
||
/>
|
||
<path
|
||
d="m326.306 480.643h-15.223v-72.701c0-4.204 3.408-7.611 7.611-7.611 4.204 0 7.612 3.408 7.612 7.611z"
|
||
fill="#dc8758"
|
||
/>
|
||
<path
|
||
d="m399.291 480.643h-15.223v-72.701c0-4.204 3.408-7.611 7.611-7.611 4.204 0 7.611 3.408 7.611 7.611v72.701z"
|
||
fill="#dc8758"
|
||
/>
|
||
<path
|
||
d="m440.531 480.643h-41.24v-72.278c0-4.438 3.597-8.035 8.035-8.035h25.17c4.438 0 8.035 3.597 8.035 8.035z"
|
||
fill="#e19974"
|
||
/>
|
||
<path
|
||
d="m440.529 408.361v72.279h-19.049v-72.279c0-4.435-3.593-8.028-8.038-8.028h19.049c4.445 0 8.038 3.593 8.038 8.028z"
|
||
fill="#dc8758"
|
||
/>
|
||
<g>
|
||
<path
|
||
d="m388.154 231.615h-18.524c-4.204 0-7.611-3.408-7.611-7.611 0-4.204 3.407-7.612 7.611-7.612h18.524c4.204 0 7.611 3.408 7.611 7.612 0 4.203-3.407 7.611-7.611 7.611z"
|
||
fill="#e759aa"
|
||
/>
|
||
</g>
|
||
</g>
|
||
</SvgIcon>
|
||
睇睇尋家中既動物
|
||
</IconButton>
|
||
</Link>
|
||
</Box>
|
||
</div>
|
||
</div>
|
||
|
||
<motion.div
|
||
initial={{ opacity: 0, scale: 0.5 }}
|
||
whileInView={{ opacity: 1, scale: 1 }}
|
||
transition={{ duration: 0.5 }}
|
||
className={styles["logocontainer"]}
|
||
>
|
||
<NGOLogo />
|
||
</motion.div>
|
||
|
||
<div>
|
||
<Footer />
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
export default AdoptionInfoPage;
|