Merge version_1 into main #3
@@ -11,11 +11,10 @@ import { ArrowRight, Upload, ImageIcon, Shield, TrendingUp, Users } from "lucide
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Scan", id: "/scan" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
@@ -32,7 +31,7 @@ export default function AboutPage() {
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#blog" },
|
||||
{ label: "Careers", href: "#careers" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -60,7 +59,7 @@ export default function AboutPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -79,7 +78,7 @@ export default function AboutPage() {
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Face Scan", description: "Point your phone camera and instantly match your face with photos from any event.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-close-up-of-a-face-detection-technolog-1772857112792-4ab60184.png", imageAlt: "Face scanning interface", buttonIcon: ArrowRight,
|
||||
buttonHref: "#scan"},
|
||||
buttonHref: "/scan"},
|
||||
{
|
||||
title: "Fast Media Upload", description: "Admins can drag-and-drop bulk photos and videos. AI automatically detects faces and creates searchable embeddings.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/an-admin-dashboard-showing-bulk-media-up-1772857113854-eb341710.png", imageAlt: "Media upload dashboard", buttonIcon: Upload,
|
||||
buttonHref: "#admin"},
|
||||
@@ -122,11 +121,11 @@ export default function AboutPage() {
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Try It Now", href: "#scan"},
|
||||
text: "Try It Now", href: "/scan"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Performance metrics section"
|
||||
|
||||
@@ -3,24 +3,20 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import Link from "next/link";
|
||||
import { HelpCircle } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Scan", id: "/scan" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Face Scan", href: "#scan" },
|
||||
{ label: "Admin Dashboard", href: "#admin" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
@@ -28,17 +24,15 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#blog" },
|
||||
{ label: "Careers", href: "#careers" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#docs" },
|
||||
{ label: "API Reference", href: "#api" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
@@ -46,8 +40,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#privacy" },
|
||||
{ label: "Terms of Service", href: "#terms" },
|
||||
{ label: "Cookie Policy", href: "#cookies" },
|
||||
@@ -63,7 +56,7 @@ export default function ContactPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -73,7 +66,7 @@ export default function ContactPage() {
|
||||
<NavbarStyleCentered
|
||||
brandName="MediaClub"
|
||||
navItems={navItems}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -82,34 +75,17 @@ export default function ContactPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions about MediaClub or need support? We're here to help. Contact our team and we'll respond within 24 hours."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your full name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "your@email.com",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "event",
|
||||
type: "text",
|
||||
placeholder: "Which event? (e.g., Tech Fest 2025)",
|
||||
required: false,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your full name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
|
||||
{ name: "event", type: "text", placeholder: "Which event? (e.g., Tech Fest 2025)", required: false },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Tell us how we can help...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-modern-tech-workspace-or-office-settin-1772857113672-8bac0aab.png?_wi=4"
|
||||
imageAlt="MediaClub team collaboration"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-modern-tech-workspace-or-office-settin-1772857113672-8bac0aab.png"
|
||||
imageAlt="A modern tech workspace or office setting showing collaboration and innovation"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
@@ -117,43 +93,6 @@ export default function ContactPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Contact Support FAQ"
|
||||
description="Common questions about reaching our support team and getting help."
|
||||
tag="Help"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What's the best way to contact support?",
|
||||
content: "You can reach our support team via the contact form on this page, or email us directly at support@mediaclub.app. We typically respond within 24 hours during business days.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I report a technical issue?",
|
||||
content: "Please describe the issue in detail using our contact form, including your device type, browser, and any error messages you see. Include screenshots if possible to help us troubleshoot faster.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer phone support?",
|
||||
content: "Currently, we support contact via email and our web form. For urgent issues, please mark your inquiry as high priority in the contact form and we'll prioritize your request.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/an-illustration-showing-a-person-scannin-1772857112825-a0b1d65e.png?_wi=3"
|
||||
imageAlt="Support illustration"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
showCard={true}
|
||||
ariaLabel="Contact page FAQ section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
|
||||
279
src/app/page.tsx
279
src/app/page.tsx
@@ -5,26 +5,25 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import Link from "next/link";
|
||||
import { Sparkles, Zap, FolderOpen, TrendingUp, HelpCircle } from "lucide-react";
|
||||
import { Sparkles, Zap, ArrowRight, Upload, ImageIcon, Shield, FolderOpen, Users, TrendingUp, HelpCircle } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Scan", id: "/scan" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Face Scan", href: "#scan" },
|
||||
{ label: "Admin Dashboard", href: "#admin" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
@@ -32,17 +31,15 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#blog" },
|
||||
{ label: "Careers", href: "#careers" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#docs" },
|
||||
{ label: "API Reference", href: "#api" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
@@ -50,8 +47,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#privacy" },
|
||||
{ label: "Terms of Service", href: "#terms" },
|
||||
{ label: "Cookie Policy", href: "#cookies" },
|
||||
@@ -67,7 +63,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -77,7 +73,7 @@ export default function HomePage() {
|
||||
<NavbarStyleCentered
|
||||
brandName="MediaClub"
|
||||
navItems={navItems}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -89,36 +85,24 @@ export default function HomePage() {
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Scan Your Face", href: "#scan" },
|
||||
{ text: "Scan Your Face", href: "/scan" },
|
||||
{ text: "Learn More", href: "#how-it-works" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-modern-mobile-app-interface-showing-a--1772857114068-078df87b.png?_wi=1",
|
||||
},
|
||||
id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-modern-mobile-app-interface-showing-a--1772857114068-078df87b.png", imageAlt: "A modern mobile app interface showing a face recognition media gallery"},
|
||||
{
|
||||
id: "carousel-2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png?_wi=1",
|
||||
},
|
||||
id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png", imageAlt: "A personal media gallery view showing a grid of photos and videos"},
|
||||
{
|
||||
id: "carousel-3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-close-up-of-a-face-detection-technolog-1772857112792-4ab60184.png?_wi=1",
|
||||
},
|
||||
id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-close-up-of-a-face-detection-technolog-1772857112792-4ab60184.png", imageAlt: "A close-up of a face detection technology in action"},
|
||||
{
|
||||
id: "carousel-4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/an-admin-dashboard-showing-bulk-media-up-1772857113854-eb341710.png?_wi=1",
|
||||
},
|
||||
id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/an-admin-dashboard-showing-bulk-media-up-1772857113854-eb341710.png", imageAlt: "An admin dashboard showing bulk media upload functionality"},
|
||||
{
|
||||
id: "carousel-5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-modern-mobile-app-interface-showing-a--1772857114068-078df87b.png?_wi=2",
|
||||
},
|
||||
id: "carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-modern-mobile-app-interface-showing-a--1772857114068-078df87b.png", imageAlt: "A modern mobile app interface showing a face recognition media gallery"},
|
||||
{
|
||||
id: "carousel-6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png?_wi=2",
|
||||
},
|
||||
id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png", imageAlt: "A personal media gallery view showing a grid of photos and videos"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -135,46 +119,21 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Face Scan",
|
||||
description: "Point your phone camera and instantly match your face with photos from any event.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-close-up-of-a-face-detection-technolog-1772857112792-4ab60184.png?_wi=2",
|
||||
imageAlt: "Face scanning interface",
|
||||
buttonIcon: Sparkles,
|
||||
buttonHref: "#scan",
|
||||
},
|
||||
title: "Real-Time Face Scan", description: "Point your phone camera and instantly match your face with photos from any event.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-close-up-of-a-face-detection-technolog-1772857112792-4ab60184.png", imageAlt: "Face scanning interface", buttonIcon: ArrowRight,
|
||||
buttonHref: "/scan"},
|
||||
{
|
||||
title: "Fast Media Upload",
|
||||
description: "Admins can drag-and-drop bulk photos and videos. AI automatically detects faces and creates searchable embeddings.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/an-admin-dashboard-showing-bulk-media-up-1772857113854-eb341710.png?_wi=2",
|
||||
imageAlt: "Media upload dashboard",
|
||||
buttonIcon: Zap,
|
||||
buttonHref: "#admin",
|
||||
},
|
||||
title: "Fast Media Upload", description: "Admins can drag-and-drop bulk photos and videos. AI automatically detects faces and creates searchable embeddings.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/an-admin-dashboard-showing-bulk-media-up-1772857113854-eb341710.png", imageAlt: "Media upload dashboard", buttonIcon: Upload,
|
||||
buttonHref: "#admin"},
|
||||
{
|
||||
title: "Personal Gallery",
|
||||
description: "View only your matched photos and videos in a beautiful grid layout with instant downloads.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png?_wi=3",
|
||||
imageAlt: "Personal media gallery",
|
||||
buttonIcon: FolderOpen,
|
||||
buttonHref: "#gallery",
|
||||
},
|
||||
title: "Personal Gallery", description: "View only your matched photos and videos in a beautiful grid layout with instant downloads.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png", imageAlt: "Personal media gallery", buttonIcon: ImageIcon,
|
||||
buttonHref: "#gallery"},
|
||||
{
|
||||
title: "Privacy First",
|
||||
description: "Face embeddings are encrypted. No raw biometric data stored. Secure tokens protect downloads.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-close-up-of-a-face-detection-technolog-1772857112792-4ab60184.png?_wi=3",
|
||||
imageAlt: "Security illustration",
|
||||
buttonIcon: Sparkles,
|
||||
buttonHref: "/about",
|
||||
},
|
||||
title: "Privacy First", description: "Face embeddings are encrypted. No raw biometric data stored. Secure tokens protect downloads.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-close-up-of-a-face-detection-technolog-1772857112792-4ab60184.png", imageAlt: "Security illustration", buttonIcon: Shield,
|
||||
buttonHref: "/about"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore All Features",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore All Features", href: "#how-it-works" }]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Core features section"
|
||||
/>
|
||||
@@ -189,101 +148,72 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "MediaClub",
|
||||
name: "Podcast Recording Session",
|
||||
price: "Free Access",
|
||||
rating: 5,
|
||||
reviewCount: "450+ photos",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png?_wi=4",
|
||||
imageAlt: "Podcast event photos",
|
||||
},
|
||||
id: "1", brand: "MediaClub", name: "Podcast Recording Session", price: "Free Access", rating: 5,
|
||||
reviewCount: "450+ photos", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png", imageAlt: "Podcast event photos"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "MediaClub",
|
||||
name: "Tech Fest 2025",
|
||||
price: "Free Access",
|
||||
rating: 5,
|
||||
reviewCount: "1.2K+ photos",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png?_wi=5",
|
||||
imageAlt: "Tech fest event photos",
|
||||
},
|
||||
id: "2", brand: "MediaClub", name: "Tech Fest 2025", price: "Free Access", rating: 5,
|
||||
reviewCount: "1.2K+ photos", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png", imageAlt: "Tech fest event photos"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "MediaClub",
|
||||
name: "Media Workshop",
|
||||
price: "Free Access",
|
||||
rating: 5,
|
||||
reviewCount: "380+ photos",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png?_wi=6",
|
||||
imageAlt: "Workshop event photos",
|
||||
},
|
||||
id: "3", brand: "MediaClub", name: "Media Workshop", price: "Free Access", rating: 5,
|
||||
reviewCount: "380+ photos", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png", imageAlt: "Workshop event photos"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "MediaClub",
|
||||
name: "Freshers Party 2025",
|
||||
price: "Free Access",
|
||||
rating: 5,
|
||||
reviewCount: "890+ photos",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png?_wi=7",
|
||||
imageAlt: "Freshers party event photos",
|
||||
},
|
||||
id: "4", brand: "MediaClub", name: "Freshers Party 2025", price: "Free Access", rating: 5,
|
||||
reviewCount: "890+ photos", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png", imageAlt: "Freshers party event photos"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
carouselMode="buttons"
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Events",
|
||||
href: "#scan",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View All Events", href: "/scan" }]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Event catalog section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/portrait-photo-of-a-college-student-prof-1772857114322-e6805898.png", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2", name: "Arjun Patel", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/portrait-photo-of-another-college-studen-1772857112494-7b46bc25.png", imageAlt: "Arjun Patel"},
|
||||
{
|
||||
id: "3", name: "Emma Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/portrait-photo-of-a-college-student-or-y-1772857113513-1b7886e3.png", imageAlt: "Emma Rodriguez"},
|
||||
{
|
||||
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/portrait-photo-of-another-college-studen-1772857113597-01c94bf0.png", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5", name: "Priya Sharma", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/portrait-photo-of-a-college-student-or-m-1772857112686-83fc2c71.png", imageAlt: "Priya Sharma"},
|
||||
{
|
||||
id: "6", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/portrait-photo-of-another-college-studen-1772857112519-a13402d2.png", imageAlt: "Michael Chen"},
|
||||
]}
|
||||
cardTitle="Trusted by 5,000+ College Students Worldwide"
|
||||
cardTag="Join the community"
|
||||
cardTagIcon={Users}
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Student testimonials section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "< 5s",
|
||||
description: "Average Face Scan Time",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "99.8%",
|
||||
description: "Face Recognition Accuracy",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5,000+",
|
||||
description: "Active Students",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "50K+",
|
||||
description: "Photos Matched",
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="See how MediaClub is transforming the way students access event photos."
|
||||
tag="Performance"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", value: "< 5s", description: "Average Face Scan Time" },
|
||||
{ id: "2", value: "99.8%", description: "Face Recognition Accuracy" },
|
||||
{ id: "3", value: "5,000+", description: "Active Students" },
|
||||
{ id: "4", value: "50K+", description: "Photos Matched" },
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Try It Now",
|
||||
href: "#scan",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Try It Now", href: "/scan" }]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Performance metrics section"
|
||||
/>
|
||||
@@ -298,38 +228,20 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does face recognition work?",
|
||||
content: "Our AI technology scans your face and converts it into a unique digital signature (embedding). This signature is compared against embeddings from photos in the event database to find matches. The entire process takes less than 5 seconds and is privacy-first—we never store raw facial data.",
|
||||
},
|
||||
id: "1", title: "How does face recognition work?", content: "Our AI technology scans your face and converts it into a unique digital signature (embedding). This signature is compared against embeddings from photos in the event database to find matches. The entire process takes less than 5 seconds and is privacy-first—we never store raw facial data."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is my data safe and private?",
|
||||
content: "Yes. We use encrypted storage for all face embeddings, secure access tokens for downloads, and HTTPS communication. Face embeddings are mathematical representations, not biometric raw data. We comply with privacy standards and give you full control over your information.",
|
||||
},
|
||||
id: "2", title: "Is my data safe and private?", content: "Yes. We use encrypted storage for all face embeddings, secure access tokens for downloads, and HTTPS communication. Face embeddings are mathematical representations, not biometric raw data. We comply with privacy standards and give you full control over your information."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I download all my photos at once?",
|
||||
content: "Yes, our platform supports bulk downloading. After face verification, you can select multiple photos and videos and download them all at once. Large batches may be compressed as ZIP files for faster download.",
|
||||
},
|
||||
id: "3", title: "Can I download all my photos at once?", content: "Yes, our platform supports bulk downloading. After face verification, you can select multiple photos and videos and download them all at once. Large batches may be compressed as ZIP files for faster download."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How long are photos stored on the platform?",
|
||||
content: "Photos and videos are stored until the event is archived. Event archival timelines are set by administrators. You can download your photos anytime after matching. Contact your event admin for specific retention policies.",
|
||||
},
|
||||
id: "4", title: "How long are photos stored on the platform?", content: "Photos and videos are stored until the event is archived. Event archival timelines are set by administrators. You can download your photos anytime after matching. Contact your event admin for specific retention policies."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What if face recognition doesn't recognize me?",
|
||||
content: "Face recognition works best with clear frontal photos and good lighting. If the system doesn't find matches, try rescanning from a different angle or under better lighting. If you're still having issues, contact the event administrator to manually verify your identity.",
|
||||
},
|
||||
id: "5", title: "What if face recognition doesn't recognize me?", content: "Face recognition works best with clear frontal photos and good lighting. If the system doesn't find matches, try rescanning from a different angle or under better lighting. If you're still having issues, contact the event administrator to manually verify your identity."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Can I share my photos with friends?",
|
||||
content: "You can download your matched photos and share them freely. We also offer shareable links with optional watermarking for public sharing. Contact admin for link generation and sharing controls.",
|
||||
},
|
||||
id: "6", title: "Can I share my photos with friends?", content: "You can download your matched photos and share them freely. We also offer shareable links with optional watermarking for public sharing. Contact admin for link generation and sharing controls."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/an-illustration-showing-a-person-scannin-1772857112825-a0b1d65e.png?_wi=1"
|
||||
imageAlt="Face recognition FAQ illustration"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/an-illustration-showing-a-person-scannin-1772857112825-a0b1d65e.png"
|
||||
imageAlt="An illustration showing a person scanning their face with a smartphone"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
textboxLayout="default"
|
||||
@@ -346,34 +258,17 @@ export default function HomePage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions about MediaClub or need support? We're here to help. Contact our team and we'll respond within 24 hours."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your full name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "your@email.com",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "event",
|
||||
type: "text",
|
||||
placeholder: "Which event? (e.g., Tech Fest 2025)",
|
||||
required: false,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your full name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
|
||||
{ name: "event", type: "text", placeholder: "Which event? (e.g., Tech Fest 2025)", required: false },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Tell us how we can help...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-modern-tech-workspace-or-office-settin-1772857113672-8bac0aab.png?_wi=1"
|
||||
imageAlt="MediaClub team collaboration"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-modern-tech-workspace-or-office-settin-1772857113672-8bac0aab.png"
|
||||
imageAlt="A modern tech workspace or office setting showing collaboration and innovation"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
|
||||
@@ -1,28 +1,55 @@
|
||||
"use client";
|
||||
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import Link from "next/link";
|
||||
import { Sparkles, Zap, TrendingUp, HelpCircle, ArrowRight, Upload, ImageIcon, Shield } from "lucide-react";
|
||||
import { TrendingUp } from "lucide-react";
|
||||
|
||||
export default function ScanPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Scan", id: "/scan" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const navLinks = navItems.map((item) => ({
|
||||
name: item.name,
|
||||
id: item.id,
|
||||
}));
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Face Scan", href: "#scan" },
|
||||
{ label: "Admin Dashboard", href: "#admin" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#blog" },
|
||||
{ label: "Careers", href: "#careers" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#docs" },
|
||||
{ label: "API Reference", href: "#api" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Support", href: "#support" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#privacy" },
|
||||
{ label: "Terms of Service", href: "#terms" },
|
||||
{ label: "Cookie Policy", href: "#cookies" },
|
||||
{ label: "Security", href: "#security" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -31,7 +58,7 @@ export default function ScanPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -39,253 +66,67 @@ export default function ScanPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navLinks}
|
||||
button={{ text: "Get Started", href: "/gallery" }}
|
||||
brandName="MediaClub"
|
||||
navItems={navItems}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Find Your Memories Instantly"
|
||||
description="Scan your face, access your photos and videos from college events in seconds. Secure, private, and lightning-fast."
|
||||
tag="Face Recognition Technology"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Scan Your Face", href: "/scan" },
|
||||
{ text: "Learn More", href: "/gallery" },
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Scan Your Face"
|
||||
description="Upload a clear photo of your face to search through our event gallery and find all photos and videos featuring you."
|
||||
inputs={[
|
||||
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
|
||||
{ name: "event", type: "text", placeholder: "Event name (optional)", required: false },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-1",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-modern-mobile-app-interface-showing-a--1772857114068-078df87b.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "carousel-2",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png?_wi=11",
|
||||
},
|
||||
{
|
||||
id: "carousel-3",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-close-up-of-a-face-detection-technolog-1772857112792-4ab60184.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "carousel-4",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/an-admin-dashboard-showing-bulk-media-up-1772857113854-eb341710.png?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "carousel-5",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-modern-mobile-app-interface-showing-a--1772857114068-078df87b.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "carousel-6",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png?_wi=12",
|
||||
},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
ariaLabel="MediaClub app showcase carousel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
title="Powerful Features for Students & Admins"
|
||||
description="Everything you need to manage event media and find your personal photos seamlessly."
|
||||
tag="Core Features"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Face Scan",
|
||||
description:
|
||||
"Point your phone camera and instantly match your face with photos from any event.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-close-up-of-a-face-detection-technolog-1772857112792-4ab60184.png?_wi=5",
|
||||
imageAlt: "Face scanning interface",
|
||||
buttonIcon: ArrowRight,
|
||||
buttonHref: "/scan",
|
||||
},
|
||||
{
|
||||
title: "Fast Media Upload",
|
||||
description:
|
||||
"Admins can drag-and-drop bulk photos and videos. AI automatically detects faces and creates searchable embeddings.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/an-admin-dashboard-showing-bulk-media-up-1772857113854-eb341710.png?_wi=8",
|
||||
imageAlt: "Media upload dashboard",
|
||||
buttonIcon: Upload,
|
||||
buttonHref: "/gallery",
|
||||
},
|
||||
{
|
||||
title: "Personal Gallery",
|
||||
description:
|
||||
"View only your matched photos and videos in a beautiful grid layout with instant downloads.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-personal-media-gallery-view-showing-a--1772857113242-38df4644.png?_wi=13",
|
||||
imageAlt: "Personal media gallery",
|
||||
buttonIcon: ImageIcon,
|
||||
buttonHref: "/gallery",
|
||||
},
|
||||
{
|
||||
title: "Privacy First",
|
||||
description:
|
||||
"Face embeddings are encrypted. No raw biometric data stored. Secure tokens protect downloads.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-close-up-of-a-face-detection-technolog-1772857112792-4ab60184.png?_wi=6",
|
||||
imageAlt: "Security illustration",
|
||||
buttonIcon: Shield,
|
||||
buttonHref: "/scan",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
textarea={{
|
||||
name: "message", placeholder: "Any additional details...", rows: 3,
|
||||
required: false,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Explore All Features", href: "/gallery" }]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Core features section"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/a-close-up-of-a-face-detection-technolog-1772857112792-4ab60184.png"
|
||||
imageAlt="Face recognition technology in action"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Start Scanning"
|
||||
ariaLabel="Face scan form section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "< 5s", description: "Average Face Scan Time"},
|
||||
{
|
||||
id: "2", value: "99.8%", description: "Face Recognition Accuracy"},
|
||||
{
|
||||
id: "3", value: "5,000+", description: "Active Students"},
|
||||
{
|
||||
id: "4", value: "50K+", description: "Photos Matched"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="See how MediaClub is transforming the way students access event photos."
|
||||
tag="Performance"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "< 5s",
|
||||
description: "Average Face Scan Time",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "99.8%",
|
||||
description: "Face Recognition Accuracy",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5,000+",
|
||||
description: "Active Students",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "50K+",
|
||||
description: "Photos Matched",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
buttons={[{ text: "Try It Now", href: "/scan" }]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Try It Now", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Performance metrics section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to common questions about MediaClub and how face recognition works."
|
||||
tag="Help"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does face recognition work?",
|
||||
content:
|
||||
"Our AI technology scans your face and converts it into a unique digital signature (embedding). This signature is compared against embeddings from photos in the event database to find matches. The entire process takes less than 5 seconds and is privacy-first—we never store raw facial data.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is my data safe and private?",
|
||||
content:
|
||||
"Yes. We use encrypted storage for all face embeddings, secure access tokens for downloads, and HTTPS communication. Face embeddings are mathematical representations, not biometric raw data. We comply with privacy standards and give you full control over your information.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I download all my photos at once?",
|
||||
content:
|
||||
"Yes, our platform supports bulk downloading. After face verification, you can select multiple photos and videos and download them all at once. Large batches may be compressed as ZIP files for faster download.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "How long are photos stored on the platform?",
|
||||
content:
|
||||
"Photos and videos are stored until the event is archived. Event archival timelines are set by administrators. You can download your photos anytime after matching. Contact your event admin for specific retention policies.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "What if face recognition doesn't recognize me?",
|
||||
content:
|
||||
"Face recognition works best with clear frontal photos and good lighting. If the system doesn't find matches, try rescanning from a different angle or under better lighting. If you're still having issues, contact the event administrator to manually verify your identity.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Can I share my photos with friends?",
|
||||
content:
|
||||
"You can download your matched photos and share them freely. We also offer shareable links with optional watermarking for public sharing. Contact admin for link generation and sharing controls.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbM9u5glRGr0S8NFvHPK1Euoaf/an-illustration-showing-a-person-scannin-1772857112825-a0b1d65e.png?_wi=2"
|
||||
imageAlt="Face recognition FAQ illustration"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
showCard={true}
|
||||
ariaLabel="FAQ section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Face Scan", href: "/scan" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Features", href: "/scan" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/scan" },
|
||||
{ label: "Blog", href: "/scan" },
|
||||
{ label: "Careers", href: "/scan" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{ label: "Documentation", href: "/scan" },
|
||||
{ label: "API Reference", href: "/scan" },
|
||||
{ label: "Support", href: "/scan" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "/scan" },
|
||||
{ label: "Terms of Service", href: "/scan" },
|
||||
{ label: "Security", href: "/scan" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2025 MediaClub. All rights reserved."
|
||||
bottomRightText="Built for students, by innovators."
|
||||
ariaLabel="Site footer"
|
||||
|
||||
Reference in New Issue
Block a user