Merge version_3 into main

Merge version_3 into main

src/app/about/page.tsx

@@ -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?_wi=2"
+          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="slide-up"
+          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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardTen
+          title="Meet the Visionaries"
+          tag="Leadership"
+          tagAnimation="slide-up"
+          membersAnimation="slide-up"
+          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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            }
+          ]}
+        />
+      </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="slide-up"
+          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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=3"
+            },
+            {
+              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?_wi=3"
+            }
+          ]}
+        />
+      </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="slide-up"
+          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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            },
+            {
+              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?_wi=2"
+            }
+          ]}
+        />
+      </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?_wi=2"
+          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>
+  );
+}

src/app/analysis/page.tsx

@@ -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>
+  );
+}

src/app/login/page.tsx

@@ -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>
+  );
+}

src/app/page.tsx

@@ -10,28 +10,28 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import { Sparkles, Zap, Target, Award, MessageSquare, Twitter, Linkedin, Github } from 'lucide-react';
+import { Sparkles, Zap, Target, Award, MessageSquare, Twitter, Linkedin, Github, Shield } from 'lucide-react';
 
 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="Startup"
+          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" }
@@ -42,30 +42,30 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboardScroll
-          title="Build the Future with Our Platform"
-          description="Experience cutting-edge 3D design and powerful features that transform your startup vision into reality. Scroll to see the magic."
-          tag="Innovation"
-          tagIcon={Sparkles}
+          title="Protect Your Images from Deepfakes"
+          description="PixVault uses advanced AI technology to safeguard your images and prevent deepfake manipulation. Join the future of digital protection and keep your visual content secure."
+          tag="Security"
+          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="3D startup dashboard with interactive elements"
+          imageAlt="PixVault secure image protection interface"
           buttons={[
             { text: "Start Free Trial", href: "contact" },
-            { text: "View Demo", href: "features" }
+            { text: "Learn How It Works", href: "features" }
           ]}
         />
       </div>
 
       <div id="about" data-section="about">
         <MediaAbout
-          title="Empowering Startups Globally"
-          description="We believe every startup deserves access to world-class tools and support. Our platform combines innovative technology with intuitive design to help you scale faster and smarter."
-          tag="About Us"
+          title="Advanced Image Protection Technology"
+          description="PixVault combines cutting-edge AI and cryptographic techniques to detect and prevent deepfake creation. Our mission is to ensure that your images remain authentic and protected in an increasingly digital world."
+          tag="About PixVault"
           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="Team collaborating on startup project"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-diverse-startup-team-collaborating-aro-1773296682326-387b3a70.png?_wi=1"
+          imageAlt="PixVault team working on image protection"
           buttons={[
-            { text: "Learn More", href: "features" }
+            { text: "Explore Features", href: "features" }
           ]}
           useInvertedBackground={false}
         />
@@ -73,29 +73,29 @@ export default function LandingPage() {
 
       <div id="features" data-section="features">
         <FeatureCardSeven
-          title="Powerful Features Built for Growth"
-          description="Discover the tools that make scaling your startup effortless and intuitive"
+          title="Powerful Protection Features"
+          description="Discover the tools that make image protection effortless and reliable"
           tag="Features"
           tagIcon={Zap}
           textboxLayout="default"
-          animationType="blur-reveal"
+          animationType="slide-up"
           useInvertedBackground={false}
           features={[
             {
               id: 1,
-              title: "3D Interactive Dashboard",              description: "Visualize your data with stunning 3D charts and real-time analytics that bring insights to life",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/close-up-of-an-impressive-3d-analytics-d-1773296682845-19788684.png"
+              title: "Deepfake Detection AI",              description: "Advanced machine learning algorithms detect and identify manipulated or artificially generated images in real-time",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/close-up-of-an-impressive-3d-analytics-d-1773296682845-19788684.png?_wi=1"
             },
             {
               id: 2,
-              title: "AI-Powered Insights",              description: "Get actionable recommendations powered by advanced machine learning algorithms",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/futuristic-ai-powered-insights-interface-1773296682617-a97396b8.png"
+              title: "Cryptographic Verification",              description: "Blockchain-backed verification ensures your images maintain authenticity and can be traced to their original source",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/futuristic-ai-powered-insights-interface-1773296682617-a97396b8.png?_wi=1"
             },
             {
               id: 3,
-              title: "Seamless Integration",              description: "Connect with your favorite tools and services in minutes, not days",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/integration-visualization-showing-multip-1773296681944-f212f7f5.png"
+              title: "Instant Protection",              description: "Protect your images in seconds with our one-click protection system - no technical knowledge required",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/integration-visualization-showing-multip-1773296681944-f212f7f5.png?_wi=1"
             },
             {
               id: 4,
-              title: "Enterprise Security",              description: "Bank-level encryption and compliance standards to keep your data safe",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/enterprise-security-visualization-showin-1773296682523-d5fc12f7.png"
+              title: "Enterprise-Grade Security",              description: "Bank-level encryption and compliance standards to keep your image data safe and compliant with global regulations",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/enterprise-security-visualization-showin-1773296682523-d5fc12f7.png?_wi=1"
             }
           ]}
         />
@@ -103,19 +103,19 @@ export default function LandingPage() {
 
       <div id="metrics" data-section="metrics">
         <MetricCardEleven
-          title="Trusted by Innovators"
-          description="See the impact our platform has made for startups worldwide"
-          tag="Results"
+          title="Trusted by Content Creators Worldwide"
+          description="See how PixVault is protecting millions of images and preventing deepfake fraud"
+          tag="Impact"
           tagIcon={Award}
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
           metrics={[
             {
-              id: "1",              value: "500K+",              title: "Active Users",              description: "Growing community of innovators and builders",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-vibrant-illustration-of-a-diverse-glob-1773296682285-3bb44762.png"
+              id: "1",              value: "2M+",              title: "Images Protected",              description: "Growing protection for creators and professionals globally",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-vibrant-illustration-of-a-diverse-glob-1773296682285-3bb44762.png?_wi=1"
             },
             {
-              id: "2",              value: "98%",              title: "Uptime",              description: "Industry-leading reliability and performance",              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: "99.8%",              title: "Detection Accuracy",              description: "Industry-leading accuracy in identifying manipulated images",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-reliability-dashboard-showing-98-uptim-1773296682818-258e6f84.png?_wi=1"
             }
           ]}
         />
@@ -123,24 +123,24 @@ export default function LandingPage() {
 
       <div id="team" data-section="team">
         <TeamCardTen
-          title="Meet the Team Behind Innovation"
+          title="Meet the Experts Behind PixVault"
           tag="Team"
           tagAnimation="slide-up"
-          membersAnimation="blur-reveal"
+          membersAnimation="slide-up"
           memberVariant="default"
           useInvertedBackground={false}
           members={[
             {
-              id: "1",              name: "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: "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?_wi=1"
             },
             {
-              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: "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?_wi=1"
             },
             {
-              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: "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?_wi=1"
             },
             {
-              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"
+              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?_wi=1"
             }
           ]}
         />
@@ -148,38 +148,38 @@ export default function LandingPage() {
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardThirteen
-          title="What Our Customers Say"
-          description="Hear from founders and leaders who transformed their startups with our platform"
+          title="What Our Users Say"
+          description="Hear from photographers, influencers, and professionals who trust PixVault to protect their visual identity"
           tag="Testimonials"
           tagIcon={MessageSquare}
           textboxLayout="default"
-          animationType="scale-rotate"
+          animationType="slide-up"
           useInvertedBackground={false}
           showRating={true}
           testimonials={[
             {
-              id: "1",              name: "Jessica Palmer",              handle: "@jpalmer",              testimonial: "This platform completely transformed how we manage our startup. The 3D analytics made data analysis intuitive and our team productivity increased by 40%.",              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: "1",              name: "Jessica Palmer",              handle: "@jpalmer",              testimonial: "PixVault gave me peace of mind knowing my images are protected from deepfake manipulation. It's essential in today's digital landscape.",              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?_wi=1"
             },
             {
-              id: "2",              name: "Alex Thompson",              handle: "@athompson",              testimonial: "The best investment we made for our startup. Support is incredible and the features just keep getting better.",              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: "Alex Thompson",              handle: "@athompson",              testimonial: "The best investment for protecting my personal brand. Simple, effective, and the customer support is outstanding.",              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?_wi=1"
             },
             {
-              id: "3",              name: "Priya Nakamura",              handle: "@pnakamura",              testimonial: "Integration was seamless and we went live in days. Highly recommend to any growing startup.",              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: "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?_wi=1"
             },
             {
-              id: "4",              name: "Michael Liu",              handle: "@mliu",              testimonial: "The AI-powered insights have been game-changing for our decision making. Worth every penny.",              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: "Michael Liu",              handle: "@mliu",              testimonial: "The detection accuracy is impressive. I've tested it extensively and it catches manipulations that other tools miss.",              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?_wi=1"
             },
             {
-              id: "5",              name: "Emma Watson",              handle: "@ewatson",              testimonial: "Clean interface, powerful features, and outstanding customer support. This is how SaaS should be done.",              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: "5",              name: "Emma Watson",              handle: "@ewatson",              testimonial: "Clean interface, powerful protection, and outstanding support. This is how security software should be designed.",              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?_wi=1"
             },
             {
-              id: "6",              name: "James Rodriguez",              handle: "@jrodriguez",              testimonial: "Scaled our operations without scaling our team's workload. The platform does the heavy lifting.",              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"
+              id: "6",              name: "James Rodriguez",              handle: "@jrodriguez",              testimonial: "As a content creator, protecting my work is critical. PixVault lets me focus on creating 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?_wi=1"
             }
           ]}
         />
@@ -187,16 +187,16 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactSplitForm
-          title="Ready to Transform Your Startup?"
-          description="Get in touch with our team today. We're here to answer your questions and help you get started on your journey to success."
+          title="Ready to Protect Your Images?"
+          description="Get in touch with our team today. We're here to answer your questions and help you secure your visual content against deepfake threats."
           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 startup...", rows: 5, required: true }}
+          textarea={{ name: "message", placeholder: "Tell us about your protection 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="Startup team planning and collaboration"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApjjEMdLbuFj7QkeIlqfV9MeeI/a-dynamic-startup-workspace-showing-a-te-1773296682664-2dc0a512.png?_wi=1"
+          imageAlt="PixVault security team collaboration"
           mediaAnimation="none"
           mediaPosition="right"
           buttonText="Send Message"
@@ -205,8 +205,8 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterCard
-          logoText="Startup"
-          copyrightText="© 2025 Startup. All rights reserved."
+          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" },
@@ -216,4 +216,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -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);

src/app/upload/page.tsx

@@ -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>
+  );
+}

src/app/verify/page.tsx

@@ -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>
+  );
+}