Skip to content

Commit aebb2bc

Browse files
adding svgs in other places (#639)
1 parent 9ec8f7d commit aebb2bc

File tree

7 files changed

+66
-16
lines changed

7 files changed

+66
-16
lines changed

src/containers/about/layout-02/index.tsx

Lines changed: 22 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,12 @@ type TProps = TSection & {
1414
};
1515
};
1616

17-
const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSize }: TProps) => {
17+
const AboutArea = ({
18+
data: { section_title, motto, images },
19+
space,
20+
bg,
21+
titleSize,
22+
}: TProps) => {
1823
const { trans1 } = useUI();
1924
return (
2025
<Section className="about-area" space={space} bg={bg}>
@@ -27,9 +32,15 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
2732
variants={scrollUpVariants}
2833
>
2934
{section_title && (
30-
<SectionTitle {...section_title} align="left" titleSize={titleSize} />
35+
<SectionTitle
36+
{...section_title}
37+
align="left"
38+
titleSize={titleSize}
39+
/>
40+
)}
41+
{motto && (
42+
<MottoText className="tw-mt-4" size="md" {...motto} />
3143
)}
32-
{motto && <MottoText className="tw-mt-4" size="md" {...motto} />}
3344
</motion.div>
3445
<div className="tw-relative tw-order-1 lg:tw-order-2">
3546
{images?.[0]?.src && (
@@ -81,7 +92,10 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
8192
y: trans1().y,
8293
}}
8394
>
84-
<img src="/images/shape-animation/about-shape-1.png" alt="" />
95+
<img
96+
src="/images/shape-animation/about-shape-1.png"
97+
alt=""
98+
/>
8599
</motion.div>
86100
<motion.div
87101
className="tw-absolute tw-z-1 tw-right-2.5 -tw-bottom-10 tw-w-20 lg:tw-w-auto"
@@ -90,7 +104,10 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
90104
y: trans1().y,
91105
}}
92106
>
93-
<img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
107+
<img
108+
src="/images/shape-animation/hashflag.svg"
109+
alt=""
110+
/>
94111
</motion.div>
95112
<motion.div
96113
className="tw-absolute tw-z-1 tw-top-[-27px] tw-left-[360px] tw-w-20 lg:tw-w-auto"

src/containers/contact-info/layout-01/index.tsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -136,8 +136,11 @@ const ContactInfo = ({ data: { section_title, items, images } }: TProps) => {
136136
}}
137137
>
138138
<img
139-
src="/images/shape-animation/nwesletter-shape-2.png"
140-
alt=""
139+
src="/images/shape-animation/dog-tag.svg"
140+
alt="shape"
141+
loading="lazy"
142+
width={178}
143+
height={178}
141144
/>
142145
</motion.div>
143146
</motion.div>

src/containers/course/layout-02/index.tsx

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,10 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
6363
y: trans1().y,
6464
}}
6565
>
66-
<img src="/images/shape-animation/cta-shape-01.png" alt="" />
66+
<img
67+
src="/images/shape-animation/cta-shape-01.png"
68+
alt=""
69+
/>
6770
</motion.div>
6871
<motion.div
6972
className="tw-absolute tw-z-1 tw-w-15 tw-top-5 -tw-right-5 md:tw-w-auto md:tw-top-2.5 md:tw-right-0"
@@ -72,7 +75,13 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
7275
y: trans1().y,
7376
}}
7477
>
75-
<img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
78+
<img
79+
src="/images/shape-animation/dog-tag.svg"
80+
alt="shape"
81+
loading="lazy"
82+
width={178}
83+
height={178}
84+
/>
7685
</motion.div>
7786
</motion.div>
7887
</Section>

src/containers/cta/layout-02/index.tsx

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,10 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
6363
y: trans1().y,
6464
}}
6565
>
66-
<img src="/images/shape-animation/cta-shape-01.png" alt="" />
66+
<img
67+
src="/images/shape-animation/cta-shape-01.png"
68+
alt=""
69+
/>
6770
</motion.div>
6871
<motion.div
6972
className="tw-absolute tw-z-1 tw-w-15 tw-top-5 -tw-right-5 md:tw-w-auto md:tw-top-2.5 md:tw-right-0"
@@ -72,7 +75,13 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
7275
y: trans1().y,
7376
}}
7477
>
75-
<img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
78+
<img
79+
src="/images/shape-animation/dog-tag.svg"
80+
alt="shape"
81+
loading="lazy"
82+
width={178}
83+
height={178}
84+
/>
7685
</motion.div>
7786
</motion.div>
7887
</Section>

src/containers/hero/layout-02/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -143,7 +143,7 @@ const HeroArea = ({
143143
}}
144144
>
145145
<img
146-
src="/images/shape-animation/nwesletter-shape-2.png"
146+
src="/images/shape-animation/-shape-2.png"
147147
alt=""
148148
/>
149149
</motion.div>

src/containers/newsletter/layout-01/index.tsx

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,13 @@ const NewsletterArea = ({ data: { section_title }, space, bg }: TProps) => {
4545
y: trans1().y,
4646
}}
4747
>
48-
<img src="/images/shape-animation/nwesletter-shape-1.png" alt="" />
48+
<img
49+
src="/images/shape-animation/dog-tag.svg"
50+
alt="shape"
51+
loading="lazy"
52+
width={178}
53+
height={178}
54+
/>
4955
</motion.div>
5056
<motion.div
5157
className="tw-absolute -tw-z-1 -tw-bottom-[-25px] tw-top-[25px] tw-right-[5px] tw-w-15 md:tw-w-auto md:tw-right-[-35px]"
@@ -54,7 +60,13 @@ const NewsletterArea = ({ data: { section_title }, space, bg }: TProps) => {
5460
y: trans2().y,
5561
}}
5662
>
57-
<img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
63+
<img
64+
src="/images/shape-animation/dog-tag.svg"
65+
alt="shape"
66+
loading="lazy"
67+
width={178}
68+
height={178}
69+
/>
5870
</motion.div>
5971
</motion.div>
6072
</Section>

src/containers/testimonial/layout-04/index.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -125,8 +125,8 @@ const TestimonialArea = ({
125125
}}
126126
>
127127
<img
128-
src="/images/shape-animation/nwesletter-shape-2.png"
129-
alt=""
128+
src="/images/shape-animation/code.svg"
129+
alt="ssh montior"
130130
/>
131131
</motion.div>
132132
</motion.div>

0 commit comments

Comments
 (0)