Merge version_2 into main #2
@@ -19,12 +19,14 @@ export const metadata: Metadata = {
|
||||
openGraph: {
|
||||
title: "Face Detection AI Project", description: "State-of-the-art facial recognition and detection system built with advanced deep learning techniques.", siteName: "FaceDetect AI", type: "website", images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/a-sophisticated-ai-face-detection-dashbo-1772639332863-ca6e7b81.png", alt: "Face Detection Dashboard"},
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/a-sophisticated-ai-face-detection-dashbo-1772639332863-ca6e7b81.png", alt: "Face Detection Dashboard"
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Face Detection AI - Final Year Project", description: "Advanced machine learning system for real-time facial recognition and analysis.", images: [
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/a-sophisticated-ai-face-detection-dashbo-1772639332863-ca6e7b81.png"],
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/a-sophisticated-ai-face-detection-dashbo-1772639332863-ca6e7b81.png"
|
||||
],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
|
||||
@@ -9,7 +9,7 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import { Mail, Sparkles } from 'lucide-react';
|
||||
import { Mail, Sparkles, Play } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -43,13 +43,13 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="Advanced Face Detection AI"
|
||||
description="A comprehensive machine learning system for real-time facial recognition and analysis. Built with cutting-edge computer vision algorithms to detect, analyze, and track faces with exceptional accuracy."
|
||||
tag="Final Year Project"
|
||||
tagIcon={Sparkles}
|
||||
description="A comprehensive machine learning system for real-time facial recognition and analysis. Built with cutting-edge computer vision algorithms to detect, analyze, and track faces with exceptional accuracy. Try the interactive demo below to see the system in action."
|
||||
tag="Interactive Demo Available"
|
||||
tagIcon={Play}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
buttons={[
|
||||
{ text: "View Demo", href: "#features" },
|
||||
{ text: "Launch Interactive Demo", href: "#features" },
|
||||
{ text: "Read Documentation", href: "#about" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -71,9 +71,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="Project Overview"
|
||||
title="How It Works"
|
||||
description={[
|
||||
"This face detection system represents a culmination of advanced machine learning research and practical implementation. The project leverages state-of-the-art deep neural networks, particularly convolutional neural networks (CNNs), to identify and localize faces within images and video streams.", "The system has been trained on diverse datasets encompassing various facial orientations, lighting conditions, and ethnic backgrounds to ensure robust performance across real-world scenarios. With precision-optimized algorithms, the detector achieves exceptional accuracy while maintaining real-time processing capabilities.", "Built with modularity in mind, the architecture supports seamless integration into existing applications and can be deployed across multiple platforms including desktop, mobile, and cloud environments."
|
||||
"The face detection system operates through a multi-stage pipeline designed for optimal performance. When an image or video frame is input, the system first applies preprocessing techniques to normalize lighting and enhance facial features, ensuring robust detection across varied environmental conditions.", "Our deep learning model uses advanced CNN architectures (ResNet and YOLOv8) that have been fine-tuned on diverse datasets containing faces from different angles, lighting conditions, and ethnicities. The neural network learns to identify distinctive facial patterns and features, enabling accurate localization even in challenging scenarios.", "The system outputs bounding boxes around detected faces along with confidence scores. In real-time video processing, the detector maintains tracking across frames while optimizing computational resources through model quantization and batch processing techniques. This enables production-ready deployment with frame rates exceeding 45 FPS on standard hardware."
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "View GitHub Repository", href: "https://github.com" }
|
||||
@@ -87,19 +87,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
title="Core Capabilities"
|
||||
description="The system provides comprehensive face detection and analysis features designed for academic excellence and practical deployment."
|
||||
tag="Features"
|
||||
title="Interactive Demo Features"
|
||||
description="Experience the face detection model in action. The interactive demo allows you to test the system with your own images or video feeds, showcasing real-time capabilities and accuracy metrics."
|
||||
tag="Try It Live"
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Real-Time Detection", description: "Process video streams and live camera feeds with minimal latency, detecting multiple faces simultaneously with frame-by-frame analysis.", tag: "Performance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/a-video-frame-showing-real-time-face-det-1772639332037-5be0450c.png?_wi=2", imageAlt: "Real-time Detection Capability", buttons: []
|
||||
id: "1", title: "Real-Time Video Processing", description: "Upload video files or stream from your webcam. The system processes each frame in real-time, detecting and tracking multiple faces simultaneously with bounding box visualization and confidence scores.", tag: "Live Demo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/a-video-frame-showing-real-time-face-det-1772639332037-5be0450c.png?_wi=2", imageAlt: "Real-time Detection Capability", buttons: []
|
||||
},
|
||||
{
|
||||
id: "2", title: "High Precision Algorithm", description: "Achieve exceptional detection accuracy with advanced deep learning models trained on comprehensive facial datasets, minimizing false positives.", tag: "Accuracy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/an-abstract-visualization-showing-accura-1772639332230-fa1f89d6.png?_wi=1", imageAlt: "Accuracy Metrics", buttons: []
|
||||
id: "2", title: "Image Detection & Analysis", description: "Submit static images to the detector. The system identifies all faces within the image, provides precise bounding box coordinates, and calculates confidence metrics. Batch processing enables analysis of multiple images efficiently.", tag: "Batch Processing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/an-abstract-visualization-showing-accura-1772639332230-fa1f89d6.png?_wi=1", imageAlt: "Accuracy Metrics", buttons: []
|
||||
},
|
||||
{
|
||||
id: "3", title: "Multi-Platform Support", description: "Deploy seamlessly across Windows, Linux, macOS, and cloud platforms. Optimized for both CPU and GPU execution with fallback mechanisms.", tag: "Deployment", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/an-illustrative-diagram-showing-the-face-1772639332770-162b63f2.png?_wi=2", imageAlt: "Multi-Platform Integration", buttons: []
|
||||
id: "3", title: "Performance Metrics & Visualization", description: "The demo provides real-time performance statistics including detection speed (FPS), accuracy rates, and processing latency. Visual overlays show bounding boxes, confidence percentages, and facial region analysis.", tag: "Analytics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/an-illustrative-diagram-showing-the-face-1772639332770-162b63f2.png?_wi=2", imageAlt: "Multi-Platform Integration", buttons: []
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -112,18 +112,18 @@ export default function LandingPage() {
|
||||
<div id="technology" data-section="technology">
|
||||
<FeatureCardMedia
|
||||
title="Technical Architecture"
|
||||
description="Engineered with industry-standard frameworks and cutting-edge techniques for optimal performance and reliability."
|
||||
description="Engineered with industry-standard frameworks and cutting-edge techniques for optimal performance and reliability. The model undergoes continuous optimization to enhance accuracy and speed."
|
||||
tag="Technology Stack"
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Deep Neural Networks", description: "Utilizes state-of-the-art CNN architectures including ResNet and YOLOv8 for rapid, accurate face localization and classification.", tag: "ML Models", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/an-illustrative-diagram-showing-the-face-1772639332770-162b63f2.png?_wi=3", imageAlt: "Neural Network Architecture", buttons: []
|
||||
id: "1", title: "Deep Neural Networks", description: "Utilizes state-of-the-art CNN architectures including ResNet and YOLOv8 for rapid, accurate face localization and classification. The models have been trained on 10,000+ diverse facial images and optimized for both accuracy and speed.", tag: "ML Models", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/an-illustrative-diagram-showing-the-face-1772639332770-162b63f2.png?_wi=3", imageAlt: "Neural Network Architecture", buttons: []
|
||||
},
|
||||
{
|
||||
id: "2", title: "Optimized Processing", description: "Implements advanced image preprocessing, augmentation techniques, and model quantization for efficient computation without sacrificing accuracy.", tag: "Optimization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/an-abstract-visualization-showing-accura-1772639332230-fa1f89d6.png?_wi=2", imageAlt: "Processing Optimization", buttons: []
|
||||
id: "2", title: "Optimized Processing", description: "Implements advanced image preprocessing, augmentation techniques, and model quantization for efficient computation without sacrificing accuracy. Supports both CPU and GPU execution with automatic hardware detection.", tag: "Optimization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/an-abstract-visualization-showing-accura-1772639332230-fa1f89d6.png?_wi=2", imageAlt: "Processing Optimization", buttons: []
|
||||
},
|
||||
{
|
||||
id: "3", title: "Scalable Infrastructure", description: "Built for scalability with support for batch processing, distributed computing, and cloud deployment for enterprise-grade solutions.", tag: "Infrastructure", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/a-sophisticated-ai-face-detection-dashbo-1772639332863-ca6e7b81.png?_wi=2", imageAlt: "Scalable System Design", buttons: []
|
||||
id: "3", title: "Scalable Infrastructure", description: "Built for scalability with support for batch processing, distributed computing, and cloud deployment for enterprise-grade solutions. The system achieves 45 FPS processing speed and maintains sub-500ms latency even with multiple concurrent detections.", tag: "Infrastructure", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUFP8AWGriHaele2O03S7pKsvu/a-sophisticated-ai-face-detection-dashbo-1772639332863-ca6e7b81.png?_wi=2", imageAlt: "Scalable System Design", buttons: []
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -135,15 +135,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Project Metrics"
|
||||
description="Demonstrating the project's performance and impact across key technical benchmarks."
|
||||
title="Performance Benchmarks"
|
||||
description="Demonstrating the model's performance across key technical benchmarks achieved through rigorous testing and continuous optimization."
|
||||
tag="Results"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", value: "99.8%", description: "Detection Accuracy Rate" },
|
||||
{ id: "2", value: "45 FPS", description: "Real-Time Processing Speed" },
|
||||
{ id: "3", value: "10,000+", description: "Training Dataset Images" },
|
||||
{ id: "4", value: "500ms", description: "Average Response Time" }
|
||||
{ id: "4", value: "<500ms", description: "Average Response Latency" }
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
|
||||
Reference in New Issue
Block a user