Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
219
src/app/page.tsx
219
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Zap } from "lucide-react";
|
||||
import { Zap, Database, MessageSquare, Cpu, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,23 +20,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="MADO AI"
|
||||
/>
|
||||
@@ -44,43 +42,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Meet MADO, Your Intelligent AI Agent"
|
||||
description="Experience the next level of artificial intelligence. MADO is smart, fast, and ready to assist you with any task, anytime."
|
||||
tag="Powered by Advanced AI"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-futuristic-background_53876-104058.jpg?_wi=1",
|
||||
imageAlt: "AI Intelligence visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=1",
|
||||
imageAlt: "Advanced data analysis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg?_wi=1",
|
||||
imageAlt: "Digital assistant interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-male-head-programming-code_1048-5828.jpg",
|
||||
imageAlt: "Neural network graphic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background_35913-2413.jpg",
|
||||
imageAlt: "Virtual agent interaction",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-tech-landscape-background-cyber-particles_1048-12944.jpg",
|
||||
imageAlt: "Future tech background",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-futuristic-background_53876-104058.jpg", imageAlt: "AI Intelligence visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", imageAlt: "Advanced data analysis" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg", imageAlt: "Digital assistant interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-male-head-programming-code_1048-5828.jpg", imageAlt: "Neural network graphic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background_35913-2413.jpg", imageAlt: "Virtual agent interaction" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-tech-landscape-background-cyber-particles_1048-12944.jpg", imageAlt: "Future tech background" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,33 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Data Processing",
|
||||
description: "Rapid analysis of large datasets with precision.",
|
||||
buttonIcon: "Database",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg",
|
||||
imageAlt: "3D low poly abstract background with connecting lines and dots",
|
||||
},
|
||||
title: "Data Processing", description: "Rapid analysis of large datasets with precision.", buttonIcon: Database,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg", imageAlt: "3D low poly abstract background"},
|
||||
{
|
||||
title: "Language Understanding",
|
||||
description: "Advanced NLP for natural, fluent conversations.",
|
||||
buttonIcon: "MessageSquare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-futuristic-background_53876-104058.jpg?_wi=2",
|
||||
imageAlt: "3D low poly abstract background with connecting lines and dots",
|
||||
},
|
||||
title: "Language Understanding", description: "Advanced NLP for natural, fluent conversations.", buttonIcon: MessageSquare,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-futuristic-background_53876-104058.jpg", imageAlt: "Abstract futuristic background"},
|
||||
{
|
||||
title: "Problem Solving",
|
||||
description: "Logical reasoning to tackle complex operational issues.",
|
||||
buttonIcon: "Cpu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=2",
|
||||
imageAlt: "3D low poly abstract background with connecting lines and dots",
|
||||
},
|
||||
title: "Problem Solving", description: "Logical reasoning to tackle complex operational issues.", buttonIcon: Cpu,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", imageAlt: "Student taking notes"},
|
||||
{
|
||||
title: "Continuous Learning",
|
||||
description: "Adapts and improves with every interaction.",
|
||||
buttonIcon: "TrendingUp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg?_wi=2",
|
||||
imageAlt: "3D low poly abstract background with connecting lines and dots",
|
||||
},
|
||||
title: "Continuous Learning", description: "Adapts and improves with every interaction.", buttonIcon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg", imageAlt: "CRM concept"},
|
||||
]}
|
||||
title="MADO Capabilities"
|
||||
description="Unlock infinite possibilities with a feature-rich AI agent."
|
||||
@@ -143,33 +100,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Accuracy Rate",
|
||||
items: [
|
||||
"Deep learning",
|
||||
"Error reduction",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "0.1s",
|
||||
title: "Avg Response",
|
||||
items: [
|
||||
"Low latency",
|
||||
"High throughput",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
items: [
|
||||
"Global reach",
|
||||
"Reliable uptime",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "99.9%", title: "Accuracy Rate", items: ["Deep learning", "Error reduction"] },
|
||||
{ id: "m2", value: "0.1s", title: "Avg Response", items: ["Low latency", "High throughput"] },
|
||||
{ id: "m3", value: "24/7", title: "Availability", items: ["Global reach", "Reliable uptime"] },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers speak louder than promises."
|
||||
@@ -182,60 +115,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21402.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "CTO",
|
||||
company: "DataDynamics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena V.",
|
||||
role: "Lead Engineer",
|
||||
company: "AutoLogic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supervisor-doing-inspection-server-hub-monitoring-energy-consumption_482257-99246.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ken L.",
|
||||
role: "Head of Product",
|
||||
company: "Nova Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophie K.",
|
||||
role: "Operations Manager",
|
||||
company: "Innov8",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21402.jpg" },
|
||||
{ id: "t2", name: "Mark D.", role: "CTO", company: "DataDynamics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg" },
|
||||
{ id: "t3", name: "Elena V.", role: "Lead Engineer", company: "AutoLogic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/supervisor-doing-inspection-server-hub-monitoring-energy-consumption_482257-99246.jpg" },
|
||||
{ id: "t4", name: "Ken L.", role: "Head of Product", company: "Nova Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg" },
|
||||
{ id: "t5", name: "Sophie K.", role: "Operations Manager", company: "Innov8", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Users",
|
||||
},
|
||||
{
|
||||
value: "5M+",
|
||||
label: "Queries Answered",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{ value: "10k+", label: "Happy Users" },
|
||||
{ value: "5M+", label: "Queries Answered" },
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
]}
|
||||
title="What Users Say"
|
||||
description="Trusted by forward-thinking companies worldwide."
|
||||
@@ -246,15 +135,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"OpenAI",
|
||||
"Nvidia",
|
||||
"Intel",
|
||||
"IBM",
|
||||
"Amazon",
|
||||
]}
|
||||
names={["Google", "Microsoft", "OpenAI", "Nvidia", "Intel", "IBM", "Amazon"]}
|
||||
title="Trusted by Innovators"
|
||||
description="Used by the industry leaders."
|
||||
/>
|
||||
@@ -265,21 +146,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How smart is MADO?",
|
||||
content: "MADO utilizes advanced LLM architectures to process and generate highly complex outputs, often exceeding human-like accuracy.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data secure?",
|
||||
content: "Security is our top priority. All interactions are end-to-end encrypted and we never share data without consent.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can MADO integrate with my tools?",
|
||||
content: "Yes, we provide robust APIs to integrate MADO with your existing workflow software.",
|
||||
},
|
||||
{ id: "f1", title: "How smart is MADO?", content: "MADO utilizes advanced LLM architectures to process and generate highly complex outputs, often exceeding human-like accuracy." },
|
||||
{ id: "f2", title: "Is my data secure?", content: "Security is our top priority. All interactions are end-to-end encrypted and we never share data without consent." },
|
||||
{ id: "f3", title: "Can MADO integrate with my tools?", content: "Yes, we provide robust APIs to integrate MADO with your existing workflow software." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to common questions about MADO."
|
||||
@@ -290,9 +159,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Get Started with MADO"
|
||||
description="Ready to transform your productivity? Contact us today to learn more."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-background-with-bright-blue-line_1017-3797.jpg"
|
||||
|
||||
Reference in New Issue
Block a user