Update src/app/page.tsx

This commit is contained in:
2026-05-10 21:05:37 +00:00
parent 3984843038
commit 28e4385906

View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "FAQ",
id: "#faq",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
]}
brandName="AI Mode"
/>
@@ -58,65 +46,20 @@ export default function LandingPage() {
title="Redefining Intelligence with AI Mode"
description="Experience the next evolution of productivity through intelligent, adaptive AI workflows designed for scale."
testimonials={[
{
name: "Alice Wong",
handle: "@awong",
testimonial: "AI Mode transformed our daily operations instantly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg?_wi=1",
},
{
name: "Bob Smith",
handle: "@bsmith",
testimonial: "The best AI implementation we've used yet.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-office_1098-22034.jpg?_wi=1",
},
{
name: "Elena P.",
handle: "@eprod",
testimonial: "Exceeded all our expectations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
},
{
name: "Mark Kim",
handle: "@mkim",
testimonial: "Reliable, robust, and extremely fast.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
},
{
name: "Jane Doe",
handle: "@janed",
testimonial: "Fantastic service and AI implementation.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
},
{ name: "Alice Wong", handle: "@awong", testimonial: "AI Mode transformed our daily operations instantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg" },
{ name: "Bob Smith", handle: "@bsmith", testimonial: "The best AI implementation we've used yet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-office_1098-22034.jpg" },
{ name: "Elena P.", handle: "@eprod", testimonial: "Exceeded all our expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
{ name: "Mark Kim", handle: "@mkim", testimonial: "Reliable, robust, and extremely fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
{ name: "Jane Doe", handle: "@janed", testimonial: "Fantastic service and AI implementation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-medical-background-with-male-figure-with-brain-highlighted-techno-overlay_1048-13543.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/3d-render-medical-background-with-male-figure-with-brain-highlighted-techno-overlay_1048-13543.jpg"
showBlur={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg",
alt: "Senior man looking at camera smiling",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-man-standing-holding-tablet-computer_1262-18710.jpg",
alt: "Smiling young man holding tablet",
},
{
src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
alt: "Technician in data center",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg",
alt: "Portrait of handsome young man",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
alt: "Front view of businessman",
},
{ src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg", alt: "Senior man looking at camera smiling" },
{ src: "http://img.b2bpic.net/free-photo/smiling-young-man-standing-holding-tablet-computer_1262-18710.jpg", alt: "Smiling young man holding tablet" },
{ src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg", alt: "Technician in data center" },
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg", alt: "Portrait of handsome young man" },
{ src: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg", alt: "Front view of businessman" }
]}
avatarText="Trusted by 500+ global leaders"
/>
@@ -126,15 +69,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Built for the Future of Innovation.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/happy-employee-analyzing-graphs-wearing-headset_482257-77560.jpg",
alt: "About AI Mode",
},
{ type: "text", content: "Built for the Future of Innovation." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/happy-employee-analyzing-graphs-wearing-headset_482257-77560.jpg", alt: "About AI Mode" }
]}
/>
</div>
@@ -145,42 +81,9 @@ export default function LandingPage() {
textboxLayout="inline-image"
useInvertedBackground={true}
features={[
{
title: "Automated Scaling",
description: "Seamlessly scale your operations with intelligent, automated resource management.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/data-center-employee-deploying-ai-solutions-optimizing-equipment_482257-130473.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-medical-background-with-male-figure-with-brain-highlighted-techno-overlay_1048-13543.jpg?_wi=2",
imageAlt: "saas dashboard interface analytics",
},
{
title: "Predictive Analytics",
description: "Leverage advanced data modeling to predict market trends and opportunities.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-conducting-financial-planning-goal-setting_482257-122658.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-employee-analyzing-graphs-wearing-headset_482257-77560.jpg?_wi=1",
imageAlt: "saas dashboard interface analytics",
},
{
title: "Secure Infrastructure",
description: "Enterprise-grade security built into every layer of our stack.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-notebook-used-by-artificial-intelligence-it-experts_482257-127615.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg?_wi=2",
imageAlt: "saas dashboard interface analytics",
},
{ title: "Automated Scaling", description: "Seamlessly scale your operations with intelligent, automated resource management.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/data-center-employee-deploying-ai-solutions-optimizing-equipment_482257-130473.jpg" } },
{ title: "Predictive Analytics", description: "Leverage advanced data modeling to predict market trends and opportunities.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-conducting-financial-planning-goal-setting_482257-122658.jpg" } },
{ title: "Secure Infrastructure", description: "Enterprise-grade security built into every layer of our stack.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-notebook-used-by-artificial-intelligence-it-experts_482257-127615.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg" } }
]}
showStepNumbers={true}
title="Intelligent Features"
@@ -194,38 +97,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
price: "$99/mo",
subtitle: "For small teams starting up",
buttons: [
{
text: "Get Started",
},
],
features: [
"Core AI features",
"Email support",
"Basic analytics",
],
},
{
id: "pro",
badge: "Advanced",
price: "$299/mo",
subtitle: "For scaling enterprises",
buttons: [
{
text: "Get Started",
},
],
features: [
"Advanced predictive modeling",
"Priority support",
"Full API access",
],
},
{ id: "basic", badge: "Starter", price: "$99/mo", subtitle: "For small teams starting up", buttons: [{ text: "Get Started" }], features: ["Core AI features", "Email support", "Basic analytics"] },
{ id: "pro", badge: "Advanced", price: "$299/mo", subtitle: "For scaling enterprises", buttons: [{ text: "Get Started" }], features: ["Advanced predictive modeling", "Priority support", "Full API access"] }
]}
title="Transparent Pricing"
description="Choose the perfect plan to fuel your organization's growth."
@@ -239,27 +112,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "99.9%",
title: "Uptime",
description: "Reliability guaranteed.",
icon: CheckCircle,
},
{
id: "m2",
value: "500+",
title: "Partners",
description: "Scaling together.",
icon: Shield,
},
{
id: "m3",
value: "24/7",
title: "Support",
description: "Always here.",
icon: Zap,
},
{ id: "m1", value: "99.9%", title: "Uptime", description: "Reliability guaranteed.", icon: CheckCircle },
{ id: "m2", value: "500+", title: "Partners", description: "Scaling together.", icon: Shield },
{ id: "m3", value: "24/7", title: "Support", description: "Always here.", icon: Zap }
]}
title="Proven Performance"
description="Numbers that demonstrate our commitment to delivering results."
@@ -271,61 +126,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Jane Doe",
date: "Jan 2025",
title: "Director",
quote: "Fantastic service and AI implementation.",
tag: "Tech",
avatarSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-medical-background-with-male-figure-with-brain-highlighted-techno-overlay_1048-13543.jpg?_wi=3",
imageAlt: "professional headshot tech executive",
},
{
id: "2",
name: "John Smith",
date: "Feb 2025",
title: "CTO",
quote: "AI Mode is an essential part of our stack.",
tag: "SaaS",
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/happy-employee-analyzing-graphs-wearing-headset_482257-77560.jpg?_wi=2",
imageAlt: "professional headshot tech executive",
},
{
id: "3",
name: "Sarah Lee",
date: "Mar 2025",
title: "Founder",
quote: "Productivity has never been this high.",
tag: "Startup",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg?_wi=2",
imageAlt: "professional headshot tech executive",
},
{
id: "4",
name: "Mark Kim",
date: "Apr 2025",
title: "Dev",
quote: "Reliable, robust, and extremely fast.",
tag: "Software",
avatarSrc: "http://img.b2bpic.net/free-photo/successful-young-handsome-businessman_1163-5397.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg?_wi=3",
imageAlt: "professional headshot tech executive",
},
{
id: "5",
name: "Elena P.",
date: "May 2025",
title: "VP",
quote: "Exceeded all our expectations.",
tag: "Fintech",
avatarSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-138.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-office_1098-22034.jpg?_wi=2",
imageAlt: "professional headshot tech executive",
},
{ id: "1", name: "Jane Doe", date: "Jan 2025", title: "Director", quote: "Fantastic service and AI implementation.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg" },
{ id: "2", name: "John Smith", date: "Feb 2025", title: "CTO", quote: "AI Mode is an essential part of our stack.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg" },
{ id: "3", name: "Sarah Lee", date: "Mar 2025", title: "Founder", quote: "Productivity has never been this high.", tag: "Startup", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg" },
{ id: "4", name: "Mark Kim", date: "Apr 2025", title: "Dev", quote: "Reliable, robust, and extremely fast.", tag: "Software", avatarSrc: "http://img.b2bpic.net/free-photo/successful-young-handsome-businessman_1163-5397.jpg" },
{ id: "5", name: "Elena P.", date: "May 2025", title: "VP", quote: "Exceeded all our expectations.", tag: "Fintech", avatarSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-138.jpg" }
]}
title="Client Success"
description="Hear directly from those who rely on AI Mode every day."
@@ -337,21 +142,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How do I start?",
content: "Sign up on our platform and follow the onboarding wizard.",
},
{
id: "q2",
title: "Is my data secure?",
content: "Yes, we use top-tier encryption and security standards.",
},
{
id: "q3",
title: "Can I upgrade anytime?",
content: "Yes, you can scale your plan whenever your needs grow.",
},
{ id: "q1", title: "How do I start?", content: "Sign up on our platform and follow the onboarding wizard." },
{ id: "q2", title: "Is my data secure?", content: "Yes, we use top-tier encryption and security standards." },
{ id: "q3", title: "Can I upgrade anytime?", content: "Yes, you can scale your plan whenever your needs grow." }
]}
imageSrc="http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg"
title="Frequently Asked Questions"
@@ -367,25 +160,10 @@ export default function LandingPage() {
title="Get in Touch"
description="Ready to scale? Connect with our team today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{
name: "message",
placeholder: "Tell us about your needs.",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "Tell us about your needs.", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/customer-service-business-contact-concept-wooden-cube-block-which-print-screen-letter-telephone-email-address-message_616485-45.jpg"
/>
</div>
@@ -393,45 +171,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "Investor Relations",
href: "#",
},
{
label: "Blog",
href: "#",
},
],
},
{
title: "For Restaurants",
items: [
{
label: "Partner With Us",
href: "#",
},
{
label: "Consulting",
href: "#",
},
],
},
{
title: "Help",
items: [
{
label: "Support",
href: "#",
},
{
label: "Report Fraud",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "Investor Relations", href: "#" }, { label: "Blog", href: "#" }] },
{ title: "For Restaurants", items: [{ label: "Partner With Us", href: "#" }, { label: "Consulting", href: "#" }] },
{ title: "Help", items: [{ label: "Support", href: "#" }, { label: "Report Fraud", href: "#" }] }
]}
bottomLeftText="2008-2026 © AI Mode™ Ltd. All rights reserved."
bottomRightText="Terms of Service | Privacy Policy"