bender/ed249de1-6fbe-4188-98ad-03ffb8a4209d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #3

Merged
bender merged 7 commits from version_3 into main 2026-03-12 06:34:56 +00:00
Conversation 0 Commits 7 Files Changed 7 +780 -16
7 changed files with 780 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

211
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,211 @@
"use client";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Target, Zap, Award, MessageSquare, Twitter, Linkedin, Github, Shield } from 'lucide-react';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="PixVault"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "/about" },
{ name: "Features", id: "features" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Get Started", href: "contact" }}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
title="Our Mission: Protecting Digital Identity"
description="PixVault was founded with a single mission: to protect visual content creators from the growing threat of deepfakes. We believe that everyone deserves to have their images protected with advanced technology and unwavering security standards."
tag="Our Story"
tagIcon={Target}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-diverse-startup-team-collaborating-aro-1773296682326-387b3a70.png"
imageAlt="PixVault team working on image protection"
buttons={[
{ text: "Learn Our Values", href: "#values" }
]}
useInvertedBackground={false}
/>
</div>
<div id="values" data-section="values">
<FeatureCardSeven
title="Our Core Values"
description="What drives PixVault forward and shapes every decision we make"
tag="Values"
tagIcon={Shield}
textboxLayout="default"
animationType="depth-3d"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Unwavering Security", description: "We never compromise on security. Every feature is built with privacy and protection at its core.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/enterprise-security-visualization-showin-1773296682523-d5fc12f7.png"
},
{
id: 2,
title: "Innovation First", description: "We constantly push the boundaries of what's possible in image protection technology.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/futuristic-ai-powered-insights-interface-1773296682617-a97396b8.png"
},
{
id: 3,
title: "User-Centric Design", description: "Powerful protection should be easy to use. We design for simplicity without sacrificing functionality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/close-up-of-an-impressive-3d-analytics-d-1773296682845-19788684.png"
},
{
id: 4,
title: "Transparency & Trust", description: "We believe in open communication and building lasting relationships with our community.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/integration-visualization-showing-multip-1773296681944-f212f7f5.png"
}
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
title="Meet the Visionaries"
tag="Leadership"
tagAnimation="slide-up"
membersAnimation="depth-3d"
memberVariant="default"
useInvertedBackground={false}
members={[
{
id: "1", name: "Dr. Sarah Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-portrait-of-a-conf-1773296681360-5e3c71b3.png"
},
{
id: "2", name: "Marcus Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-confident-man-1773296683516-bfd74d25.png"
},
{
id: "3", name: "Elena Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-woman-in-her--1773296682017-cddcd579.png"
},
{
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-man-in-his-30-1773296682036-46bf2690.png"
}
]}
/>
</div>
<div id="impact" data-section="impact">
<FeatureCardSeven
title="Our Impact & Achievements"
description="Milestones that demonstrate our commitment to protecting the digital world"
tag="Achievements"
tagIcon={Award}
textboxLayout="default"
animationType="depth-3d"
useInvertedBackground={false}
features={[
{
id: 1,
title: "2M+ Images Protected", description: "Millions of visual assets secured against deepfake manipulation worldwide", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-vibrant-illustration-of-a-diverse-glob-1773296682285-3bb44762.png"
},
{
id: 2,
title: "99.8% Detection Accuracy", description: "Industry-leading precision in identifying manipulated and artificially generated images", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-reliability-dashboard-showing-98-uptim-1773296682818-258e6f84.png"
},
{
id: 3,
title: "50+ Countries Served", description: "Global reach supporting creators, professionals, and enterprises across continents", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/close-up-of-an-impressive-3d-analytics-d-1773296682845-19788684.png"
},
{
id: 4,
title: "Enterprise Partnerships", description: "Trusted by leading media companies, entertainment studios, and government agencies", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/integration-visualization-showing-multip-1773296681944-f212f7f5.png"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="Stories from Our Community"
description="Real experiences from creators and professionals who've transformed their security with PixVault"
tag="Community"
tagIcon={MessageSquare}
textboxLayout="default"
animationType="depth-3d"
useInvertedBackground={false}
showRating={true}
testimonials={[
{
id: "1", name: "Jessica Palmer", handle: "@jpalmer", testimonial: "PixVault gave me peace of mind knowing my images are protected. As a professional photographer, this is invaluable.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-woman-in-her--1773296681990-a5a30ddd.png"
},
{
id: "2", name: "Alex Thompson", handle: "@athompson", testimonial: "The best investment for protecting my personal brand. Simple, effective, and the support team is phenomenal.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-man-in-his-30-1773296681909-dc3dc855.png"
},
{
id: "3", name: "Priya Nakamura", handle: "@pnakamura", testimonial: "Setup was seamless and protection is immediate. I went live with my protected portfolio in just hours.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-an-indian-woman-1773296681699-5cbdb0a6.png"
},
{
id: "4", name: "Michael Liu", handle: "@mliu", testimonial: "The detection accuracy is extraordinary. I've tested it extensively and it consistently outperforms competitors.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-an-asian-man-in-1773296681897-a0656ca4.png"
},
{
id: "5", name: "Emma Watson", handle: "@ewatson", testimonial: "Exceptional design meets exceptional protection. This is security software done right.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-woman-in-her--1773296681926-08b3824c.png"
},
{
id: "6", name: "James Rodriguez", handle: "@jrodriguez", testimonial: "As a content creator, my work is my livelihood. PixVault lets me focus on creation while they handle security.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-man-in-his-ea-1773296681538-b4f17dea.png"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get in Touch"
description="Have questions about PixVault or want to learn more about our mission? We'd love to hear from you. Reach out to our team and let's discuss how we can protect your visual legacy."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "your@email.com", required: true }
]}
textarea={{ name: "message", placeholder: "Tell us what brings you here...", rows: 5, required: true }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-dynamic-startup-workspace-showing-a-te-1773296682664-2dc0a512.png"
imageAlt="PixVault security team collaboration"
mediaAnimation="none"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="PixVault"
copyrightText="© 2025 PixVault. All rights reserved."
socialLinks={[
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
]}
/>
</div>
</ThemeProvider>
);
}

177
src/app/analysis/page.tsx Normal file
View File

@@ -0,0 +1,177 @@
"use client";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Zap, Target, Award, MessageSquare, Twitter, Linkedin, Github, BarChart3 } from 'lucide-react';
export default function AnalysisPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="PixVault"
navItems={[
{ name: "Home", id: "/" },
{ name: "Verify", id: "/verify" },
{ name: "Analyze", id: "/analysis" },
{ name: "Features", id: "features" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Get Started", href: "contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Deep Image Analysis with 3D Insights"
description="Comprehensive 3D-powered analysis platform that dissects every aspect of your images. From pixel-level examination to dimensional consistency checks, our advanced analytics reveal the complete truth about image authenticity."
tag="3D Analytics"
tagIcon={BarChart3}
background={{ variant: "sparkles-gradient" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/close-up-of-an-impressive-3d-analytics-d-1773296682845-19788684.png"
imageAlt="PixVault 3D analysis dashboard"
buttons={[
{ text: "Analyze Image Now", href: "contact" },
{ text: "Explore Analytics", href: "features" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
title="Advanced 3D Analysis Capabilities"
description="Comprehensive tools for in-depth image analysis with 3D visualization and metrics"
tag="Analysis Tools"
tagIcon={Zap}
textboxLayout="default"
animationType="scale-rotate"
useInvertedBackground={false}
features={[
{
id: 1,
title: "3D Texture Analysis", description: "Examine surface texture in three dimensions to detect artificial smoothing, pixel anomalies, and inconsistencies that reveal manipulation or deepfake artifacts", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/futuristic-ai-powered-insights-interface-1773296682617-a97396b8.png"
},
{
id: 2,
title: "Lighting & Shadow 3D Reconstruction", description: "Reconstruct 3D light source positions and shadow paths to identify impossible lighting conditions that expose deepfakes and photo manipulations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/integration-visualization-showing-multip-1773296681944-f212f7f5.png"
},
{
id: 3,
title: "Perspective & Geometry Validation", description: "Analyze 3D perspective geometry, vanishing points, and spatial relationships to catch geometric inconsistencies that AI generators commonly create", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/enterprise-security-visualization-showin-1773296682523-d5fc12f7.png"
},
{
id: 4,
title: "Chromatic & Dimensional Coherence", description: "Verify color consistency across 3D space, check for impossible color transitions, and validate dimensional relationships across the entire image", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-vibrant-illustration-of-a-diverse-glob-1773296682285-3bb44762.png"
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
title="Analysis Metrics & Insights"
description="Detailed 3D analysis metrics that quantify image authenticity across multiple dimensions"
tag="Intelligence"
tagIcon={Award}
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "12+", title: "Analysis Dimensions", description: "Comprehensive 3D analysis across texture, lighting, geometry, and color dimensions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-reliability-dashboard-showing-98-uptim-1773296682818-258e6f84.png"
},
{
id: "2", value: "500+", title: "Detection Points", description: "Analyze over 500 unique data points from 3D rendering and spatial consistency checks", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-vibrant-illustration-of-a-diverse-glob-1773296682285-3bb44762.png"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="3D Analysis User Stories"
description="Professionals and researchers trust our 3D analysis platform for comprehensive image intelligence"
tag="Testimonials"
tagIcon={MessageSquare}
textboxLayout="default"
animationType="depth-3d"
useInvertedBackground={false}
showRating={true}
testimonials={[
{
id: "1", name: "Dr. Robert Khan", handle: "@image_scientist", testimonial: "The 3D analysis dashboard provides insights I've never seen before. The texture and geometry analysis alone is worth the subscription.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-man-in-his-30-1773296681909-dc3dc855.png"
},
{
id: "2", name: "Elena Petrov", handle: "@3d_vision", testimonial: "Revolutionary approach to image verification. The 3D reconstruction of lighting conditions is incredibly accurate and reveals things you'd never spot otherwise.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-woman-in-her--1773296681990-a5a30ddd.png"
},
{
id: "3", name: "Thomas Wei", handle: "@research_lead", testimonial: "For research purposes, the 3D analysis metrics are invaluable. I can export detailed reports with spatial consistency scores and dimensional data.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-an-asian-man-in-1773296681897-a0656ca4.png"
},
{
id: "4", name: "Nina Valdez", handle: "@forensic_analyst", testimonial: "The perspective geometry validation is a game-changer for forensic analysis. I've solved cases that were previously unsolvable.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-an-indian-woman-1773296681699-5cbdb0a6.png"
},
{
id: "5", name: "Sebastian Mueller", handle: "@ai_researcher", testimonial: "Studying AI-generated images, this 3D analysis platform helps me understand exactly how generators fail. Exceptional scientific tool.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-woman-in-her--1773296681926-08b3824c.png"
},
{
id: "6", name: "Olivia Santos", handle: "@media_integrity", testimonial: "The chromatic and dimensional coherence checks have never been replicated elsewhere. This is the gold standard for analysis.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-man-in-his-ea-1773296681538-b4f17dea.png"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Request 3D Analysis Access"
description="Get detailed 3D analysis reports for your images. Our advanced analytics platform provides comprehensive insights into image authenticity and composition."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "your@email.com", required: true }
]}
textarea={{ name: "message", placeholder: "Describe your analysis requirements...", rows: 5, required: true }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-dynamic-startup-workspace-showing-a-te-1773296682664-2dc0a512.png"
imageAlt="PixVault analysis platform team"
mediaAnimation="none"
mediaPosition="right"
buttonText="Request Access"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="PixVault"
copyrightText="© 2025 PixVault. All rights reserved."
socialLinks={[
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
]}
/>
</div>
</ThemeProvider>
);
}

83
src/app/login/page.tsx Normal file
View File

@@ -0,0 +1,83 @@
"use client";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Shield, Twitter, Linkedin, Github } from 'lucide-react';
export default function LoginPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="PixVault"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Sign Up", href: "/signup" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Welcome Back to PixVault"
description="Log in to your account and continue protecting your images from deepfake manipulation. Access your dashboard, manage your protected content, and stay secure."
tag="Secure Login"
tagIcon={Shield}
background={{ variant: "canvas-reveal" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-modern-3d-interactive-startup-dashboar-1773296682639-36002a14.png"
imageAlt="PixVault login interface"
buttons={[
{ text: "Go to Home", href: "/" }
]}
/>
</div>
<div id="login-form" data-section="login-form">
<ContactSplitForm
title="Sign In to Your Account"
description="Enter your credentials to access your PixVault dashboard and manage your protected images."
inputs={[
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
{ name: "password", type: "password", placeholder: "Password", required: true }
]}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-dynamic-startup-workspace-showing-a-te-1773296682664-2dc0a512.png"
imageAlt="PixVault secure login"
mediaAnimation="none"
mediaPosition="right"
buttonText="Sign In"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="PixVault"
copyrightText="© 2025 PixVault. All rights reserved."
socialLinks={[
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
]}
/>
</div>
</ThemeProvider>
);
}

18
src/app/page.tsx
View File

@@ -15,23 +15,23 @@ import { Sparkles, Zap, Target, Award, MessageSquare, Twitter, Linkedin, Github,
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="PixVault"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "About", id: "/about" },
{ name: "Features", id: "features" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" }
@@ -78,7 +78,7 @@ export default function LandingPage() {
tag="Features"
tagIcon={Zap}
textboxLayout="default"
animationType="blur-reveal"
animationType="depth-3d"
useInvertedBackground={false}
features={[
{
@@ -108,7 +108,7 @@ export default function LandingPage() {
tag="Impact"
tagIcon={Award}
textboxLayout="default"
animationType="slide-up"
animationType="depth-3d"
useInvertedBackground={false}
metrics={[
{
@@ -126,7 +126,7 @@ export default function LandingPage() {
title="Meet the Experts Behind PixVault"
tag="Team"
tagAnimation="slide-up"
membersAnimation="blur-reveal"
membersAnimation="depth-3d"
memberVariant="default"
useInvertedBackground={false}
members={[
@@ -153,7 +153,7 @@ export default function LandingPage() {
tag="Testimonials"
tagIcon={MessageSquare}
textboxLayout="default"
animationType="scale-rotate"
animationType="depth-3d"
useInvertedBackground={false}
showRating={true}
testimonials={[
@@ -216,4 +216,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #25190c;
--primary-cta: #ff6207;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffffe6;
--primary-cta: #cee7ff;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #25190c;
--accent: #ffce93;
--background-accent: #e8cfa8;
--accent: #2d30f3;
--background-accent: #1d4ed8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

116
src/app/upload/page.tsx Normal file
View File

@@ -0,0 +1,116 @@
"use client";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Upload, Zap, Shield, Twitter, Linkedin, Github } from 'lucide-react';
export default function UploadPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="PixVault"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Get Started", href: "contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Upload Your Images for Protection"
description="Experience the power of 3D interactive model visualization for your image protection workflow. Upload your images and watch them transform with advanced deepfake detection and cryptographic verification."
tag="Upload & Protect"
tagIcon={Upload}
background={{ variant: "canvas-reveal" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-modern-3d-interactive-startup-dashboar-1773296682639-36002a14.png"
imageAlt="PixVault upload interface with 3D model"
buttons={[
{ text: "Start Uploading", href: "upload-form" },
{ text: "Learn More", href: "upload-features" }
]}
/>
</div>
<div id="upload-features" data-section="upload-features">
<FeatureCardSeven
title="3D Model Upload Experience"
description="Our advanced 3D visualization system provides an immersive upload and protection workflow"
tag="3D Technology"
tagIcon={Zap}
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={false}
features={[
{
id: 1,
title: "3D Model Visualization", description: "Watch your images transform with interactive 3D model representations and real-time processing visualization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/close-up-of-an-impressive-3d-analytics-d-1773296682845-19788684.png"
},
{
id: 2,
title: "Immersive Upload Interface", description: "Drag and drop your files into our stunning 3D upload environment with real-time model preview", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/futuristic-ai-powered-insights-interface-1773296682617-a97396b8.png"
},
{
id: 3,
title: "Live Processing Animation", description: "See your images being analyzed in real-time with mesmerizing 3D animation effects during protection setup", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/integration-visualization-showing-multip-1773296681944-f212f7f5.png"
},
{
id: 4,
title: "Multi-File 3D Grid", description: "Upload multiple images simultaneously and watch them populate a dynamic 3D grid with interactive controls", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/enterprise-security-visualization-showin-1773296682523-d5fc12f7.png"
}
]}
/>
</div>
<div id="upload-form" data-section="upload-form">
<ContactSplitForm
title="Upload Your Images"
description="Drag and drop your images below or fill in the form to start the protection process. Our 3D model visualization will guide you through every step."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "your@email.com", required: true }
]}
textarea={{ name: "message", placeholder: "Describe your images or protection needs...", rows: 5, required: false }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-dynamic-startup-workspace-showing-a-te-1773296682664-2dc0a512.png"
imageAlt="PixVault 3D upload model interface"
mediaAnimation="none"
mediaPosition="right"
buttonText="Upload & Protect"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="PixVault"
copyrightText="© 2025 PixVault. All rights reserved."
socialLinks={[
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
]}
/>
</div>
</ThemeProvider>
);
}

177
src/app/verify/page.tsx Normal file
View File

@@ -0,0 +1,177 @@
"use client";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Shield, Zap, Award, MessageSquare, Twitter, Linkedin, Github, CheckCircle } from 'lucide-react';
export default function VerifyPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="PixVault"
navItems={[
{ name: "Home", id: "/" },
{ name: "Verify", id: "/verify" },
{ name: "Analyze", id: "/analysis" },
{ name: "Features", id: "features" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Get Started", href: "contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Verify Image Authenticity with 3D Analysis"
description="Advanced 3D-based verification engine that analyzes every pixel and dimension of your images. Detect deepfakes, forgeries, and manipulations with unparalleled precision using cutting-edge computer vision technology."
tag="3D Verification"
tagIcon={Shield}
background={{ variant: "canvas-reveal" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-modern-3d-interactive-startup-dashboar-1773296682639-36002a14.png"
imageAlt="PixVault 3D verification interface"
buttons={[
{ text: "Verify Image Now", href: "contact" },
{ text: "Learn About 3D Analysis", href: "features" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
title="3D Verification Features"
description="Explore the advanced 3D analysis tools that make deepfake detection impossible to bypass"
tag="Technology"
tagIcon={Zap}
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={false}
features={[
{
id: 1,
title: "3D Depth Mapping", description: "Advanced 3D rendering analysis detects inconsistencies in depth perception and spatial relationships that expose manipulated images", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/close-up-of-an-impressive-3d-analytics-d-1773296682845-19788684.png"
},
{
id: 2,
title: "Multi-Dimensional Analysis", description: "Analyze images across 12+ dimensions including lighting, shadows, perspective, and texture consistency for comprehensive verification", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/futuristic-ai-powered-insights-interface-1773296682617-a97396b8.png"
},
{
id: 3,
title: "Real-Time 3D Rendering", description: "Visualize verification results in interactive 3D space, showing exactly where and how images were manipulated with pixel-perfect accuracy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/integration-visualization-showing-multip-1773296681944-f212f7f5.png"
},
{
id: 4,
title: "Spatial Authenticity Score", description: "Comprehensive 3D authenticity scoring system that rates image legitimacy based on spatial, temporal, and dimensional coherence", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/enterprise-security-visualization-showin-1773296682523-d5fc12f7.png"
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
title="3D Verification Performance"
description="Industry-leading accuracy powered by advanced three-dimensional analysis technology"
tag="Results"
tagIcon={Award}
textboxLayout="default"
animationType="scale-rotate"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "99.9%", title: "3D Detection Accuracy", description: "Unmatched precision in identifying manipulated spatial relationships", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-vibrant-illustration-of-a-diverse-glob-1773296682285-3bb44762.png"
},
{
id: "2", value: "<0.1s", title: "Verification Time", description: "Process complex 3D analysis in milliseconds with GPU acceleration", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-reliability-dashboard-showing-98-uptim-1773296682818-258e6f84.png"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="User Experiences with 3D Verification"
description="Hear from forensic experts, journalists, and security professionals who rely on our 3D technology"
tag="Testimonials"
tagIcon={MessageSquare}
textboxLayout="default"
animationType="depth-3d"
useInvertedBackground={false}
showRating={true}
testimonials={[
{
id: "1", name: "Dr. Lisa Chen", handle: "@forensic_expert", testimonial: "The 3D analysis capabilities are revolutionary. I've verified hundreds of images and caught manipulations that traditional tools completely missed.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-woman-in-her--1773296681990-a5a30ddd.png"
},
{
id: "2", name: "James Morrison", handle: "@security_chief", testimonial: "As a security officer, this 3D verification system gives me confidence. The depth mapping catches artifacts instantly.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-man-in-his-30-1773296681909-dc3dc855.png"
},
{
id: "3", name: "Sarah investigative_journalist", handle: "@journalist", testimonial: "For investigative work, the 3D rendering visualization is invaluable. I can show clients exactly where manipulation occurred.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-an-indian-woman-1773296681699-5cbdb0a6.png"
},
{
id: "4", name: "Marcus Liu", handle: "@tech_analyst", testimonial: "The multi-dimensional analysis is sophisticated. It processes 12+ different verification parameters simultaneously.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-an-asian-man-in-1773296681897-a0656ca4.png"
},
{
id: "5", name: "Victoria Hayes", handle: "@media_validator", testimonial: "Speed and accuracy combined. I can verify critical images in under 100 milliseconds. This is game-changing for newsrooms.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-woman-in-her--1773296681926-08b3824c.png"
},
{
id: "6", name: "Alex Rodriguez", handle: "@integrity_guard", testimonial: "The spatial authenticity scoring is precise. Every metric is backed by solid 3D geometry analysis. Highly recommended.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/professional-headshot-of-a-man-in-his-ea-1773296681538-b4f17dea.png"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Start 3D Image Verification Today"
description="Upload your images for instant 3D analysis. Our advanced verification engine will provide detailed spatial authenticity reports in seconds."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "your@email.com", required: true }
]}
textarea={{ name: "message", placeholder: "Tell us about your verification needs...", rows: 5, required: true }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-dynamic-startup-workspace-showing-a-te-1773296682664-2dc0a512.png"
imageAlt="PixVault 3D verification team"
mediaAnimation="none"
mediaPosition="right"
buttonText="Start Verification"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="PixVault"
copyrightText="© 2025 PixVault. All rights reserved."
socialLinks={[
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
]}
/>
</div>
</ThemeProvider>
);
}