Merge version_1 into main #1
301
src/app/page.tsx
301
src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Metrics", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/ai-chatbot-set_78370-9700.jpg"
|
||||
logoAlt="AI Chatbot logo"
|
||||
@@ -66,92 +52,61 @@ export default function LandingPage() {
|
||||
bottomLeftText="Seamless macOS Integration"
|
||||
bottomRightText="hello@aichatbot.com"
|
||||
button={{
|
||||
text: "Download App",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Download App", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="Intelligent conversations, beautifully designed"
|
||||
description="Experience fluid AI assistance with a stunning liquid glass interface. Your thoughts, elevated."
|
||||
kpis={[
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Accuracy",
|
||||
},
|
||||
value: "99.9%", label: "Accuracy"},
|
||||
{
|
||||
value: "2M+",
|
||||
label: "Conversations",
|
||||
},
|
||||
value: "2M+", label: "Conversations"},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "User Rating",
|
||||
},
|
||||
value: "5/5", label: "User Rating"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Launch App",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Launch App", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336506.jpg"
|
||||
imageAlt="macOS AI Chatbot App Interface"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg",
|
||||
alt: "Business woman with glasses smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg", alt: "Business woman with glasses smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
||||
alt: "Portrait of a beauty businesswoman leaning against a brick wall",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", alt: "Portrait of a beauty businesswoman leaning against a brick wall"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg",
|
||||
alt: "Business woman in green suit using phone outside the street",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg", alt: "Business woman in green suit using phone outside the street"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
|
||||
alt: "Studio portrait of blond female dressed in a white shirt and red eyeglasses.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg", alt: "Studio portrait of blond female dressed in a white shirt and red eyeglasses."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-with-silly-face_1154-110.jpg",
|
||||
alt: "Businessman with silly face",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-with-silly-face_1154-110.jpg", alt: "Businessman with silly face"},
|
||||
]}
|
||||
avatarText="Join 100k+ satisfied users"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Native macOS Integration",
|
||||
icon: Apple,
|
||||
type: "text-icon", text: "Native macOS Integration", icon: Apple,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Intelligent Contextual Understanding",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "Intelligent Contextual Understanding", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure & Private Conversations",
|
||||
icon: Lock,
|
||||
type: "text-icon", text: "Secure & Private Conversations", icon: Lock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Stunning Liquid Glass UI",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Stunning Liquid Glass UI", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Boost Your Productivity",
|
||||
icon: Rocket,
|
||||
type: "text-icon", text: "Boost Your Productivity", icon: Rocket,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
@@ -165,11 +120,8 @@ export default function LandingPage() {
|
||||
title="A smarter way to chat on macOS. Designed for clarity, powered by AI."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
description="Our AI chatbot seamlessly integrates into your macOS environment, offering instant insights and intelligent conversations. With a focus on intuitive design and robust performance, it streamlines your workflow and enhances productivity without compromising on aesthetics. Experience the future of desktop AI."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -180,40 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Intelligent Workflow Integration",
|
||||
subtitle: "Connects with your favorite macOS apps for fluid automation.",
|
||||
category: "Productivity",
|
||||
value: "Streamlined",
|
||||
},
|
||||
id: "f1", title: "Intelligent Workflow Integration", subtitle: "Connects with your favorite macOS apps for fluid automation.", category: "Productivity", value: "Streamlined"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Customizable Liquid Glass UI",
|
||||
subtitle: "Personalize your chatbot's appearance with stunning liquid glass themes.",
|
||||
category: "Design",
|
||||
value: "Adaptive",
|
||||
},
|
||||
id: "f2", title: "Customizable Liquid Glass UI", subtitle: "Personalize your chatbot's appearance with stunning liquid glass themes.", category: "Design", value: "Adaptive"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Advanced Security & Privacy",
|
||||
subtitle: "Your conversations are encrypted and kept private, always.",
|
||||
category: "Security",
|
||||
value: "Secure",
|
||||
},
|
||||
id: "f3", title: "Advanced Security & Privacy", subtitle: "Your conversations are encrypted and kept private, always.", category: "Security", value: "Secure"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Real-time AI Responses",
|
||||
subtitle: "Get instant, accurate answers and assistance without delay.",
|
||||
category: "Performance",
|
||||
value: "Instant",
|
||||
},
|
||||
id: "f4", title: "Real-time AI Responses", subtitle: "Get instant, accurate answers and assistance without delay.", category: "Performance", value: "Instant"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Multi-language Support",
|
||||
subtitle: "Communicate fluently in various languages with intelligent translation.",
|
||||
category: "Global",
|
||||
value: "Versatile",
|
||||
},
|
||||
id: "f5", title: "Multi-language Support", subtitle: "Communicate fluently in various languages with intelligent translation.", category: "Global", value: "Versatile"},
|
||||
]}
|
||||
title="Unleash Productivity with Core Features"
|
||||
description="Our macOS AI Chatbot comes packed with powerful features designed to elevate your daily tasks and creative processes."
|
||||
@@ -225,56 +152,27 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100k+",
|
||||
title: "Active Users",
|
||||
items: [
|
||||
"Professionals",
|
||||
"Creatives",
|
||||
"Developers",
|
||||
],
|
||||
id: "m1", value: "100k+", title: "Active Users", items: [
|
||||
"Professionals", "Creatives", "Developers"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Performance Uptime",
|
||||
items: [
|
||||
"Always Ready",
|
||||
"Reliable AI",
|
||||
"Instant Responses",
|
||||
],
|
||||
id: "m2", value: "99.9%", title: "Performance Uptime", items: [
|
||||
"Always Ready", "Reliable AI", "Instant Responses"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "User Satisfaction",
|
||||
items: [
|
||||
"Positive Reviews",
|
||||
"High Retention",
|
||||
"Continuous Improvement",
|
||||
],
|
||||
id: "m3", value: "95%", title: "User Satisfaction", items: [
|
||||
"Positive Reviews", "High Retention", "Continuous Improvement"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "5M+",
|
||||
title: "Queries Processed",
|
||||
items: [
|
||||
"Vast Knowledge",
|
||||
"Efficient Data",
|
||||
"High Throughput",
|
||||
],
|
||||
id: "m4", value: "5M+", title: "Queries Processed", items: [
|
||||
"Vast Knowledge", "Efficient Data", "High Throughput"],
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
items: [
|
||||
"Always On",
|
||||
"Global Access",
|
||||
"Constant Support",
|
||||
],
|
||||
id: "m5", value: "24/7", title: "Availability", items: [
|
||||
"Always On", "Global Access", "Constant Support"],
|
||||
},
|
||||
]}
|
||||
title="Driven by Data, Trusted by Users"
|
||||
@@ -291,33 +189,19 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson, CEO of InnovateCorp"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hadsome-man-crossed-hand-smiling_114579-79348.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-hadsome-man-crossed-hand-smiling_114579-79348.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379216.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379216.jpg", alt: "David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg",
|
||||
alt: "Jessica Lee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg", alt: "Jessica Lee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-asian-man-standing-indoors-with-arms-crossed_171337-10598.jpg",
|
||||
alt: "Happy young asian man standing indoors with arms crossed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-asian-man-standing-indoors-with-arms-crossed_171337-10598.jpg", alt: "Happy young asian man standing indoors with arms crossed"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waist-up-shot-asian-man-standing-arms-folded-architect-office_1098-18849.jpg",
|
||||
alt: "Waist up shot of Asian man standing arms folded in an architect office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/waist-up-shot-asian-man-standing-arms-folded-architect-office_1098-18849.jpg", alt: "Waist up shot of Asian man standing arms folded in an architect office"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -330,45 +214,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the AI Chatbot a native macOS application?",
|
||||
content: "Yes, our AI Chatbot is developed as a native macOS application, ensuring seamless integration with your operating system and optimal performance.",
|
||||
},
|
||||
id: "q1", title: "Is the AI Chatbot a native macOS application?", content: "Yes, our AI Chatbot is developed as a native macOS application, ensuring seamless integration with your operating system and optimal performance."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is 'liquid glass morphism' styling? (max 150 chars)",
|
||||
content: "Liquid glass morphism refers to a design aesthetic that combines glass-like transparency with fluid, dynamic elements, creating a visually rich and interactive user interface.",
|
||||
},
|
||||
id: "q2", title: "What is 'liquid glass morphism' styling? (max 150 chars)", content: "Liquid glass morphism refers to a design aesthetic that combines glass-like transparency with fluid, dynamic elements, creating a visually rich and interactive user interface."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I customize the background image?",
|
||||
content: "Yes, the application supports custom background imagery, allowing you to personalize your AI chatbot experience to match your macOS desktop environment.",
|
||||
},
|
||||
id: "q3", title: "Can I customize the background image?", content: "Yes, the application supports custom background imagery, allowing you to personalize your AI chatbot experience to match your macOS desktop environment."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How secure are my conversations?",
|
||||
content: "All conversations are end-to-end encrypted and processed locally where possible to ensure your privacy and data security. We adhere to the highest standards.",
|
||||
},
|
||||
id: "q4", title: "How secure are my conversations?", content: "All conversations are end-to-end encrypted and processed locally where possible to ensure your privacy and data security. We adhere to the highest standards."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Does it require an internet connection to work?",
|
||||
content: "While core AI functionality can run offline, some advanced features and updates require an internet connection for optimal performance and access to the latest models.",
|
||||
},
|
||||
id: "q5", title: "Does it require an internet connection to work?", content: "While core AI functionality can run offline, some advanced features and updates require an internet connection for optimal performance and access to the latest models."},
|
||||
{
|
||||
id: "q6",
|
||||
title: "Is there a free trial available?",
|
||||
content: "Yes, we offer a comprehensive free trial period so you can fully experience the power and elegance of our AI Chatbot before making a commitment.",
|
||||
},
|
||||
id: "q6", title: "Is there a free trial available?", content: "Yes, we offer a comprehensive free trial period so you can fully experience the power and elegance of our AI Chatbot before making a commitment."},
|
||||
{
|
||||
id: "q7",
|
||||
title: "What kind of AI powers the chatbot?",
|
||||
content: "Our chatbot is powered by advanced large language models optimized for contextual understanding and natural language generation, ensuring intelligent and human-like interactions.",
|
||||
},
|
||||
id: "q7", title: "What kind of AI powers the chatbot?", content: "Our chatbot is powered by advanced large language models optimized for contextual understanding and natural language generation, ensuring intelligent and human-like interactions."},
|
||||
{
|
||||
id: "q8",
|
||||
title: "How often are new features released?",
|
||||
content: "We continuously update the app with new features and improvements based on user feedback and technological advancements, typically every 4-6 weeks.",
|
||||
},
|
||||
id: "q8", title: "How often are new features released?", content: "We continuously update the app with new features and improvements based on user feedback and technological advancements, typically every 4-6 weeks."},
|
||||
]}
|
||||
title="Your Questions, Answered."
|
||||
description="Find quick answers to the most common questions about our macOS AI Chatbot App."
|
||||
@@ -381,8 +241,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to elevate your conversations?"
|
||||
description="Download the AI Chatbot app today and transform your macOS experience. Join thousands of professionals embracing intelligent assistance."
|
||||
@@ -404,61 +263,37 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
{
|
||||
label: "Download",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Download", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#",
|
||||
},
|
||||
label: "Partners", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user