93 lines
4.9 KiB
TypeScript
93 lines
4.9 KiB
TypeScript
import React from "react";
|
|
|
|
const About: React.FC = () => {
|
|
return (
|
|
<section
|
|
className="about section-padding prelative"
|
|
data-scroll-index="1"
|
|
>
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-md-12">
|
|
<div className="sectioner-header text-center">
|
|
<h3>About</h3>
|
|
<span className="line"></span>
|
|
<p>
|
|
Currently, in the QR code security landscape, there is a gap in comprehensive protection against potential
|
|
threats posed by malicious QR codes. Existing solutions often provide basic functionality, such as scanning QR
|
|
codes to extract website URLs. However, these applications lack robust security measures to defend users against
|
|
various types of malicious content embedded within QR codes.
|
|
</p>
|
|
<p>
|
|
Our intention with the SafeQR project is to bridge this gap by developing a comprehensive mobile application
|
|
that offers advanced security features for scanning and interacting with QR codes. Unlike existing solutions
|
|
that primarily focus on verifying website URLs, our app aims to take a more proactive and broad approach to QR
|
|
code security.
|
|
</p>
|
|
</div>
|
|
<div className="section-content text-center">
|
|
<div className="row">
|
|
<div className="col-md-4">
|
|
<div
|
|
className="icon-box wow fadeInUp"
|
|
data-wow-delay="0.2s"
|
|
>
|
|
{" "}
|
|
<i
|
|
className="fa fa-life-ring"
|
|
aria-hidden="true"
|
|
></i>
|
|
<h5>QR Code Scanning</h5>
|
|
<p>
|
|
The application will have the capability to scan QR codes directly using a camera or from saved images.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="col-md-4">
|
|
<div
|
|
className="icon-box wow fadeInUp"
|
|
data-wow-delay="0.4s"
|
|
>
|
|
{" "}
|
|
<i
|
|
className="fa fa-mobile"
|
|
aria-hidden="true"
|
|
></i>
|
|
<h5>Cross Platform</h5>
|
|
<p>
|
|
Designed to function seamlessly on both iOS and Android platforms, ensuring a broad user base can
|
|
benefit from the application's protective features.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="col-md-4">
|
|
<div
|
|
className="icon-box wow fadeInUp"
|
|
data-wow-delay="0.6s"
|
|
>
|
|
{" "}
|
|
<i
|
|
className="fa fa-bolt"
|
|
aria-hidden="true"
|
|
></i>
|
|
<h5>Sandboxing for Safe Browsing</h5>
|
|
<p>
|
|
To enhance security, the application will open links in a sandboxed environment. This protected mode
|
|
helps isolate and contain potential threats away from the user's device.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="#" data-scroll-nav="2" className="about-btn">
|
|
Learn More
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default About;
|