@@ -12,7 +12,6 @@ export default function Footer() {
1212 if ( email ) {
1313 setIsSubscribed ( true ) ;
1414 setEmail ( '' ) ;
15- // Here you would typically send the email to your backend
1615 setTimeout ( ( ) => setIsSubscribed ( false ) , 3000 ) ;
1716 }
1817 } ;
@@ -47,31 +46,28 @@ export default function Footer() {
4746
4847 return (
4948 < footer className = "relative w-full bg-slate-900/95 backdrop-blur-sm border-t border-gray-800 z-30" >
50- { /* Aurora effect overlay */ }
5149 < div className = "absolute inset-0 opacity-20" >
5250 < div className = "absolute inset-0 bg-gradient-to-r from-blue-600/20 via-purple-600/20 to-pink-600/20 animate-pulse" > </ div >
5351 </ div >
5452
5553 < div className = "relative z-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12" >
5654 < div className = "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8" >
57- { /* Logo and Info Section */ }
5855 < div className = "sm:col-span-2 lg:col-span-1" >
59- < div className = "flex items-center mb-4" >
60- < img
61- src = "https://assets.aceternity.com/logo-dark.png"
62- alt = "AsHelp Logo"
63- width = { 40 }
64- height = { 40 }
65- className = "mr-3"
66- />
67- < span className = "text-xl sm:text-2xl font-bold text-white" > AsHelp</ span >
68- </ div >
56+ < div className = "flex items-center mb-4" >
57+ < img
58+ src = "https://assets.aceternity.com/logo-dark.png"
59+ alt = "AsHelp Logo"
60+ width = { 40 }
61+ height = { 40 }
62+ className = "mr-3"
63+ />
64+ < span className = "text-xl sm:text-2xl font-bold text-white" > AsHelp</ span >
65+ </ div >
6966 < p className = "text-gray-400 text-sm mb-6 max-w-xs" >
7067 Get professional assignment writing services from verified experts.
7168 100% AI-free, plagiarism-free content delivered on time.
7269 </ p >
7370
74- { /* Newsletter Subscription */ }
7571 < div className = "space-y-3" >
7672 < h3 className = "text-white font-semibold text-sm" > Stay Updated</ h3 >
7773 < form onSubmit = { handleNewsletterSubmit } className = "flex flex-col sm:flex-row gap-2" >
@@ -84,7 +80,6 @@ export default function Footer() {
8480 placeholder = "Enter your email"
8581 className = "w-full pl-10 pr-4 py-2 bg-gray-800/50 border border-gray-700 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
8682 required
87- suppressHydrationWarning
8883 />
8984 </ div >
9085 < button
@@ -101,7 +96,6 @@ export default function Footer() {
10196 </ div >
10297 </ div >
10398
104- { /* Quick Links Section */ }
10599 < div className = "lg:col-span-1 pl-4 lg:pl-6" >
106100 < h3 className = "text-white font-semibold text-base sm:text-lg mb-4" > Quick Links</ h3 >
107101 < ul className = "space-y-2 sm:space-y-3" >
@@ -118,7 +112,6 @@ export default function Footer() {
118112 </ ul >
119113 </ div >
120114
121- { /* Help Section */ }
122115 < div className = "lg:col-span-1" >
123116 < h3 className = "text-white font-semibold text-base sm:text-lg mb-4" > Help</ h3 >
124117 < ul className = "space-y-2 sm:space-y-3" >
@@ -134,8 +127,7 @@ export default function Footer() {
134127 ) ) }
135128 </ ul >
136129 </ div >
137-
138- { /* Support & Social Section */ }
130+
139131 < div className = "sm:col-span-2 lg:col-span-1" >
140132 < h3 className = "text-white font-semibold text-base sm:text-lg mb-4" > Support</ h3 >
141133 < ul className = "space-y-2 sm:space-y-3 mb-6" >
@@ -151,7 +143,6 @@ export default function Footer() {
151143 ) ) }
152144 </ ul >
153145
154- { /* Social Media Icons */ }
155146 < div className = "space-y-3" >
156147 < h4 className = "text-white font-medium text-sm" > Follow Us</ h4 >
157148 < div className = "flex flex-wrap gap-3 sm:gap-4" >
@@ -175,62 +166,17 @@ export default function Footer() {
175166 </ div >
176167 </ div >
177168
178- { /* Bottom Copyright Section */ }
179169 < div className = "mt-8 sm:mt-12 pt-6 sm:pt-8 border-t border-gray-800" >
180170 < div className = "flex flex-col sm:flex-row justify-between items-center space-y-3 sm:space-y-0 text-center sm:text-left" >
181171 < div className = "text-gray-400 text-xs sm:text-sm" >
182172 Copyright © { new Date ( ) . getFullYear ( ) } AsHelp. All rights reserved.
183173 </ div >
184174 < div className = "text-gray-400 text-xs sm:text-sm" >
185- Made with ❤️ for students worldwide
175+ Made with ❤ for students worldwide
186176 </ div >
187177 </ div >
188-
189- import React from 'react';
190- import { Twitter , Facebook , Linkedin } from 'lucide-react';
191-
192- const Footer = () => {
193- return (
194- < footer className = "relative z-10 bg-gray-800 text-white py-12" >
195- < div className = "container mx-auto px-4" >
196- < div className = "grid grid-cols-1 md:grid-cols-4 gap-8" >
197- < div >
198- < h3 className = "text-xl font-bold mb-4" > asHelp</ h3 >
199- < p className = "text-gray-400" >
200- Get professional assignment writing services from verified experts.
201- </ p >
202- </ div >
203- < div >
204- < h3 className = "text-xl font-bold mb-4" > Services</ h3 >
205- < ul className = "space-y-2" >
206- < li > < a href = "#" className = "text-gray-400 hover:text-white transition-colors" > Assignment Writing</ a > </ li >
207- < li > < a href = "#" className = "text-gray-400 hover:text-white transition-colors" > Term Papers</ a > </ li >
208- < li > < a href = "#" className = "text-gray-400 hover:text-white transition-colors" > Presentations</ a > </ li >
209- </ ul >
210- </ div >
211- < div >
212- < h3 className = "text-xl font-bold mb-4" > About</ h3 >
213- < ul className = "space-y-2" >
214- < li > < a href = "#" className = "text-gray-400 hover:text-white transition-colors" > About Us</ a > </ li >
215- < li > < a href = "#" className = "text-gray-400 hover:text-white transition-colors" > Contact Us</ a > </ li >
216- </ ul >
217- </ div >
218- < div >
219- < h3 className = "text-xl font-bold mb-4" > Follow Us</ h3 >
220- < div className = "flex space-x-4" >
221- < a href = "#" className = "text-gray-400 hover:text-white transition-colors" > < Twitter /> </ a >
222- < a href = "#" className = "text-gray-400 hover:text-white transition-colors" > < Facebook /> </ a >
223- < a href = "#" className = "text-gray-400 hover:text-white transition-colors" > < Linkedin /> </ a >
224- </ div >
225- </ div >
226- </ div >
227- < div className = "mt-8 pt-8 border-t border-gray-700 text-center text-gray-500" >
228- < p > © { new Date ( ) . getFullYear ( ) } asHelp. All rights reserved.</ p >
229178 </ div >
230179 </ div >
231180 </ footer >
232- ) ;
181+ ) ;
233182}
234- } ;
235-
236- export default Footer ;
0 commit comments