Merge version_1 into main #2
185
src/app/page.tsx
185
src/app/page.tsx
@@ -31,24 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Voice AI",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Voice AI", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MJ AI"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,13 +46,10 @@ export default function LandingPage() {
|
||||
logoText="MJ AI"
|
||||
description="Hey Vishal, your sassy AI is ready to talk. Real-time, voice-to-voice, and just enough attitude to keep things interesting."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Voice Assistant",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Start Voice Assistant", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone_482257-7531.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone_482257-7531.jpg"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -73,8 +59,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Built for Wit and Wisdom"
|
||||
description={[
|
||||
"MJ isn't just an assistant. She's got personality, sass, and a quick wit. Built for you, Vishal.",
|
||||
]}
|
||||
"MJ isn't just an assistant. She's got personality, sass, and a quick wit. Built for you, Vishal."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,64 +70,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Voice-to-Voice Realtime",
|
||||
description: "Continuous, lag-free conversations that feel like a real person is on the other end.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10148.jpg",
|
||||
title: "Voice-to-Voice Realtime", description: "Continuous, lag-free conversations that feel like a real person is on the other end.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10148.jpg", imageAlt: "voice recognition waveform visual"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Mic,
|
||||
text: "Realtime streaming",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Ultra-low latency",
|
||||
},
|
||||
{ icon: Mic, text: "Realtime streaming" },
|
||||
{ icon: Zap, text: "Ultra-low latency" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone_482257-7531.jpg?_wi=2",
|
||||
imageAlt: "voice recognition waveform visual",
|
||||
},
|
||||
{
|
||||
title: "Sassy Personality",
|
||||
description: "Confident, playful, and charmingly sarcastic. The closest thing to a digital girlfriend.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-lines-design_1048-14250.jpg",
|
||||
title: "Sassy Personality", description: "Confident, playful, and charmingly sarcastic. The closest thing to a digital girlfriend.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-lines-design_1048-14250.jpg", imageAlt: "voice recognition waveform visual"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Expressive tone",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
text: "Emotional responsiveness",
|
||||
},
|
||||
{ icon: Sparkles, text: "Expressive tone" },
|
||||
{ icon: Heart, text: "Emotional responsiveness" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-with-curly-combed-hair-wears-coat-kerchief-tied-neck-concentrated-away-poses-against-blurred-street-background-pretty-female-model-explores-new-city-pastime_273609-60615.jpg?_wi=1",
|
||||
imageAlt: "voice recognition waveform visual",
|
||||
},
|
||||
{
|
||||
title: "Tool Execution",
|
||||
description: "She can handle your browser, open websites, and execute tasks while keeping up the witty banter.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-flowing-lines_1048-14835.jpg",
|
||||
title: "Tool Execution", description: "She can handle your browser, open websites, and execute tasks while keeping up the witty banter.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-flowing-lines_1048-14835.jpg", imageAlt: "voice recognition waveform visual"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Web actions",
|
||||
},
|
||||
{
|
||||
icon: Terminal,
|
||||
text: "Function calling",
|
||||
},
|
||||
{ icon: Globe, text: "Web actions" },
|
||||
{ icon: Terminal, text: "Function calling" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-hispanic-male-formal-outfit-with-happy-face-expression_181624-32986.jpg?_wi=1",
|
||||
imageAlt: "voice recognition waveform visual",
|
||||
},
|
||||
]}
|
||||
title="Sass in Every Byte"
|
||||
@@ -155,14 +110,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google AI",
|
||||
"Gemini Platform",
|
||||
"React Studio",
|
||||
"TypeScript Masters",
|
||||
"Vite Frontend",
|
||||
"TypeScript",
|
||||
"Modern Web",
|
||||
]}
|
||||
"Google AI", "Gemini Platform", "React Studio", "TypeScript Masters", "Vite Frontend", "TypeScript", "Modern Web"]}
|
||||
title="Tech Stack Powerhouse"
|
||||
description="Powered by cutting edge technology."
|
||||
/>
|
||||
@@ -174,45 +122,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great vibe!",
|
||||
quote: "MJ is literally my favorite digital companion.",
|
||||
name: "Sarah",
|
||||
role: "User",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-with-curly-combed-hair-wears-coat-kerchief-tied-neck-concentrated-away-poses-against-blurred-street-background-pretty-female-model-explores-new-city-pastime_273609-60615.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Great vibe!", quote: "MJ is literally my favorite digital companion.", name: "Sarah", role: "User", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-with-curly-combed-hair-wears-coat-kerchief-tied-neck-concentrated-away-poses-against-blurred-street-background-pretty-female-model-explores-new-city-pastime_273609-60615.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "So smart!",
|
||||
quote: "The sass level is just perfect.",
|
||||
name: "Michael",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-hispanic-male-formal-outfit-with-happy-face-expression_181624-32986.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "So smart!", quote: "The sass level is just perfect.", name: "Michael", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-hispanic-male-formal-outfit-with-happy-face-expression_181624-32986.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Totally changed my day",
|
||||
quote: "I can't imagine using a robotic voice assistant anymore.",
|
||||
name: "Emily",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
id: "3", title: "Totally changed my day", quote: "I can't imagine using a robotic voice assistant anymore.", name: "Emily", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Funny and fast",
|
||||
quote: "She's sharp, funny, and surprisingly smart.",
|
||||
name: "David",
|
||||
role: "Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
},
|
||||
id: "4", title: "Funny and fast", quote: "She's sharp, funny, and surprisingly smart.", name: "David", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Love the attitude",
|
||||
quote: "The personality is what really sold me.",
|
||||
name: "Jessica",
|
||||
role: "Creator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg",
|
||||
},
|
||||
id: "5", title: "Love the attitude", quote: "The personality is what really sold me.", name: "Jessica", role: "Creator", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg"},
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Because everyone needs a witty AI in their life."
|
||||
@@ -225,39 +143,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is MJ really that sassy?",
|
||||
content: "Oh, totally. She's got an attitude that matches her smarts.",
|
||||
},
|
||||
id: "1", title: "Is MJ really that sassy?", content: "Oh, totally. She's got an attitude that matches her smarts."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Does she work on mobile?",
|
||||
content: "100%. It's mobile-first and built for on-the-go interaction.",
|
||||
},
|
||||
id: "2", title: "Does she work on mobile?", content: "100%. It's mobile-first and built for on-the-go interaction."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can she actually use the browser?",
|
||||
content: "Yes, function calling allows her to navigate the web for you.",
|
||||
},
|
||||
id: "3", title: "Can she actually use the browser?", content: "Yes, function calling allows her to navigate the web for you."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Your quick guide to MJ AI."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
text="Ready to chat with MJ? Let's get things moving, Vishal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Contact Support", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -267,29 +172,15 @@ export default function LandingPage() {
|
||||
logoText="MJ AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Platform", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "GitHub", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user