bender/6e89a282-28c6-415c-aee8-fdd586b27e93
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 08:28:06 +00:00
parent aaa1ba0479
commit 161c649e6d
1 changed files with 32 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
src/app/page.tsx
View File

@@ -31,66 +31,26 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Benefits",
id: "#about",
},
{
name: "Features",
id: "#features",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "FAQ's",
id: "#faq",
},
{ name: "Benefits", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ's", id: "#faq" },
]}
brandName="FaceKit"
button={{
text: "Download App",
href: "#",
}}
button={{ text: "Download App", href: "#" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Train, Track, and Improve Your Face"
description="FaceKit delivers real-time 3D facial analysis, personalized feedback, and progress tracking powered by TrueDepth technology."
tag="Advanced AI Analysis"
buttons={[
{
text: "Get Started",
href: "#",
},
]}
buttons={[{ text: "Get Started", href: "#" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=1",
imageAlt: "3d facial analysis ui dark mode",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165573.jpg",
imageAlt: "3d face scan wireframe",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
imageAlt: "Empty medical cabinet in private clinic with a laptop and diagnostics",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-progress-close-up_23-2149151161.jpg",
imageAlt: "Business concept with progress close up",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003698.jpg",
imageAlt: "Scene with business person working futuristic office job",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "3d facial analysis ui dark mode" },
{ imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165573.jpg", imageAlt: "3d face scan wireframe" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -104,18 +64,9 @@ export default function LandingPage() {
title="Real Measurements, Not Vague Ratings"
description="FaceKit replaces guesswork with precise 3D data. Understand your facial structure through advanced algorithms that provide actionable, personalized insights."
metrics={[
{
value: "3D",
title: "Facial Scans",
},
{
value: "100%",
title: "Data Accuracy",
},
{
value: "24/7",
title: "Track Progress",
},
{ value: "3D", title: "Facial Scans" },
{ value: "100%", title: "Data Accuracy" },
{ value: "24/7", title: "Track Progress" },
]}
imageSrc="http://img.b2bpic.net/free-photo/facial-recognition-id-verification-technology_23-2152004085.jpg"
imageAlt="biometric face scanner interface"
@@ -129,25 +80,12 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "3D Facial Mapping",
description: "Get deep insight into your facial metrics with high-precision scans that track even the smallest changes over time.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/business-work-area_1388-82.jpg",
imageAlt: "data progress tracking app",
},
title: "3D Facial Mapping", description: "Get deep insight into your facial metrics with high-precision scans that track even the smallest changes over time.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-work-area_1388-82.jpg", imageAlt: "data progress tracking app" },
items: [
{
icon: CheckCircle,
text: "Real-time accuracy",
},
{
icon: CheckCircle,
text: "Structured measurement points",
},
{ icon: CheckCircle, text: "Real-time accuracy" },
{ icon: CheckCircle, text: "Structured measurement points" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=2",
imageAlt: "data progress tracking app",
reverse: false
},
]}
title="Everything You Need to Track Progress"
@@ -157,29 +95,18 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "95%",
title: "User Satisfaction",
description: "Users report improved routine consistency.",
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg",
id: "m1", value: "95%", title: "User Satisfaction", description: "Users report improved routine consistency.", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg"
},
{
id: "m2",
value: "100k+",
title: "Scans Performed",
description: "Thousands of users trust our data.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8147.jpg",
id: "m2", value: "100k+", title: "Scans Performed", description: "Thousands of users trust our data.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8147.jpg"
},
{
id: "m3",
value: "24/7",
title: "Continuous Access",
description: "Track your progress whenever.",
imageSrc: "http://img.b2bpic.net/free-photo/facial-recognition-collage-concept_23-2150038886.jpg",
id: "m3", value: "24/7", title: "Continuous Access", description: "Track your progress whenever.", imageSrc: "http://img.b2bpic.net/free-photo/facial-recognition-collage-concept_23-2150038886.jpg"
},
]}
title="Data That Actually Matters"
@@ -191,31 +118,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Noah Temple",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg",
},
{
id: "2",
name: "Lando Dawson",
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg",
},
{
id: "3",
name: "Lucia Rosberg",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-perfect-light-brown-skin-beautiful-curly-black-hair-smiling-camera-studio_633478-965.jpg",
},
{
id: "4",
name: "Oliver Quinn",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg",
},
{
id: "5",
name: "Marcus Thorne",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-bearded-young-man-from-spain-elegant-gray-shirt_181624-58370.jpg",
},
{ id: "1", name: "Noah Temple", imageSrc: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg" },
{ id: "2", name: "Lando Dawson", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg" },
{ id: "3", name: "Lucia Rosberg", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-perfect-light-brown-skin-beautiful-curly-black-hair-smiling-camera-studio_633478-965.jpg" },
{ id: "4", name: "Oliver Quinn", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg" },
{ id: "5", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-bearded-young-man-from-spain-elegant-gray-shirt_181624-58370.jpg" },
]}
cardTitle="What Our Users Say"
cardTag="Testimonials"
@@ -228,21 +135,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How accurate is the 3D scan?",
content: "FaceKit utilizes high-precision TrueDepth sensors for clinically accurate measurements.",
},
{
id: "f2",
title: "Can I share my progress?",
content: "Yes, you can easily export and share your progress charts directly from the app.",
},
{
id: "f3",
title: "What device do I need?",
content: "FaceKit is optimized for modern iOS devices equipped with TrueDepth camera arrays.",
},
{ id: "f1", title: "How accurate is the 3D scan?", content: "FaceKit utilizes high-precision TrueDepth sensors for clinically accurate measurements." },
{ id: "f2", title: "Can I share my progress?", content: "Yes, you can easily export and share your progress charts directly from the app." },
{ id: "f3", title: "What device do I need?", content: "FaceKit is optimized for modern iOS devices equipped with TrueDepth camera arrays." },
]}
imageSrc="http://img.b2bpic.net/free-photo/global-communication-hd-wallpaper-business-network-design_53876-153352.jpg"
title="Frequently Asked Questions"
@@ -254,50 +149,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
text="Ready to transform your facial routine? Contact us at contact@facekitapp.com for support or inquiries."
buttons={[
{
text: "Contact Support",
href: "mailto:contact@facekitapp.com",
},
]}
buttons={[{ text: "Contact Support", href: "mailto:contact@facekitapp.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Benefits",
href: "#about",
},
{
label: "Features",
href: "#features",
},
{
label: "Testimonials",
href: "#testimonials",
},
],
},
{
items: [
{
label: "FAQ's",
href: "#faq",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{ items: [{ label: "Benefits", href: "#about" }, { label: "Features", href: "#features" }, { label: "Testimonials", href: "#testimonials" }] },
{ items: [{ label: "FAQ's", href: "#faq" }, { label: "Privacy Policy", href: "#" }] },
]}
logoText="FaceKit Pro"
/>