Skip to content

Commit

Permalink
mobile view
Browse files Browse the repository at this point in the history
  • Loading branch information
@devsisingh
devsisingh committed Jul 27, 2024
1 parent 47fc232 commit 6a0513c
Show file tree
Hide file tree
Showing 5 changed files with 21 additions and 21 deletions.
8 changes: 4 additions & 4 deletions src/app/page.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,11 +89,11 @@ export default function Home() {
background: greengradient,
}}
>
<div className="flex flex-col items-center space-y-[5vh] justify-center mx-auto">
<h2 className="text-primary font-semibold text-4xl md:text-[52px] leading-none tracking-wider">
<div className="flex flex-col items-center space-y-[5vh] justify-center mx-auto p-4">
<h2 className="text-primary font-semibold text-2xl md:text-[52px] lg:text-[52px] leading-none tracking-wider text-center">
ÐWifi Revolutionizing Wireless Access
</h2>
<p className="text-primary text-2xl leading-tight text-center">
<p className="text-primary text-lg lg:text-2xl md:text-2xl leading-tight text-center">
Share unused bandwidth turns each participant
<br />
into both a provider and consumer.
Expand All @@ -114,7 +114,7 @@ export default function Home() {
<Newsletter />
<Cuttingedge />
<SuccessRoad />
<Partners />
{/* <Partners /> */}

<div className="min-h-screen mx-auto py-20 w-full flex items-center justify-center bg-cover bg-[url('/revolution.png')]">
<div className="lg:w-1/2 md:w-1/2 background-gradient lg:py-10 md:py-10 py-5 rounded-3xl mx-4 lg:mx-0 md:mx-0">
Expand Down
14 changes: 7 additions & 7 deletions src/components/Cuttingedge.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,34 +3,34 @@ import React from 'react'
const Cuttingedge = () => {
return (
<div className=''>
<div className='text-5xl mb-20 pl-[10%]'>Cutting-Edge Technology</div>
<div className='lg:text-5xl md:text-5xl text-3xl mb-20 lg:pl-[10%] md:pl-[10%] lg:text-start md:text-start text-center'>Cutting-Edge Technology</div>
<div className='cutting-edge'>

<div className='flex lg:flex-row md:flex-row flex-col'>
<div className='w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<div className='lg:w-1/3 md:w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<h1 className='text-3xl mb-10'>Decentralized Peer Discovery</h1>
<p>Connects you with others on the network without relying on a central authority. This innovative approach fosters a more secure and censorship-resistant online experience. </p>
</div>
<div className='w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<div className='lg:w-1/3 md:w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<h1 className='text-3xl mb-10'>NFT Subscription</h1>
<p>NFT subscriptions unlock exclusive content within our decentralized network. This ownership model goes beyond traditional subscriptions, offering both benefits and a stake in a secure, private internet for all.</p>
</div>
<div className='w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<div className='lg:w-1/3 md:w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<h1 className='text-3xl mb-10'>Encrypted tunneling</h1>
<p>NetSepio&apos;s ÐVPN (Decentralized VPN) technology encrypts your data, creating a secure and private tunnel for your online activities. Travel the web with confidence, knowing your information is protected. </p>
</div>
</div>

<div className='flex lg:flex-row md:flex-row flex-col'>
<div className='w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<div className='lg:w-1/3 md:w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<h1 className='text-3xl mb-10'>Blockchain</h1>
<p>NetSepio builds on blockchain technology, a secure digital ledger, for trustworthy data storage and verifiable transactions. This forms the foundation for a reliable and secure internet. </p>
</div>
<div className='w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<div className='lg:w-1/3 md:w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<h1 className='text-3xl mb-10'>Decentralized Identifier (DID)</h1>
<p>Unlike traditional identifiers, DIDs empower each node with complete control over its unique identity in public network. This fosters a secure and transparent network environment, where users can trust the authenticity of the nodes they connect to.</p>
</div>
<div className='w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<div className='lg:w-1/3 md:w-1/3 p-20' style={{border:'0.5px solid #11D9C5'}}>
<h1 className='text-3xl mb-10'>ZK Proofs</h1>
<p>This innovative technology allows you to prove you possess certain information without revealing the information itself. This ensures privacy while maintaining security and trust within the decentralized network. </p>
</div>
Expand Down
8 changes: 4 additions & 4 deletions src/components/DownloadNow.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,10 @@ const DownloadNow = () => {
return (
<div
style={roboto.style}
className='h-[694px] my-[3%] w-[80%] flex justify-between items-center gap-10'
className='lg:h-[694px] md:h-[694px] my-[3%] w-[80%] lg:flex md:flex justify-between items-center gap-10'
>
<div className='flex flex-col w-full lg:w-[50%]'>
<h4 className=' text-6xl flex mb-[36px] flex-col leading-tight text-white'>
<div className='flex flex-col w-full lg:w-[50%] lg:justify-start lg:items-start md:justify-start md:items-start justify-center items-center'>
<h4 className='lg:text-6xl md:text-6xl text-3xl flex mb-[36px] flex-col leading-tight text-white lg:text-start md:text-start text-center'>
<span>Download the Browser</span>
<span>Extension Today</span>
</h4>
Expand All @@ -26,7 +26,7 @@ const DownloadNow = () => {
<div className='flex flex-col relative'>
<img
src={"/images/phone.png"}
className='hidden lg:flex'
className='lg:flex lg:mt-0 md:mt-0 mt-10 lg:mb-0 md:mb-0 mb-28'
fill
alt='phone'
/>
Expand Down
10 changes: 5 additions & 5 deletions src/components/Newsletter.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,13 @@ const Newsletter = () => {
const { roboto } = useFonts();
return (
<div className="w-[80%] mt-[5%] ">
<div className="flex mr-auto text-5xl">Tune into Expert NetCast </div>
<div className="flex lg:mr-auto md:mr-auto text-center lg:text-5xl md:text-5xl text-3xl">Tune into Expert NetCast </div>
<div
style={roboto.style}
className='h-[694px] flex flex-row-reverse justify-between items-center gap-10'
className='lg:h-[694px] md:h-[694px] flex lg:flex-row-reverse md:flex-row-reverse flex-col justify-between items-center gap-10'
>
<div className='flex pl-[0%] sm:pl-[5%] flex-col w-[50%] -mt-40'>
<h4 className=' text-2xl flex mb-[36px] flex-col leading-tight text-gray-400'>
<div className='flex pl-[0%] sm:pl-[5%] flex-col lg:w-[50%] md:w-[50%] lg:-mt-40 md:-mt-40'>
<h4 className=' text-2xl flex mb-[36px] flex-col leading-tight text-gray-400 lg:mt-0 md:mt-0 mt-10'>
<span>Stay ahead of the curve on DePIN, online privacy, security, and the future of decentralized Web.</span>
</h4>
<CustomBtn
Expand All @@ -22,7 +22,7 @@ const Newsletter = () => {
title={"Coming Soon"}
/>
</div>
<div className='flex flex-col relative sm:h-[80%]'>
<div className='flex flex-col relative sm:h-[80%] lg:mb-0 md:mb-0 mb-20'>
<img
src={"/images/newsletter.png"}
fill
Expand Down
2 changes: 1 addition & 1 deletion src/components/SuccessRoad.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import React from 'react'
const SuccessRoad = () => {
return (
<div className='w-[100%]'>
<div className='text-5xl mt-60 pl-[10%]'>Road to Success</div>
<div className='lg:text-5xl md:text-5xl text-3xl mt-40 mb-20 lg:pl-[10%] md:pl-[10%] lg:text-start md:text-start text-center'>Road to Success</div>
<div className='-mt-[10%] flex justify-center w-full'>
<img src="/road.png" className="w-full object-cover"/>
</div>
Expand Down

0 comments on commit 6a0513c

Please sign in to comment.