Merge version_1 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Receptionists",
|
||||
id: "product",
|
||||
},
|
||||
name: "Receptionists", id: "product"},
|
||||
{
|
||||
name: "Automation",
|
||||
id: "features",
|
||||
},
|
||||
name: "Automation", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NVISION SYSTEMS"
|
||||
/>
|
||||
@@ -57,47 +49,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Autonomous AI Infrastructure for Modern Enterprise"
|
||||
description="NVISION SYSTEMS delivers premium AI receptionists and fully autonomous agent teams that scale your business operations while you focus on growth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Deploy AI Reception",
|
||||
href: "#product",
|
||||
},
|
||||
text: "Deploy AI Reception", href: "#product"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-business-environment_23-2150970237.jpg?_wi=1",
|
||||
imageAlt: "futuristic ai interface dashboard",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-business-environment_23-2150970237.jpg", imageAlt: "futuristic ai interface dashboard"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080756.jpg",
|
||||
imageAlt: "futuristic ai interface dashboard",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080756.jpg", imageAlt: "futuristic ai interface dashboard"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16903.jpg",
|
||||
imageAlt: "futuristic ai interface dashboard",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16903.jpg", imageAlt: "futuristic ai interface dashboard"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-command-center-with-futuristic-interface_23-2152000839.jpg",
|
||||
imageAlt: "futuristic ai interface dashboard",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/military-command-center-with-futuristic-interface_23-2152000839.jpg", imageAlt: "futuristic ai interface dashboard"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-her-team-successful-development-plan_482257-118674.jpg",
|
||||
imageAlt: "futuristic ai interface dashboard",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-her-team-successful-development-plan_482257-118674.jpg", imageAlt: "futuristic ai interface dashboard"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-room-with-red-light_250224-287.jpg",
|
||||
imageAlt: "futuristic ai interface dashboard",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-room-with-red-light_250224-287.jpg", imageAlt: "futuristic ai interface dashboard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,7 +81,7 @@ export default function LandingPage() {
|
||||
description="We believe the AI receptionist is the front door. Once you witness the efficiency of intelligent inbound handling, we integrate full-scale automation to transform your entire business infrastructure."
|
||||
subdescription="Our autonomous agent teams manage complex outreach, lead management, and internal workflows seamlessly."
|
||||
icon={Zap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/programmer-data-center-using-ai-tech-tablet-close-up_482257-120663.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/programmer-data-center-using-ai-tech-tablet-close-up_482257-120663.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="ai neural network concept"
|
||||
/>
|
||||
@@ -123,47 +94,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Inbound Reception",
|
||||
description: "24/7 intelligent voice and chat handling.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: Star,
|
||||
title: "Inbound Reception", description: "24/7 intelligent voice and chat handling.", bentoComponent: "chat", aiIcon: Star,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Hi, I have a question about pricing.",
|
||||
aiResponse: "I can certainly help you with that. Are you interested in our reception or automation tier?",
|
||||
},
|
||||
userMessage: "Hi, I have a question about pricing.", aiResponse: "I can certainly help you with that. Are you interested in our reception or automation tier?"},
|
||||
],
|
||||
placeholder: "Agent active...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-uses-architectural-software-generate-renderings_482257-122534.jpg",
|
||||
imageAlt: "ai software dashboard dark",
|
||||
placeholder: "Agent active..."
|
||||
},
|
||||
{
|
||||
title: "Autonomous Outreach",
|
||||
description: "Agents that handle outbound sequences and CRM management.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Send,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-business-environment_23-2150970237.jpg?_wi=2",
|
||||
imageAlt: "ai software dashboard dark",
|
||||
title: "Autonomous Outreach", description: "Agents that handle outbound sequences and CRM management.", bentoComponent: "reveal-icon", icon: Send
|
||||
},
|
||||
{
|
||||
title: "Task Automation",
|
||||
description: "Seamless data flow across all your enterprise platforms.",
|
||||
bentoComponent: "3d-task-list",
|
||||
items: [
|
||||
title: "Task Automation", description: "Seamless data flow across all your enterprise platforms.", bentoComponent: "3d-task-list", items: [
|
||||
{
|
||||
icon: Database,
|
||||
label: "Sync CRM",
|
||||
time: "Real-time",
|
||||
},
|
||||
label: "Sync CRM", time: "Real-time"},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Schedule Meetings",
|
||||
time: "Auto-filled",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programmer-data-center-using-ai-tech-tablet-close-up_482257-120663.jpg?_wi=2",
|
||||
imageAlt: "ai software dashboard dark",
|
||||
label: "Schedule Meetings", time: "Auto-filled"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Comprehensive AI Automation Ecosystem"
|
||||
@@ -179,47 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "AI Receptionist Pro",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-female-office-worker-strict-suit-talking-phone-blue-surface_140725-63607.jpg",
|
||||
imageAlt: "virtual ai receptionist icon",
|
||||
},
|
||||
id: "p1", name: "AI Receptionist Pro", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-female-office-worker-strict-suit-talking-phone-blue-surface_140725-63607.jpg", imageAlt: "virtual ai receptionist icon"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Agent Teams Package",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037184.jpg",
|
||||
imageAlt: "virtual ai receptionist icon",
|
||||
},
|
||||
id: "p2", name: "Agent Teams Package", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037184.jpg", imageAlt: "virtual ai receptionist icon"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Business Auto-Flow",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-sitting-cafe-drinking-coffee-drawing-diagram-tablet-with_1258-198848.jpg",
|
||||
imageAlt: "virtual ai receptionist icon",
|
||||
},
|
||||
id: "p3", name: "Business Auto-Flow", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-sitting-cafe-drinking-coffee-drawing-diagram-tablet-with_1258-198848.jpg", imageAlt: "virtual ai receptionist icon"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Outbound Engine",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-device_23-2149126943.jpg",
|
||||
imageAlt: "virtual ai receptionist icon",
|
||||
},
|
||||
id: "p4", name: "Outbound Engine", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-device_23-2149126943.jpg", imageAlt: "virtual ai receptionist icon"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "CRM Intelligence",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037224.jpg",
|
||||
imageAlt: "virtual ai receptionist icon",
|
||||
},
|
||||
id: "p5", name: "CRM Intelligence", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037224.jpg", imageAlt: "virtual ai receptionist icon"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Full Agency Audit",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-new-year-close-up_169016-43173.jpg",
|
||||
imageAlt: "virtual ai receptionist icon",
|
||||
},
|
||||
id: "p6", name: "Full Agency Audit", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-new-year-close-up_169016-43173.jpg", imageAlt: "virtual ai receptionist icon"},
|
||||
]}
|
||||
title="Our AI Product Solutions"
|
||||
description="From standalone reception to end-to-end company automation."
|
||||
@@ -233,29 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Always available",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-laptop-showing-financial-data_9975-22146.jpg",
|
||||
imageAlt: "data visualization metrics dark",
|
||||
},
|
||||
id: "m1", value: "99.9%", title: "Uptime", description: "Always available", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-laptop-showing-financial-data_9975-22146.jpg", imageAlt: "data visualization metrics dark"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Service",
|
||||
description: "Around the clock",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
|
||||
imageAlt: "data visualization metrics dark",
|
||||
},
|
||||
id: "m2", value: "24/7", title: "Service", description: "Around the clock", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg", imageAlt: "data visualization metrics dark"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "80%",
|
||||
title: "Reduced Cost",
|
||||
description: "Operational efficiency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg",
|
||||
imageAlt: "data visualization metrics dark",
|
||||
},
|
||||
id: "m3", value: "80%", title: "Reduced Cost", description: "Operational efficiency", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg", imageAlt: "data visualization metrics dark"},
|
||||
]}
|
||||
title="Scaling Impact"
|
||||
description="Measurable results for our enterprise partners."
|
||||
@@ -269,50 +171,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
handle: "@riversdev",
|
||||
testimonial: "The AI receptionist changed how we manage our inbound flow entirely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-15162.jpg",
|
||||
imageAlt: "business executive portrait professional",
|
||||
},
|
||||
id: "t1", name: "Alex Rivers", handle: "@riversdev", testimonial: "The AI receptionist changed how we manage our inbound flow entirely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-15162.jpg", imageAlt: "business executive portrait professional"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam Thorne",
|
||||
handle: "@samthorne",
|
||||
testimonial: "Integration was seamless. We scaled operations in under a month.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-elegant-businessman-working-hard-his-office-successful-occupation_482257-34729.jpg",
|
||||
imageAlt: "business executive portrait professional",
|
||||
},
|
||||
id: "t2", name: "Sam Thorne", handle: "@samthorne", testimonial: "Integration was seamless. We scaled operations in under a month.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-elegant-businessman-working-hard-his-office-successful-occupation_482257-34729.jpg", imageAlt: "business executive portrait professional"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan Lee",
|
||||
handle: "@jordanlee",
|
||||
testimonial: "Autonomous agent teams have saved us countless man-hours.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-looks-into-camera-smiles-caucasian-short-haired-lady-black-jacket-laughing-posing-isolated_197531-18517.jpg",
|
||||
imageAlt: "business executive portrait professional",
|
||||
},
|
||||
id: "t3", name: "Jordan Lee", handle: "@jordanlee", testimonial: "Autonomous agent teams have saved us countless man-hours.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-looks-into-camera-smiles-caucasian-short-haired-lady-black-jacket-laughing-posing-isolated_197531-18517.jpg", imageAlt: "business executive portrait professional"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Casey Smith",
|
||||
handle: "@casey",
|
||||
testimonial: "The easiest way to introduce high-tier automation to any business.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-corporate-meeting-sharing-ideas-with-investors-group_482257-124041.jpg",
|
||||
imageAlt: "business executive portrait professional",
|
||||
},
|
||||
id: "t4", name: "Casey Smith", handle: "@casey", testimonial: "The easiest way to introduce high-tier automation to any business.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-corporate-meeting-sharing-ideas-with-investors-group_482257-124041.jpg", imageAlt: "business executive portrait professional"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor West",
|
||||
handle: "@taylortw",
|
||||
testimonial: "Premium service and truly intelligent AI implementations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
imageAlt: "business executive portrait professional",
|
||||
},
|
||||
id: "t5", name: "Taylor West", handle: "@taylortw", testimonial: "Premium service and truly intelligent AI implementations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "business executive portrait professional"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Executive Perspectives"
|
||||
@@ -325,14 +197,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Enterprise One",
|
||||
"Global Logic",
|
||||
"Systematic",
|
||||
"AutoCorp",
|
||||
"Agentic Flow",
|
||||
"Future Tech",
|
||||
"Logic Cloud",
|
||||
]}
|
||||
"Enterprise One", "Global Logic", "Systematic", "AutoCorp", "Agentic Flow", "Future Tech", "Logic Cloud"]}
|
||||
title="Trusted by Innovative Teams"
|
||||
description="We partner with organizations building the future."
|
||||
/>
|
||||
@@ -344,20 +209,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does implementation take?",
|
||||
content: "Our AI receptionists can be live within 72 hours.",
|
||||
},
|
||||
id: "q1", title: "How long does implementation take?", content: "Our AI receptionists can be live within 72 hours."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can you automate existing workflows?",
|
||||
content: "Yes, we integrate with all modern CRM and productivity software.",
|
||||
},
|
||||
id: "q2", title: "Can you automate existing workflows?", content: "Yes, we integrate with all modern CRM and productivity software."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What makes your receptionists different?",
|
||||
content: "They don't just take messages; they interpret context and execute actions.",
|
||||
},
|
||||
id: "q3", title: "What makes your receptionists different?", content: "They don't just take messages; they interpret context and execute actions."},
|
||||
]}
|
||||
title="Expert Insights"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -369,8 +225,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Initiate Your Transformation"
|
||||
description="Enter your details for a premium audit of your current operations."
|
||||
tag="Get Started"
|
||||
@@ -382,29 +237,19 @@ export default function LandingPage() {
|
||||
logoText="NVISION SYSTEMS"
|
||||
columns={[
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
title: "Solutions", items: [
|
||||
{
|
||||
label: "AI Receptionist",
|
||||
href: "#product",
|
||||
},
|
||||
label: "AI Receptionist", href: "#product"},
|
||||
{
|
||||
label: "Autonomous Agents",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Autonomous Agents", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user