Merge branch 'images-zodiacSigns-leo' into 'develop'
images-zodiacSigns-leo See merge request witapp/aura-webapp!147
Daniil Chemerkin
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
<link rel="preload" as="image" href="/leo.png" fetchpriority="high" />
|
||||
<link rel="preload" as="image" href="/leo.webp" fetchpriority="high" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
@ -86,7 +86,7 @@
|
||||
<!-- End Google Tag Manager (noscript) -->
|
||||
<div id="root">
|
||||
<div class="splash-screen">
|
||||
<img src="/leo.png" alt="Aura - Energy of your Horoscope" />
|
||||
<img src="/leo.webp" alt="Aura - Energy of your Horoscope" />
|
||||
</div>
|
||||
</div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
|
||||
BIN
public/leo.webp
Normal file
|
After Width: | Height: | Size: 118 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 65 KiB |
BIN
public/questionnaire-redesign/zodiacs/male/pdf.sex.LEO.MALE.webp
Normal file
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 22 KiB |
152
src/components/pages/ABDesign/v1/data/zodiacSignsInfo.ts
Normal file
@ -0,0 +1,152 @@
|
||||
import { IZodicSignsInfo } from "@/data";
|
||||
|
||||
export const zodiacSignsInfo: IZodicSignsInfo = {
|
||||
male: [
|
||||
{
|
||||
name: "Capricorn",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.CAPRICORN.MALE.webp",
|
||||
description:
|
||||
"The Capricorn male, with mountain goat tenacity, climbs life's peaks with disciplined dedication.",
|
||||
},
|
||||
{
|
||||
name: "Aquarius",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.AQUARIUS.MALE.webp",
|
||||
description:
|
||||
"Revolutionary in thought, the Aquarius male breaks boundaries, envisioning a brighter, unconventional tomorrow.",
|
||||
},
|
||||
{
|
||||
name: "Pisces",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.PISCES.MALE.webp",
|
||||
description:
|
||||
"Dreamy and empathetic, the Pisces male navigates realms of emotion, often expressing his soul through artistry.",
|
||||
},
|
||||
{
|
||||
name: "Aries",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.ARIES.MALE.webp",
|
||||
description:
|
||||
"The Aries male charges forward with unparalleled energy, always ready to conquer new frontiers.",
|
||||
},
|
||||
{
|
||||
name: "Taurus",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.TAURUS.MALE.webp",
|
||||
description:
|
||||
"The Taurus male values stability, often displaying a potent mix of resilience and sensuality.",
|
||||
},
|
||||
{
|
||||
name: "Gemini",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.GEMINI.MALE.webp",
|
||||
description:
|
||||
"Ever-curious, the Gemini male is a whirlwind of ideas, often switching between topics with excitement.",
|
||||
},
|
||||
{
|
||||
name: "Cancer",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.CANCER.MALE.webp",
|
||||
description:
|
||||
"Deeply intuitive, the Cancer male guards his emotional realm, drawing strength from familial bonds.",
|
||||
},
|
||||
{
|
||||
name: "Leo",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.LEO.MALE.webp",
|
||||
description:
|
||||
"With his regal demeanor, the Leo male has a magnetic charisma that demands the spotlight.",
|
||||
},
|
||||
{
|
||||
name: "Virgo",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.VIRGO.MALE.webp",
|
||||
description:
|
||||
"With an eye for detail, the Virgo male seeks perfection, often being the methodical problem solver in the room.",
|
||||
},
|
||||
{
|
||||
name: "Libra",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.LIBRA.MALE.webp",
|
||||
description:
|
||||
"Driven by harmony, the Libra male gracefully balances life's challenges, always seeking the middle ground.",
|
||||
},
|
||||
{
|
||||
name: "Scorpio",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.SCORPIO.MALE.webp",
|
||||
description:
|
||||
"The Scorpio male delves deep, with an intensity that can unravel life's mysteries, driven by passion and determination.",
|
||||
},
|
||||
{
|
||||
name: "Sagittarius",
|
||||
img: "/questionnaire-redesign/zodiacs/male/pdf.sex.SAGITTARIUS.MALE.webp",
|
||||
description:
|
||||
"With wanderlust in his heart, the Sagittarius male chases knowledge and adventure, ever the eternal optimist.",
|
||||
},
|
||||
],
|
||||
female: [
|
||||
{
|
||||
name: "Capricorn",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.CAPRICORN.FEMALE.webp",
|
||||
description:
|
||||
"Grounded and wise, the Capricorn female stands as a pillar of resilience, merging ambition with purpose.",
|
||||
},
|
||||
{
|
||||
name: "Aquarius",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.AQUARIUS.FEMALE.webp",
|
||||
description:
|
||||
"The Aquarius female, with her avant-garde spirit, dances to her own rhythm, forever championing innovation.",
|
||||
},
|
||||
{
|
||||
name: "Pisces",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.PISCES.FEMALE.webp",
|
||||
description:
|
||||
"Ethereal and compassionate, the Pisces female feels deeply, weaving tales of romance and magic in her wake.",
|
||||
},
|
||||
{
|
||||
name: "Aries",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.ARIES.FEMALE.webp",
|
||||
description:
|
||||
"Radiating confidence, the Aries female often leads the pack, fueled by ambition and determination.",
|
||||
},
|
||||
{
|
||||
name: "Taurus",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.TAURUS.FEMALE.webp",
|
||||
description:
|
||||
"Grounded and graceful, the Taurus female appreciates the beauty and luxury in life, always seeking comfort.",
|
||||
},
|
||||
{
|
||||
name: "Gemini",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.GEMINI.FEMALE.webp",
|
||||
description:
|
||||
"Sparkling with wit, the Gemini female charms with her versatility, constantly adapting to change.",
|
||||
},
|
||||
{
|
||||
name: "Cancer",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.CANCER.FEMALE.webp",
|
||||
description:
|
||||
"The nurturing spirit of a Cancer female creates an embracing cocoon of comfort for loved ones.",
|
||||
},
|
||||
{
|
||||
name: "Leo",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.LEO.FEMALE.webp",
|
||||
description:
|
||||
"Vibrant and confident, the Leo female radiates warmth, ruling her domain with generosity and grace.",
|
||||
},
|
||||
{
|
||||
name: "Virgo",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.VIRGO.FEMALE.webp",
|
||||
description:
|
||||
"Discerning and diligent, the Virgo female navigates life with analytical prowess and a pure heart.",
|
||||
},
|
||||
{
|
||||
name: "Libra",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.LIBRA.FEMALE.webp",
|
||||
description:
|
||||
"Charm personified, the Libra female is the embodiment of elegance, wielding diplomacy with an artful touch.",
|
||||
},
|
||||
{
|
||||
name: "Scorpio",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.SCORPIO.FEMALE.webp",
|
||||
description:
|
||||
"The enigmatic Scorpio female possesses a magnetic allure, her depths veiling strength and vulnerability.",
|
||||
},
|
||||
{
|
||||
name: "Sagittarius",
|
||||
img: "/questionnaire-redesign/zodiacs/female/pdf.sex.SAGITTARIUS.FEMALE.webp",
|
||||
description:
|
||||
"Vivacious and free-spirited, the Sagittarius female journeys through life, spreading joy and infectious enthusiasm.",
|
||||
},
|
||||
],
|
||||
};
|
||||
@ -4,17 +4,18 @@ import { selectors } from "@/store";
|
||||
import { getZodiacSignByDate } from "@/services/zodiac-sign";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import routes from "@/routes";
|
||||
import { IZodicSignsInfo, zodicSignsInfo } from "@/data";
|
||||
import { IZodicSignsInfo } from "@/data";
|
||||
import Title from "@/components/Title";
|
||||
import Header from "../../components/Header";
|
||||
import QuestionnaireGreenButton from "../../ui/GreenButton";
|
||||
import { zodiacSignsInfo } from "../../data/zodiacSignsInfo";
|
||||
|
||||
function SingleZodiacInfoPage() {
|
||||
const navigate = useNavigate();
|
||||
const birthdate = useSelector(selectors.selectQuestionnaire).birthdate;
|
||||
const gender = useSelector(selectors.selectQuestionnaire).gender;
|
||||
const zodiac = getZodiacSignByDate(birthdate);
|
||||
const zodiacInfo = zodicSignsInfo[gender as keyof IZodicSignsInfo].find(
|
||||
const zodiacInfo = zodiacSignsInfo[gender as keyof IZodicSignsInfo].find(
|
||||
(sign) => sign.name === zodiac
|
||||
);
|
||||
|
||||
|
||||