Update src/app/page.tsx
This commit is contained in:
336
src/app/page.tsx
336
src/app/page.tsx
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user