Skip to content

Commit 9ec8f7d

Browse files
jeromehardawayjeromehardaway
authored
added new svgs; updated Nav (#638)
1 parent 9cd9499 commit 9ec8f7d

File tree

14 files changed

+309
-185
lines changed

14 files changed

+309
-185
lines changed

‎public/images/shape-animation/dog-tag.svg‎

Lines changed: 15 additions & 0 deletions
Loading

‎src/assets/svgs/shape-2.svg‎

Lines changed: 12 additions & 6 deletions
Loading

‎src/containers/blog/layout-01/index.tsx‎

Lines changed: 18 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,11 +19,20 @@ type TProps = TSection & {
1919
};
2020
};
2121

22-
const BlogArea = ({ data: { section_title, motto, blogs }, space, bg, titleSize }: TProps) => {
22+
const BlogArea = ({
23+
data: { section_title, motto, blogs },
24+
space,
25+
bg,
26+
titleSize,
27+
}: TProps) => {
2328
const { trans1, trans2 } = useUI();
2429

2530
return (
26-
<Section className="blog-area tw-relative tw-overflow-hidden" space={space} bg={bg}>
31+
<Section
32+
className="blog-area tw-relative tw-overflow-hidden"
33+
space={space}
34+
bg={bg}
35+
>
2736
<div className="tw-absolute tw-inset-0 tw-flex jtw-justify-center tw-items-center">
2837
<img
2938
src="/images/bg/shape-03.png"
@@ -110,9 +119,13 @@ const BlogArea = ({ data: { section_title, motto, blogs }, space, bg, titleSize
110119
y: trans1().y,
111120
}}
112121
>
113-
<span className="tw-block -tw-indent-[99999px] tw-border-desert tw-rounded-full tw-border-[7px] tw-w-[60px] tw-h-[60px] md:tw-border-[12px] md:tw-w-[90px] md:tw-h-[90px]">
114-
shape 3
115-
</span>
122+
<img
123+
src="/images/shape-animation/dog-tag.svg"
124+
alt="shape"
125+
loading="lazy"
126+
width={178}
127+
height={178}
128+
/>
116129
</motion.div>
117130
<motion.div
118131
className="tw-absolute tw-z-1 tw-top-[220px] tw-left-[260px]"

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

Lines changed: 25 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,9 @@ const ContactInfo = ({ data: { section_title, items, images } }: TProps) => {
2929
<span className="tw-text-lg tw-text-heading tw-leading-none tw-font-medium tw-mb-2.5">
3030
{section_title?.subtitle}
3131
</span>
32-
<h2 className="tw-leading-none tw-mb-10">{section_title.title}</h2>
32+
<h2 className="tw-leading-none tw-mb-10">
33+
{section_title.title}
34+
</h2>
3335
</>
3436
)}
3537
{items?.map((item) => (
@@ -43,7 +45,9 @@ const ContactInfo = ({ data: { section_title, items, images } }: TProps) => {
4345
"tw-text-[32px] tw-text-primary tw-absolute tw-left-0 tw-top-0"
4446
)}
4547
/>
46-
<h3 className="tw-text-lg tw-mb-3.8">{item.title}</h3>
48+
<h3 className="tw-text-lg tw-mb-3.8">
49+
{item.title}
50+
</h3>
4751
{item.texts?.map((text) => (
4852
<p
4953
key={text.id}
@@ -81,7 +85,10 @@ const ContactInfo = ({ data: { section_title, items, images } }: TProps) => {
8185
}}
8286
>
8387
<span data-depth="3">
84-
<img src="/images/shape-animation/about-shape-1.png" alt="" />
88+
<img
89+
src="/images/shape-animation/about-shape-1.png"
90+
alt=""
91+
/>
8592
</span>
8693
</motion.div>
8794

@@ -92,7 +99,10 @@ const ContactInfo = ({ data: { section_title, items, images } }: TProps) => {
9299
y: trans2().y,
93100
}}
94101
>
95-
<img src="/images/shape-animation/about-shape-1.png" alt="" />
102+
<img
103+
src="/images/shape-animation/about-shape-1.png"
104+
alt=""
105+
/>
96106
</motion.div>
97107
<motion.div
98108
className="tw-absolute tw-top-[255px] tw-left-2 sm:tw-top-[355px] sm:-tw-left-2 tw-z-20"
@@ -101,9 +111,13 @@ const ContactInfo = ({ data: { section_title, items, images } }: TProps) => {
101111
y: trans1().y,
102112
}}
103113
>
104-
<span className="tw-block -tw-indent-[99999px] tw-border-[6px] tw-border-desert tw-rounded-full tw-w-[42px] tw-h-[42px] md:tw-w-[62px] md:tw-h-[62px] md:tw-border-8">
105-
shape 3
106-
</span>
114+
<img
115+
src="/images/shape-animation/dog-tag.svg"
116+
alt="shape"
117+
loading="lazy"
118+
width={178}
119+
height={178}
120+
/>
107121
</motion.div>
108122
<motion.div
109123
className="tw-absolute -tw-z-1 tw-w-[100px] tw-bottom-3.8 tw-right-5 sm:tw-w-[100px] sm:tw-bottom-[55px] sm:tw-right-[45px] md:tw-w-auto"
@@ -121,7 +135,10 @@ const ContactInfo = ({ data: { section_title, items, images } }: TProps) => {
121135
y: trans1().y,
122136
}}
123137
>
124-
<img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
138+
<img
139+
src="/images/shape-animation/nwesletter-shape-2.png"
140+
alt=""
141+
/>
125142
</motion.div>
126143
</motion.div>
127144
</div>

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

Lines changed: 36 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,13 @@ import clsx from "clsx";
33
import Button from "@ui/button";
44
import MottoText from "@ui/motto-text";
55
import { useUI } from "@contexts/ui-context";
6-
import { HeadingType, TextType, ButtonType, ImageType, MottoType } from "@utils/types";
6+
import {
7+
HeadingType,
8+
TextType,
9+
ButtonType,
10+
ImageType,
11+
MottoType,
12+
} from "@utils/types";
713
import { scrollUpVariants } from "@utils/variants";
814

915
type TProps = {
@@ -16,7 +22,9 @@ type TProps = {
1622
};
1723
};
1824

19-
const HeroArea = ({ data: { headings, texts, buttons, motto, images } }: TProps) => {
25+
const HeroArea = ({
26+
data: { headings, texts, buttons, motto, images },
27+
}: TProps) => {
2028
const { trans1, trans2 } = useUI();
2129
return (
2230
<div className="hero-area tw-pt-[65px]">
@@ -48,7 +56,13 @@ const HeroArea = ({ data: { headings, texts, buttons, motto, images } }: TProps)
4856
{content}
4957
</Button>
5058
))}
51-
{motto && <MottoText {...motto} size="md" className="tw-mt-[25px]" />}
59+
{motto && (
60+
<MottoText
61+
{...motto}
62+
size="md"
63+
className="tw-mt-[25px]"
64+
/>
65+
)}
5266
</motion.div>
5367

5468
<div className="tw-relative tw-z-10">
@@ -78,7 +92,10 @@ const HeroArea = ({ data: { headings, texts, buttons, motto, images } }: TProps)
7892
}}
7993
>
8094
<span data-depth="3">
81-
<img src="/images/shape-animation/about-shape-1.png" alt="" />
95+
<img
96+
src="/images/shape-animation/about-shape-1.png"
97+
alt=""
98+
/>
8299
</span>
83100
</motion.div>
84101

@@ -89,7 +106,10 @@ const HeroArea = ({ data: { headings, texts, buttons, motto, images } }: TProps)
89106
y: trans2().y,
90107
}}
91108
>
92-
<img src="/images/shape-animation/about-shape-1.png" alt="" />
109+
<img
110+
src="/images/shape-animation/about-shape-1.png"
111+
alt=""
112+
/>
93113
</motion.div>
94114
<motion.div
95115
className="tw-absolute tw-top-[255px] tw-left-2 sm:tw-top-[355px] sm:-tw-left-2 tw-z-20"
@@ -98,9 +118,13 @@ const HeroArea = ({ data: { headings, texts, buttons, motto, images } }: TProps)
98118
y: trans1().y,
99119
}}
100120
>
101-
<span className="tw-block -tw-indent-[99999px] tw-border-[6px] tw-border-desert tw-rounded-full tw-w-[42px] tw-h-[42px] md:tw-w-[62px] md:tw-h-[62px] md:tw-border-8">
102-
shape 3
103-
</span>
121+
<img
122+
src="/images/shape-animation/dog-tag.svg"
123+
alt="shape"
124+
loading="lazy"
125+
width={178}
126+
height={178}
127+
/>
104128
</motion.div>
105129
<motion.div
106130
className="tw-absolute -tw-z-1 tw-w-[100px] tw-bottom-3.8 tw-right-5 sm:tw-w-[100px] sm:tw-bottom-[55px] sm:tw-right-[45px] md:tw-w-auto"
@@ -118,7 +142,10 @@ const HeroArea = ({ data: { headings, texts, buttons, motto, images } }: TProps)
118142
y: trans1().y,
119143
}}
120144
>
121-
<img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
145+
<img
146+
src="/images/shape-animation/nwesletter-shape-2.png"
147+
alt=""
148+
/>
122149
</motion.div>
123150
</div>
124151
</div>

‎src/containers/team/layout-01/index.tsx‎

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

17-
const TeamArea = ({ data: { section_title, buttons }, space, bg, titleSize }: TProps) => {
17+
const TeamArea = ({
18+
data: { section_title, buttons },
19+
space,
20+
bg,
21+
titleSize,
22+
}: TProps) => {
1823
const { trans1, trans2 } = useUI();
1924
return (
2025
<Section className="team-area" space={space} bg={bg}>
@@ -62,9 +67,13 @@ const TeamArea = ({ data: { section_title, buttons }, space, bg, titleSize }: TP
6267
y: trans1().y,
6368
}}
6469
>
65-
<span className="tw-block -tw-indent-[99999px] tw-border-desert tw-rounded-full tw-border-[6px] tw-w-[45px] tw-h-[45px] md:tw-border-8 md:tw-w-15 md:tw-h-15">
66-
shape 3
67-
</span>
70+
<img
71+
src="/images/shape-animation/dog-tag.svg"
72+
alt="shape"
73+
loading="lazy"
74+
width={178}
75+
height={178}
76+
/>
6877
</motion.div>
6978
<motion.div
7079
className="tw-absolute -tw-z-1 tw-left-1/2 -tw-bottom-5 tw-w-[120px] lg:-tw-bottom-[70px] lg:tw-w-auto"
@@ -88,7 +97,10 @@ const TeamArea = ({ data: { section_title, buttons }, space, bg, titleSize }: TP
8897
y: trans1().y,
8998
}}
9099
>
91-
<img src="/images/shape-animation/cta-shape-01.png" alt="" />
100+
<img
101+
src="/images/shape-animation/cta-shape-01.png"
102+
alt=""
103+
/>
92104
</motion.div>
93105
</motion.div>
94106
<motion.div
@@ -99,7 +111,11 @@ const TeamArea = ({ data: { section_title, buttons }, space, bg, titleSize }: TP
99111
variants={scrollUpVariants}
100112
>
101113
{section_title && (
102-
<SectionTitle {...section_title} align="left" titleSize={titleSize} />
114+
<SectionTitle
115+
{...section_title}
116+
align="left"
117+
titleSize={titleSize}
118+
/>
103119
)}
104120
{buttons?.map(({ id, content, ...rest }) => (
105121
<Button key={id} className="tw-mt-1" {...rest}>

0 commit comments

Comments
 (0)