Skip to content

Commit

Permalink
adding svgs in other places (#639)
Browse files Browse the repository at this point in the history
  • Loading branch information
jeromehardaway authored Nov 24, 2024
1 parent 9ec8f7d commit aebb2bc
Show file tree
Hide file tree
Showing 7 changed files with 66 additions and 16 deletions.
27 changes: 22 additions & 5 deletions src/containers/about/layout-02/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,12 @@ type TProps = TSection & {
};
};

const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSize }: TProps) => {
const AboutArea = ({
data: { section_title, motto, images },
space,
bg,
titleSize,
}: TProps) => {
const { trans1 } = useUI();
return (
<Section className="about-area" space={space} bg={bg}>
Expand All @@ -27,9 +32,15 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
variants={scrollUpVariants}
>
{section_title && (
<SectionTitle {...section_title} align="left" titleSize={titleSize} />
<SectionTitle
{...section_title}
align="left"
titleSize={titleSize}
/>
)}
{motto && (
<MottoText className="tw-mt-4" size="md" {...motto} />
)}
{motto && <MottoText className="tw-mt-4" size="md" {...motto} />}
</motion.div>
<div className="tw-relative tw-order-1 lg:tw-order-2">
{images?.[0]?.src && (
Expand Down Expand Up @@ -81,7 +92,10 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
y: trans1().y,
}}
>
<img src="/images/shape-animation/about-shape-1.png" alt="" />
<img
src="/images/shape-animation/about-shape-1.png"
alt=""
/>
</motion.div>
<motion.div
className="tw-absolute tw-z-1 tw-right-2.5 -tw-bottom-10 tw-w-20 lg:tw-w-auto"
Expand All @@ -90,7 +104,10 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
y: trans1().y,
}}
>
<img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
<img
src="/images/shape-animation/hashflag.svg"
alt=""
/>
</motion.div>
<motion.div
className="tw-absolute tw-z-1 tw-top-[-27px] tw-left-[360px] tw-w-20 lg:tw-w-auto"
Expand Down
7 changes: 5 additions & 2 deletions src/containers/contact-info/layout-01/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -136,8 +136,11 @@ const ContactInfo = ({ data: { section_title, items, images } }: TProps) => {
}}
>
<img
src="/images/shape-animation/nwesletter-shape-2.png"
alt=""
src="/images/shape-animation/dog-tag.svg"
alt="shape"
loading="lazy"
width={178}
height={178}
/>
</motion.div>
</motion.div>
Expand Down
13 changes: 11 additions & 2 deletions src/containers/course/layout-02/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,10 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
y: trans1().y,
}}
>
<img src="/images/shape-animation/cta-shape-01.png" alt="" />
<img
src="/images/shape-animation/cta-shape-01.png"
alt=""
/>
</motion.div>
<motion.div
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"
Expand All @@ -72,7 +75,13 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
y: trans1().y,
}}
>
<img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
<img
src="/images/shape-animation/dog-tag.svg"
alt="shape"
loading="lazy"
width={178}
height={178}
/>
</motion.div>
</motion.div>
</Section>
Expand Down
13 changes: 11 additions & 2 deletions src/containers/cta/layout-02/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,10 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
y: trans1().y,
}}
>
<img src="/images/shape-animation/cta-shape-01.png" alt="" />
<img
src="/images/shape-animation/cta-shape-01.png"
alt=""
/>
</motion.div>
<motion.div
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"
Expand All @@ -72,7 +75,13 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
y: trans1().y,
}}
>
<img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
<img
src="/images/shape-animation/dog-tag.svg"
alt="shape"
loading="lazy"
width={178}
height={178}
/>
</motion.div>
</motion.div>
</Section>
Expand Down
2 changes: 1 addition & 1 deletion src/containers/hero/layout-02/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -143,7 +143,7 @@ const HeroArea = ({
}}
>
<img
src="/images/shape-animation/nwesletter-shape-2.png"
src="/images/shape-animation/-shape-2.png"
alt=""
/>
</motion.div>
Expand Down
16 changes: 14 additions & 2 deletions src/containers/newsletter/layout-01/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,13 @@ const NewsletterArea = ({ data: { section_title }, space, bg }: TProps) => {
y: trans1().y,
}}
>
<img src="/images/shape-animation/nwesletter-shape-1.png" alt="" />
<img
src="/images/shape-animation/dog-tag.svg"
alt="shape"
loading="lazy"
width={178}
height={178}
/>
</motion.div>
<motion.div
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]"
Expand All @@ -54,7 +60,13 @@ const NewsletterArea = ({ data: { section_title }, space, bg }: TProps) => {
y: trans2().y,
}}
>
<img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
<img
src="/images/shape-animation/dog-tag.svg"
alt="shape"
loading="lazy"
width={178}
height={178}
/>
</motion.div>
</motion.div>
</Section>
Expand Down
4 changes: 2 additions & 2 deletions src/containers/testimonial/layout-04/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -125,8 +125,8 @@ const TestimonialArea = ({
}}
>
<img
src="/images/shape-animation/nwesletter-shape-2.png"
alt=""
src="/images/shape-animation/code.svg"
alt="ssh montior"
/>
</motion.div>
</motion.div>
Expand Down

0 comments on commit aebb2bc

Please sign in to comment.