Skip to content

Commit fe3732c

Browse files
adetyazadetyaz
committed
feat: landing page updates
1 parent 47367ee commit fe3732c

5 files changed

Lines changed: 272 additions & 238 deletions

File tree

‎public/devices.png‎

195 KB
Loading

‎src/components/HeroSection.tsx‎

Lines changed: 53 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -39,9 +39,9 @@ const HeroSection = () => {
3939
</div>
4040

4141
{/* Content */}
42-
<div className='relative z-20 flex flex-col md:flex-row h-full w-full items-center justify-center px-6 pt-32 md:pt-0 pointer-events-none'>
43-
<div className='md:text-left flex flex-col items-center justify-center md:block px-8 md:px-0 pointer-events-auto'>
44-
<h1 className='mb-8 text-2xl md:text-3xl font-bold text-white'>
42+
<div className='relative z-20 flex flex-col md:flex-row h-full w-full items-center justify-center px-6 pt-32 md:pt-0 pointer-events-none md:max-w-6xl mx-auto'>
43+
<div className='basis-2/3 md:text-left flex flex-col items-center justify-center md:block px-8 md:px-0 pointer-events-auto'>
44+
<h1 className='mb-8 text-2xl md:text-4xl text-white'>
4545
new era of private,
4646
<br />
4747
<span className='bg-linear-to-r from-blue-500 to-cyan-400 bg-clip-text text-transparent'>
@@ -56,22 +56,60 @@ const HeroSection = () => {
5656
Join the movement redefining freedom, <br />
5757
privacy, and digital sovereignty.
5858
</p>
59-
<Link href='/explorer'>
60-
<button
61-
className=' bg-white px-18 py-4 font-medium font-sans text-sm text-black transition-all duration-300 rounded-full md:rounded-none'
62-
aria-label='Explore Erebrus VPN network'
63-
>
64-
Explore VPN
65-
</button>
66-
</Link>
59+
<div className='flex flex-col md:flex-row gap-4'>
60+
<Link href='/explorer'>
61+
<button
62+
className=' bg-white px-18 md:px-10 py-4 font-medium font-sans text-sm text-black transition-all duration-300 rounded-full md:rounded-none'
63+
aria-label='Explore Erebrus VPN network'
64+
>
65+
Explore VPN
66+
</button>
67+
</Link>
68+
<Link href='https://play.google.com/store/apps/details?id=com.erebrus.app'>
69+
<button
70+
className='text-white flex gap-4 px-18 md:px-8 items-center py-1 font-medium font-sans text-sm bg-transparent border border-white transition-all duration-300 rounded-full md:rounded-none'
71+
aria-label='Explore Erebrus VPN network'
72+
>
73+
<svg
74+
width='23'
75+
height='25'
76+
viewBox='0 0 23 25'
77+
fill='none'
78+
xmlns='http://www.w3.org/2000/svg'
79+
>
80+
<path
81+
d='M0.428163 1.05193C0.156954 1.32874 0 1.7597 0 2.31782V22.2254C0 22.7835 0.156954 23.2145 0.428163 23.4913L0.495101 23.552L11.9367 12.401V12.1377L0.495101 0.986671L0.428163 1.05193Z'
82+
fill='white'
83+
/>
84+
<path
85+
d='M17.1312 16.1191L13.3215 12.4002V12.1369L17.1358 8.41804L17.2212 8.46642L21.7382 10.9723C23.0274 11.6835 23.0274 12.8537 21.7382 13.5693L17.2212 16.0707L17.1312 16.1191Z'
86+
fill='white'
87+
/>
88+
<path
89+
d='M16.5287 16.7628L12.6291 12.9607L1.12061 24.1826C1.54877 24.6214 2.24699 24.6743 3.041 24.2355L16.5287 16.7628Z'
90+
fill='white'
91+
/>
92+
<path
93+
d='M16.5287 7.77271L3.04094 0.300058C2.24693 -0.134281 1.54871 -0.0813964 1.12054 0.357443L12.629 11.5749L16.5287 7.77271Z'
94+
fill='white'
95+
/>
96+
</svg>
97+
<span>
98+
<span className='text-xs text-white/60'>Get it on</span>
99+
<br />
100+
Explore VPN
101+
</span>
102+
</button>
103+
</Link>
104+
</div>
67105
</div>
68-
<div className='basis-2/5 mt-8 md:mt-32 mb-8 md:mb-0 relative z-30'>
106+
<div className='basis-[45%] mt-8 md:mt-32 mb-8 md:mb-0 relative z-30 bg-red-700'>
69107
<Image
70108
src='/devices.png'
71109
alt='Hero Image'
72-
width={800}
73-
height={800}
74-
className='mx-auto w-full max-w-sm md:max-w-none'
110+
width={1000}
111+
height={1000}
112+
className='mx-auto max-w-sm md:max-w-none md:absolute -bottom-46 right-4 w-140'
75113
priority
76114
/>
77115
</div>

‎src/components/experience.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ export function Experience() {
6363
>
6464
<div className='font-sans space-y-2 self-end mb-6'>
6565
<h3 className='text-base text-white'>Last Mile Safe Internet</h3>
66-
<p className='text-sm text-[#D3DCE8]'>
66+
<p className='text-sm text-[#99A1AF]'>
6767
No censorship or geo-restrictions with enhanced security and
6868
privacy.
6969
</p>
@@ -116,7 +116,7 @@ export function Experience() {
116116
>
117117
<div className='font-sans space-y-2 self-end mb-6'>
118118
<h3 className='text-base text-white'>DNS Firewall</h3>
119-
<p className='text-sm text-[#D3DCE8]'>
119+
<p className='text-sm text-[#99A1AF]'>
120120
Block adware, spyware and malware with targeted network
121121
protection.
122122
</p>
@@ -169,7 +169,7 @@ export function Experience() {
169169
>
170170
<div className='font-sans space-y-2 self-end mb-6'>
171171
<h3 className='text-base text-white'>Global Coverage</h3>
172-
<p className='text-sm text-[#D3DCE8]'>
172+
<p className='text-sm text-[#99A1AF]'>
173173
Access content from anywhere with our worldwide node network.
174174
</p>
175175
</div>
@@ -221,7 +221,7 @@ export function Experience() {
221221
>
222222
<div className='font-sans space-y-2 self-end mb-6'>
223223
<h3 className='text-base text-white'>Lightning Fast Speeds</h3>
224-
<p className='text-sm text-[#D3DCE8]'>
224+
<p className='text-sm text-[#99A1AF]'>
225225
Optimized routing and high-performance nodes ensure minimal
226226
latency.
227227
</p>
@@ -276,7 +276,7 @@ export function Experience() {
276276
<h3 className='text-base text-white'>
277277
Military-Grade Encryption
278278
</h3>
279-
<p className='text-sm text-[#D3DCE8]'>
279+
<p className='text-sm text-[#99A1AF]'>
280280
Your data is protected with the highest level of encryption
281281
available.
282282
</p>

‎src/components/footer.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,6 @@ export default function Footer() {
1313
<div
1414
className='w-[90%] p-8 md:p-12 rounded-3xl bg-linear-to-br from-[#010a27e0] to-[#022d8be1]'
1515
style={{
16-
1716
clipPath:
1817
"polygon(0% 0%, calc(100% - 80px) 0%, 100% 80px, 100% 100%, 0% 100%)",
1918
}}
@@ -106,13 +105,13 @@ export default function Footer() {
106105
<span>Play Store</span>
107106
<ArrowUpRight />
108107
</a>
109-
<a
108+
{/* <a
110109
href='https://testflight.apple.com/join/BvdARC75'
111110
className='text-[#99A1AF] flex items-center gap-2'
112111
>
113112
<span>App Store</span>
114113
<ArrowUpRight />
115-
</a>
114+
</a> */}
116115
<a
117116
href='/dashboard'
118117
className='text-[#99A1AF] flex items-center gap-2'

0 commit comments

Comments
 (0)