bender/5a0c96b3-5f53-414b-a937-dd680e4633f0
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-04 21:19:28 +00:00
parent 133a366893
commit da77c1c88a
1 changed files with 44 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

259
src/app/page.tsx
View File

@@ -32,32 +32,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Inbox",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Blog",
id: "blog",
},
{ name: "Inbox", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" },
{ name: "Blog", id: "blog" },
]}
brandName="TempMail Pro"
button={{
text: "Get Pro",
href: "#contact",
}}
button={{ text: "Get Pro", href: "#contact" }}
/>
</div>
@@ -66,40 +48,16 @@ export default function LandingPage() {
logoText="TempMail Pro"
description="Instant, secure, and ephemeral email addresses for the modern developer. Experience zero-lag polling and enterprise-grade privacy."
buttons={[
{
text: "Get Started",
href: "#",
},
{
text: "Documentation",
href: "#",
},
{ text: "Get Started", href: "#" },
{ text: "Documentation", href: "#" },
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg",
imageAlt: "Dashboard preview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
imageAlt: "Dashboard preview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg",
imageAlt: "Dashboard preview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg",
imageAlt: "Dashboard preview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg",
imageAlt: "Dashboard preview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-hand-with-pen-writing-notebook-wooden-table-man-working-coffee-shop-close-up_639032-2895.jpg",
imageAlt: "Dashboard preview",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg", imageAlt: "Dashboard preview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg", imageAlt: "Dashboard preview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg", imageAlt: "Dashboard preview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg", imageAlt: "Dashboard preview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg", imageAlt: "Dashboard preview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-hand-with-pen-writing-notebook-wooden-table-man-working-coffee-shop-close-up_639032-2895.jpg", imageAlt: "Dashboard preview" },
]}
/>
</div>
@@ -111,21 +69,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
features={[
{
title: "7-Second Polling",
description: "Instant email delivery, no manual refresh needed.",
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637763.jpg",
},
{
title: "Zero-Log Policy",
description: "We never store your personal data or email contents.",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139249.jpg",
},
{
title: "RTL Support",
description: "Perfectly localized for English and Arabic users.",
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg",
},
{ title: "7-Second Polling", description: "Instant email delivery, no manual refresh needed.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637763.jpg" },
{ title: "Zero-Log Policy", description: "We never store your personal data or email contents.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139249.jpg" },
{ title: "RTL Support", description: "Perfectly localized for English and Arabic users.", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg" },
]}
title="Built for Speed, Designed for Privacy"
description="Enterprise features that ensure your personal inbox stays pristine."
@@ -138,29 +84,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "free",
badge: "Free",
price: "$0",
subtitle: "Perfect for casual use.",
features: [
"10 addresses",
"Standard speed",
"HTML Preview",
],
},
{
id: "pro",
badge: "Pro",
price: "$9",
subtitle: "For power users & devs.",
features: [
"Unlimited addresses",
"API Access",
"Priority Polling",
"Custom Domains",
],
},
{ id: "free", badge: "Free", price: "$0", subtitle: "Perfect for casual use.", features: ["10 addresses", "Standard speed", "HTML Preview"] },
{ id: "pro", badge: "Pro", price: "$9", subtitle: "For power users & devs.", features: ["Unlimited addresses", "API Access", "Priority Polling", "Custom Domains"] },
]}
title="Upgrade Your Inbox"
description="Simple, transparent pricing for heavy users and developers."
@@ -169,27 +94,13 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Mail,
title: "Emails Processed",
value: "15M+",
},
{
id: "m2",
icon: Clock,
title: "Avg Delivery Time",
value: "< 1s",
},
{
id: "m3",
icon: Shield,
title: "Threats Blocked",
value: "500K+",
},
{ id: "m1", icon: Mail, title: "Emails Processed", value: "15M+" },
{ id: "m2", icon: Clock, title: "Avg Delivery Time", value: "< 1s" },
{ id: "m3", icon: Shield, title: "Threats Blocked", value: "500K+" },
]}
title="Numbers That Matter"
description="Millions of emails processed securely every single month."
@@ -200,31 +111,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex R.",
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg",
},
{
id: "2",
name: "Sarah K.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
},
{
id: "3",
name: "Jordan P.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
},
{
id: "4",
name: "Mike D.",
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
},
{
id: "5",
name: "Elena W.",
imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-132047.jpg",
},
{ id: "1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg" },
{ id: "2", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg" },
{ id: "3", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
{ id: "4", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg" },
{ id: "5", name: "Elena W.", imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-132047.jpg" },
]}
cardTitle="What Users Say"
cardTag="Testimonials"
@@ -236,21 +127,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How do I create an email?",
content: "Just land on the page, and we auto-generate one for you instantly.",
},
{
id: "f2",
title: "Are my emails secure?",
content: "Yes, messages are encrypted and deleted automatically after 24 hours.",
},
{
id: "f3",
title: "Do you offer API access?",
content: "Yes, our API is available for Pro users needing automated testing.",
},
{ id: "f1", title: "How do I create an email?", content: "Just land on the page, and we auto-generate one for you instantly." },
{ id: "f2", title: "Are my emails secure?", content: "Yes, messages are encrypted and deleted automatically after 24 hours." },
{ id: "f3", title: "Do you offer API access?", content: "Yes, our API is available for Pro users needing automated testing." },
]}
sideTitle="Common Questions"
faqsAnimation="blur-reveal"
@@ -265,36 +144,9 @@ export default function LandingPage() {
title="Privacy Insights"
description="Stay updated on the latest digital security trends and tools."
blogs={[
{
id: "b1",
category: "Privacy",
title: "Digital Privacy in 2026",
excerpt: "How to stay ahead of trackers.",
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg",
authorName: "Jane D.",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg",
date: "Jan 2026",
},
{
id: "b2",
category: "Tech",
title: "Why Devs Need Disposable Emails",
excerpt: "Testing and beyond.",
imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-home-office-enjoying-hot-beverage-while-programming_482257-93035.jpg",
authorName: "Jane D.",
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150170834.jpg",
date: "Jan 2026",
},
{
id: "b3",
category: "Security",
title: "The Rise of Spam",
excerpt: "Fighting the digital clutter.",
imageSrc: "http://img.b2bpic.net/free-photo/digital-warning-error-message-with-glitch-effect_84443-86127.jpg",
authorName: "Jane D.",
authorAvatar: "http://img.b2bpic.net/free-photo/nobody-office-desk-with-festive-decorations-business-workplace-seasonal-holiday-ornaments-celebrate-xmas-tradition-startup-company-space-corporate-job-with-winter-season-decor_482257-47141.jpg",
date: "Jan 2026",
},
{ id: "b1", category: "Privacy", title: "Digital Privacy in 2026", excerpt: "How to stay ahead of trackers.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg", authorName: "Jane D.", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg", date: "Jan 2026" },
{ id: "b2", category: "Tech", title: "Why Devs Need Disposable Emails", excerpt: "Testing and beyond.", imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-home-office-enjoying-hot-beverage-while-programming_482257-93035.jpg", authorName: "Jane D.", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150170834.jpg", date: "Jan 2026" },
{ id: "b3", category: "Security", title: "The Rise of Spam", excerpt: "Fighting the digital clutter.", imageSrc: "http://img.b2bpic.net/free-photo/digital-warning-error-message-with-glitch-effect_84443-86127.jpg", authorName: "Jane D.", authorAvatar: "http://img.b2bpic.net/free-photo/nobody-office-desk-with-festive-decorations-business-workplace-seasonal-holiday-ornaments-celebrate-xmas-tradition-startup-company-space-corporate-job-with-winter-season-decor_482257-47141.jpg", date: "Jan 2026" },
]}
/>
</div>
@@ -302,9 +154,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Newsletter"
title="Get Our Privacy Guide"
description="Subscribe for exclusive tips on how to master online anonymity."
@@ -315,42 +165,21 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
],
},
{
title: "Support",
items: [
{
label: "API Docs",
href: "#",
},
{
label: "Contact",
href: "#",
},
title: "Support", items: [
{ label: "API Docs", href: "#" },
{ label: "Contact", href: "#" },
],
},
{
title: "Legal",
items: [
{
label: "Terms",
href: "#",
},
{
label: "Privacy",
href: "#",
},
title: "Legal", items: [
{ label: "Terms", href: "#" },
{ label: "Privacy", href: "#" },
],
},
]}