Update src/app/page.tsx
This commit is contained in:
219
src/app/page.tsx
219
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AUTOAGENTS"
|
||||
/>
|
||||
@@ -55,55 +47,34 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="AUTOAGENTS — Your Business Grows, AI Works"
|
||||
description="Stop losing hours to routine tasks. Deploy digital employees that handle customer inquiries, data entry, and followups 24/7—so your team focuses on strategy."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-connections-background-networking-connecting-lines-dots_1048-12640.jpg"
|
||||
imageAlt="AI Business Automation Abstract"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-black-suit-posing-indoors_23-2148401472.jpg",
|
||||
alt: "User A",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-black-suit-posing-indoors_23-2148401472.jpg", alt: "User A"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85911.jpg",
|
||||
alt: "User B",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85911.jpg", alt: "User B"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-businessman-black-wall_176420-3460.jpg",
|
||||
alt: "User C",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-businessman-black-wall_176420-3460.jpg", alt: "User C"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg",
|
||||
alt: "User D",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg", alt: "User D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
alt: "User E",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg", alt: "User E"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Automation",
|
||||
},
|
||||
type: "text", text: "24/7 Automation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Workflow",
|
||||
},
|
||||
type: "text", text: "Scalable Workflow"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Security",
|
||||
},
|
||||
type: "text", text: "Enterprise Security"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Precision",
|
||||
},
|
||||
type: "text", text: "Data Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ROI Focused",
|
||||
},
|
||||
type: "text", text: "ROI Focused"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,39 +84,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Future of Scalable Operations",
|
||||
},
|
||||
type: "text", content: "The Future of Scalable Operations"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
alt: "AI Service",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", alt: "AI Service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual CRM data entry delays",
|
||||
"Team burnout from repetitive tasks",
|
||||
"Inconsistent lead follow-up quality",
|
||||
"High administrative overhead",
|
||||
"Siloed communication channels",
|
||||
],
|
||||
"Manual CRM data entry delays", "Team burnout from repetitive tasks", "Inconsistent lead follow-up quality", "High administrative overhead", "Siloed communication channels"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Real-time automated data processing",
|
||||
"Scalable support capacity 24/7",
|
||||
"Consistent, high-intent lead engagement",
|
||||
"Streamlined departmental workflows",
|
||||
"Predictable operational output",
|
||||
],
|
||||
"Real-time automated data processing", "Scalable support capacity 24/7", "Consistent, high-intent lead engagement", "Streamlined departmental workflows", "Predictable operational output"],
|
||||
}}
|
||||
title="Efficiency Without The Friction"
|
||||
description="AutoAgents seamlessly replaces repetitive workflows with precision-engineered AI intelligence."
|
||||
@@ -160,25 +117,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "85%",
|
||||
description: "Reduction in admin time",
|
||||
},
|
||||
id: "m1", value: "85%", description: "Reduction in admin time"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Operational continuity",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Operational continuity"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3x",
|
||||
description: "Lead engagement rate",
|
||||
},
|
||||
id: "m3", value: "3x", description: "Lead engagement rate"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "99.9%",
|
||||
description: "System reliability",
|
||||
},
|
||||
id: "m4", value: "99.9%", description: "System reliability"},
|
||||
]}
|
||||
title="Measurable Results, Real ROI"
|
||||
description="High-impact performance data for your business."
|
||||
@@ -192,54 +137,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essential",
|
||||
price: "$1,200/mo",
|
||||
subtitle: "Perfect for SMEs starting automation",
|
||||
features: [
|
||||
"1 Digital Employee",
|
||||
"Standard CRM Integrations",
|
||||
"Email Support",
|
||||
],
|
||||
id: "starter", badge: "Essential", price: "$1,200/mo", subtitle: "Perfect for SMEs starting automation", features: [
|
||||
"1 Digital Employee", "Standard CRM Integrations", "Email Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "growth",
|
||||
badge: "Growth",
|
||||
price: "$3,500/mo",
|
||||
subtitle: "Scale your operations and lead volume",
|
||||
features: [
|
||||
"3 Digital Employees",
|
||||
"Advanced API Integrations",
|
||||
"Priority Concierge",
|
||||
],
|
||||
id: "growth", badge: "Growth", price: "$3,500/mo", subtitle: "Scale your operations and lead volume", features: [
|
||||
"3 Digital Employees", "Advanced API Integrations", "Priority Concierge"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "For global operations at scale",
|
||||
features: [
|
||||
"Unlimited Agents",
|
||||
"Custom Solution Architect",
|
||||
"Dedicated Success Manager",
|
||||
],
|
||||
id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "For global operations at scale", features: [
|
||||
"Unlimited Agents", "Custom Solution Architect", "Dedicated Success Manager"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Talk to Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Talk to Sales", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -256,25 +174,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson, CEO of TechScale"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85918.jpg",
|
||||
alt: "Sarah J",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85918.jpg", alt: "Sarah J"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg",
|
||||
alt: "Michael C",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg", alt: "Michael C"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg",
|
||||
alt: "Emily R",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg", alt: "Emily R"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
|
||||
alt: "David K",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", alt: "David K"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
alt: "Elena M",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", alt: "Elena M"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -287,20 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does setup take?",
|
||||
content: "Most integrations are live within 48 hours.",
|
||||
},
|
||||
id: "f1", title: "How long does setup take?", content: "Most integrations are live within 48 hours."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data secure?",
|
||||
content: "Enterprise-grade encryption is built into our core.",
|
||||
},
|
||||
id: "f2", title: "Is my data secure?", content: "Enterprise-grade encryption is built into our core."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can agents learn our brand tone?",
|
||||
content: "Yes, agents are trained on your specific brand guidelines.",
|
||||
},
|
||||
id: "f3", title: "Can agents learn our brand tone?", content: "Yes, agents are trained on your specific brand guidelines."},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -318,24 +217,16 @@ export default function LandingPage() {
|
||||
description="Reach out today to see your automation potential."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/keyboard-near-monitor-computer-mouse-headphones-table_23-2148040535.jpg"
|
||||
imageAlt="modern digital contact interface"
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your needs",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your needs", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
/>
|
||||
@@ -345,29 +236,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user