@@ -22,31 +22,21 @@ export const Hero: FC = () => (
2222 animate = { { opacity : 1 , y : 0 } }
2323 transition = { { duration : 1 , ease : "easeOut" } }
2424 >
25- Learn Smarter, Not Harder.
25+ Pure Learning
2626 </ motion . h1 >
2727
2828 { /* Sub-headline */ }
2929 < motion . p
30- className = "mt-6 text-2xl text-gray-700 "
30+ className = "mt-5 text-2xl text-gray-600 "
3131 initial = { { opacity : 0 , scale : 0.95 } }
3232 animate = { { opacity : 1 , scale : 1 } }
3333 transition = { { duration : 0.8 , delay : 0.3 } }
3434 >
35- Focused books and apps that make learning a joy.
36- </ motion . p >
37-
38- { /* Trust line */ }
39- < motion . p
40- className = "mt-4 text-xl text-gray-600"
41- initial = { { opacity : 0 , scale : 0.95 } }
42- animate = { { opacity : 1 , scale : 1 } }
43- transition = { { duration : 0.8 , delay : 0.5 } }
44- >
45- No ads. No trackers. No wasted time.
35+ Focused books and apps.
4636 </ motion . p >
4737
4838 { /* CTAs */ }
49- < div className = "mt-8 w-full flex flex-col sm:flex-row sm:justify-center gap-4" >
39+ < div className = "mt-6 w-full flex flex-col sm:flex-row sm:justify-center gap-4" >
5040 < Button
5141 asChild
5242 variant = "outline"
@@ -90,6 +80,15 @@ export const Hero: FC = () => (
9080 </ Link >
9181 </ Button >
9282 </ div >
83+ { /* Trust line */ }
84+ < motion . p
85+ className = "mt-4 text-sm text-gray-500"
86+ initial = { { opacity : 0 , scale : 0.95 } }
87+ animate = { { opacity : 1 , scale : 1 } }
88+ transition = { { duration : 0.8 , delay : 0.5 } }
89+ >
90+ No ads. No trackers. No wasted time.
91+ </ motion . p >
9392 </ div >
9493 </ motion . section >
9594) ;
0 commit comments