@@ -8,14 +8,11 @@ function Footer() {
88 < footer className = "custom-theme w-full bg-gray-300 border-t-1 border-t-black py-10" >
99 < div className = "container mx-auto px-4" >
1010 < div className = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-center md:text-left" >
11- { /* Logo and Copyright */ }
11+ { /* Logo */ }
1212 < section className = "p-6 flex flex-col items-center md:items-start" >
1313 < div className = "mb-4" >
1414 < Logo width = "100px" />
1515 </ div >
16- < p className = "text-sm text-gray-600" >
17- © 2023 DevUI. All Rights Reserved.
18- </ p >
1916 </ section >
2017
2118 { /* Company Links */ }
@@ -25,38 +22,10 @@ function Footer() {
2522 </ h3 >
2623 < nav >
2724 < ul className = "space-y-4" >
28- < li >
29- < Link
30- className = "toggle text-base font-medium text-gray-900 hover:text-gray-700"
31- to = "/features"
32- >
33- Features
34- </ Link >
35- </ li >
36- < li >
37- < Link
38- className = "text-base font-medium text-gray-900 hover:text-gray-700"
39- to = "/pricing"
40- >
41- Pricing
42- </ Link >
43- </ li >
44- < li >
45- < Link
46- className = "text-base font-medium text-gray-900 hover:text-gray-700"
47- to = "/affiliate-program"
48- >
49- Affiliate Program
50- </ Link >
51- </ li >
52- < li >
53- < Link
54- className = "text-base font-medium text-gray-900 hover:text-gray-700"
55- to = "/"
56- >
57- Press Kit
58- </ Link >
59- </ li >
25+ < li > < Link className = "toggle text-base font-medium text-gray-900 hover:text-gray-700" to = "/features" > Features</ Link > </ li >
26+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/pricing" > Pricing</ Link > </ li >
27+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/affiliate-program" > Affiliate Program</ Link > </ li >
28+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/" > Press Kit</ Link > </ li >
6029 </ ul >
6130 </ nav >
6231 </ section >
@@ -68,55 +37,12 @@ function Footer() {
6837 </ h3 >
6938 < nav >
7039 < ul className = "space-y-4" >
71- < li >
72- < Link
73- className = "text-base font-medium text-gray-900 hover:text-gray-700"
74- to = "/"
75- >
76- Account
77- </ Link >
78- </ li >
79-
80- < li >
81- < Link
82- className = "text-base font-medium text-gray-900 hover:text-gray-700"
83- to = "/"
84- >
85- Help
86- </ Link >
87- </ li >
88- < li >
89- < Link
90- className = "text-base font-medium text-gray-900 hover:text-gray-700"
91- to = "/contactus"
92- >
93- Contact Us
94- </ Link >
95- </ li >
96- < li >
97- < Link
98- className = "text-base font-medium text-gray-900 hover:text-gray-700"
99- to = "/customer-support"
100- >
101- Customer Support
102- </ Link >
103- </ li >
104- < li >
105- < Link
106- className = "text-base font-medium text-gray-900 hover:text-gray-700"
107- to = "/frequently-asked-questions"
108- >
109- FAQ
110- </ Link >
111- </ li >
112- < li >
113- < Link
114- className = "text-base font-medium text-gray-900 hover:text-gray-700"
115- to = "/Feedback"
116- >
117- Feedback
118- </ Link >
119- </ li >
40+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/" > Account</ Link > </ li >
41+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/" > Help</ Link > </ li >
42+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/contactus" > Contact Us</ Link > </ li >
43+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/customer-support" > Customer Support</ Link > </ li >
44+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/frequently-asked-questions" > FAQ</ Link > </ li >
45+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/Feedback" > Feedback</ Link > </ li >
12046 </ ul >
12147 </ nav >
12248 </ section >
@@ -128,30 +54,9 @@ function Footer() {
12854 </ h3 >
12955 < nav >
13056 < ul className = "space-y-4" >
131- < li >
132- < Link
133- className = "text-base font-medium text-gray-900 hover:text-gray-700"
134- to = "/termsandconditions"
135- >
136- Terms & Conditions
137- </ Link >
138- </ li >
139- < li >
140- < Link
141- className = "text-base font-medium text-gray-900 hover:text-gray-700"
142- to = "/privacypolicy"
143- >
144- Privacy Policy
145- </ Link >
146- </ li >
147- < li >
148- < Link
149- className = "text-base font-medium text-gray-900 hover:text-gray-700"
150- to = "/licensing"
151- >
152- Licensing
153- </ Link >
154- </ li >
57+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/termsandconditions" > Terms & Conditions </ Link > </ li >
58+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/privacypolicy" > Privacy Policy</ Link > </ li >
59+ < li > < Link className = "text-base font-medium text-gray-900 hover:text-gray-700" to = "/licensing" > Licensing</ Link > </ li >
15560 </ ul >
15661 </ nav >
15762 </ section >
@@ -162,45 +67,28 @@ function Footer() {
16267 Follow Us
16368 </ h3 >
16469 < div className = "flex space-x-4" >
165- < a
166- href = "https://facebook.com"
167- target = "_blank"
168- rel = "noopener noreferrer"
169- aria-label = "Facebook"
170- className = "text-gray-900 hover:text-gray-700 transition ease-in-out duration-150"
171- >
70+ < a href = "https://facebook.com" target = "_blank" rel = "noopener noreferrer" aria-label = "Facebook" className = "text-gray-900 hover:text-gray-700 transition ease-in-out duration-150" >
17271 < i className = "fab fa-facebook text-2xl" > </ i >
17372 </ a >
174- < a
175- href = "https://twitter.com"
176- target = "_blank"
177- rel = "noopener noreferrer"
178- aria-label = "Twitter"
179- className = "text-gray-900 hover:text-gray-700 transition ease-in-out duration-150"
180- >
73+ < a href = "https://twitter.com" target = "_blank" rel = "noopener noreferrer" aria-label = "Twitter" className = "text-gray-900 hover:text-gray-700 transition ease-in-out duration-150" >
18174 < i className = "fab fa-twitter text-2xl" > </ i >
18275 </ a >
183- < a
184- href = "https://instagram.com"
185- target = "_blank"
186- rel = "noopener noreferrer"
187- aria-label = "Instagram"
188- className = "text-gray-900 hover:text-gray-700 transition ease-in-out duration-150"
189- >
76+ < a href = "https://instagram.com" target = "_blank" rel = "noopener noreferrer" aria-label = "Instagram" className = "text-gray-900 hover:text-gray-700 transition ease-in-out duration-150" >
19077 < i className = "fab fa-instagram text-2xl" > </ i >
19178 </ a >
192- < a
193- href = "https://linkedin.com"
194- target = "_blank"
195- rel = "noopener noreferrer"
196- aria-label = "LinkedIn"
197- className = "text-gray-900 hover:text-gray-700 transition ease-in-out duration-150"
198- >
79+ < a href = "https://linkedin.com" target = "_blank" rel = "noopener noreferrer" aria-label = "LinkedIn" className = "text-gray-900 hover:text-gray-700 transition ease-in-out duration-150" >
19980 < i className = "fab fa-linkedin text-2xl" > </ i >
20081 </ a >
20182 </ div >
20283 </ section >
20384 </ div >
85+
86+ { /* Copyright Section */ }
87+ < div className = "w-full mt-10 border-t border-black pt-6 text-center" >
88+ < p className = "text-sm text-gray-600" >
89+ © 2023 DevUI. All Rights Reserved.
90+ </ p >
91+ </ div >
20492 </ div >
20593 </ footer >
20694 ) ;
0 commit comments