Merge version_1 into main #3

Merged
bender merged 3 commits from version_1 into main 2026-03-10 10:49:05 +00:00
3 changed files with 219 additions and 461 deletions

View File

@@ -35,7 +35,8 @@ export default function ChatPage() {
brandName="SmartAI"
navItems={navItems}
button={{
text: "Start Chatting Free", href: "/chat"}}
text: "Start Chatting Free", href: "/chat"
}}
/>
</div>
@@ -47,12 +48,15 @@ export default function ChatPage() {
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{
variant: "plain"}}
variant: "plain"
}}
buttons={[
{
text: "Launch Chat Interface", href: "/chat"},
text: "Launch Chat Interface", href: "/chat"
},
{
text: "View Tutorials", href: "/"},
text: "View Tutorials", href: "/"
},
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/a-sleek-ai-chatbot-dashboard-interface-w-1773139345987-01f6fcb8.jpg"
@@ -60,7 +64,6 @@ export default function ChatPage() {
mediaAnimation="blur-reveal"
imagePosition="right"
fixedMediaHeight={true}
useInvertedBackground={false}
className="chat-hero-section"
containerClassName="chat-hero-container"
textBoxClassName="chat-hero-textbox"
@@ -79,11 +82,14 @@ export default function ChatPage() {
tagAnimation="slide-up"
accordionItems={[
{
id: "1", title: "Seamless Model Switching", content: "Switch between GPT, Claude, and Gemini models without losing your conversation history. Each model brings unique strengths—choose GPT for versatility, Claude for detailed analysis, or Gemini for creative tasks. Compare responses from different models side-by-side."},
id: "1", title: "Seamless Model Switching", content: "Switch between GPT, Claude, and Gemini models without losing your conversation history. Each model brings unique strengths—choose GPT for versatility, Claude for detailed analysis, or Gemini for creative tasks. Compare responses from different models side-by-side."
},
{
id: "2", title: "Real-Time Streaming Responses", content: "Watch responses generate in real-time as the AI thinks and writes. Supports markdown formatting, code blocks with syntax highlighting, and formatted tables. Perfect for reading and understanding long-form content as it's created."},
id: "2", title: "Real-Time Streaming Responses", content: "Watch responses generate in real-time as the AI thinks and writes. Supports markdown formatting, code blocks with syntax highlighting, and formatted tables. Perfect for reading and understanding long-form content as it's created."
},
{
id: "3", title: "Conversation Management", content: "Organize conversations with custom folders and tags. Search through your entire chat history. Pin important conversations. Fork discussions to explore multiple paths. Export conversations as PDF or Markdown for sharing and reference."},
id: "3", title: "Conversation Management", content: "Organize conversations with custom folders and tags. Search through your entire chat history. Pin important conversations. Fork discussions to explore multiple paths. Export conversations as PDF or Markdown for sharing and reference."
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/a-code-assistant-tool-interface-showing--1773139345734-a3927367.png"
imageAlt="Advanced Chat Features"
@@ -105,37 +111,49 @@ export default function ChatPage() {
{
title: "Product", items: [
{
label: "Chat Interface", href: "/"},
label: "Chat Interface", href: "/"
},
{
label: "AI Tools", href: "#tools"},
label: "AI Tools", href: "#tools"
},
{
label: "Pricing", href: "#pricing"},
label: "Pricing", href: "#pricing"
},
{
label: "Status", href: "/"},
label: "Status", href: "/"
},
],
},
{
title: "Company", items: [
{
label: "About Us", href: "/"},
label: "About Us", href: "/"
},
{
label: "Blog", href: "/"},
label: "Blog", href: "/"
},
{
label: "Careers", href: "/"},
label: "Careers", href: "/"
},
{
label: "Contact", href: "/chat"},
label: "Contact", href: "/chat"
},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "/"},
label: "Privacy Policy", href: "/"
},
{
label: "Terms of Service", href: "/"},
label: "Terms of Service", href: "/"
},
{
label: "Cookie Policy", href: "/"},
label: "Cookie Policy", href: "/"
},
{
label: "Security", href: "/"},
label: "Security", href: "/"
},
],
},
]}

View File

@@ -5,51 +5,16 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, Zap, Tool, Lightbulb, Heart, Crown, Users } from "lucide-react";
import { Sparkles, Zap } from "lucide-react";
export default function DashboardPage() {
const navItems = [
{ name: "Chat", id: "chat" },
{ name: "Tools", id: "tools" },
{ name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
];
const footerColumns = [
{
title: "Product",
items: [
{ label: "Chat Interface", href: "#" },
{ label: "AI Tools", href: "#tools" },
{ label: "Pricing", href: "#pricing" },
{ label: "Status", href: "#" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "#" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Security", href: "#" },
],
},
{ name: "Chat", id: "/" },
{ name: "Tools", id: "#tools" },
{ name: "Pricing", id: "#pricing" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "/chat" },
];
return (
@@ -59,411 +24,139 @@ export default function DashboardPage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="fluid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="SmartAI"
navItems={navItems}
button={{
text: "Start Chatting Free",
href: "/chat",
text: "Start Chatting Free", href: "/chat"
}}
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<div id="dashboard-hero" data-section="dashboard-hero">
<HeroSplit
title="Your Personal AI Assistant for Everything"
description="Chat, create, learn, and solve problems instantly using powerful AI models—all from one intuitive dashboard. Access multiple AI capabilities: intelligent conversation, content generation, coding assistance, image creation, document analysis, and specialized tools."
tag="AI-Powered Platform"
title="Your Smart Dashboard Awaits"
description="Access your personalized AI dashboard with real-time analytics, conversation history, and quick access to all your AI tools. Manage your usage, track your progress, and discover new capabilities—all in one intuitive interface."
tag="Dashboard Overview"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "fluid" }}
background={{
variant: "plain"
}}
buttons={[
{
text: "Start Chatting Free",
href: "/chat",
text: "Open Dashboard", href: "/dashboard"
},
{
text: "Explore Tools",
href: "#tools",
text: "View Guide", href: "/"
},
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/a-sleek-ai-chatbot-dashboard-interface-w-1773139345987-01f6fcb8.jpg?_wi=3"
imageAlt="SmartAI Dashboard Interface"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/a-sleek-ai-chatbot-dashboard-interface-w-1773139345987-01f6fcb8.jpg"
imageAlt="SmartAI Dashboard Overview"
mediaAnimation="blur-reveal"
imagePosition="right"
fixedMediaHeight={true}
useInvertedBackground={false}
className="hero-split-section"
containerClassName="hero-container"
textBoxClassName="hero-textbox"
className="dashboard-hero-section"
containerClassName="dashboard-hero-container"
textBoxClassName="dashboard-hero-textbox"
titleClassName="text-5xl font-light"
descriptionClassName="text-lg opacity-90"
tagClassName="text-sm font-medium"
/>
</div>
{/* Features Section */}
<div id="features" data-section="features">
<div id="dashboard-features" data-section="dashboard-features">
<FeatureCardTwentyOne
title="Powerful Features for Every Use Case"
description="Access a complete suite of AI capabilities designed for students, creators, developers, and business professionals."
tag="Core Features"
title="Dashboard Features"
description="Everything you need to manage and maximize your AI experience."
tag="Dashboard Capabilities"
tagIcon={Zap}
tagAnimation="slide-up"
accordionItems={[
{
id: "1",
title: "Multi-Model AI Chat",
content: "Switch seamlessly between GPT, Claude, and Gemini models. Choose from Fast Mode for quick responses, Balanced Mode for optimal performance, or Creative Mode for imaginative outputs. Real-time streaming responses with markdown rendering and code syntax highlighting.",
id: "1", title: "Usage Analytics", content: "Track your daily, weekly, and monthly usage across all AI models. See detailed breakdowns of messages, tokens used, and model preferences. Get insights into your usage patterns and optimize your plan selection."
},
{
id: "2",
title: "Advanced File Upload & Analysis",
content: "Upload PDF, DOCX, TXT, and image files. AI automatically summarizes documents, answers questions from content, extracts key information, and provides detailed analysis. Perfect for research, learning, and content extraction.",
id: "2", title: "Conversation History", content: "Access all your past conversations with full-text search. Organize chats with custom tags and folders. Star important conversations for quick access. Export conversations in multiple formats (PDF, Markdown, JSON)."
},
{
id: "3",
title: "Voice Input & Output",
content: "Use voice-to-text for hands-free input and text-to-speech for audio output. Enable conversation mode for interactive dialogue. Ideal for accessibility and multitasking.",
},
{
id: "4",
title: "AI Image Generation",
content: "Generate custom images from text prompts with style selection options. Regenerate, download, and refine results. Support for multiple art styles and visual concepts.",
},
{
id: "5",
title: "Professional Code Assistant",
content: "Get code generation, debugging, explanation, and optimization suggestions. Support for Python, JavaScript, HTML, CSS, Java, and C++. Built-in editor with copy functionality and syntax highlighting.",
id: "3", title: "Settings & Preferences", content: "Customize your AI behavior with system prompts and model parameters. Set default models for different tasks. Manage API keys for integrations. Control privacy settings and data retention preferences."
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/a-code-assistant-tool-interface-showing--1773139345734-a3927367.png?_wi=5"
imageAlt="Code Assistant Interface"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/a-code-assistant-tool-interface-showing--1773139345734-a3927367.png"
imageAlt="Dashboard Features"
mediaAnimation="slide-up"
useInvertedBackground={false}
mediaPosition="left"
className="features-section"
containerClassName="features-container"
className="dashboard-features-section"
containerClassName="dashboard-features-container"
titleClassName="text-4xl font-light"
descriptionClassName="text-lg opacity-85"
/>
</div>
{/* Tools Section */}
<div id="tools" data-section="tools">
<ProductCardOne
title="Specialized AI Tools"
description="Dedicated interfaces for specific use cases—all powered by advanced AI models"
tag="9 Powerful Tools"
tagIcon={Tool}
tagAnimation="slide-up"
products={[
{
id: "1",
name: "AI Writer",
price: "Content",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-writer-tool-interface-with-title-i-1773139344961-bc00cf46.jpg?_wi=5",
imageAlt: "AI Writer Tool",
},
{
id: "2",
name: "Email Generator",
price: "Campaigns",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-email-generator-interface-with-fie-1773139345284-dbbe88a1.jpg?_wi=5",
imageAlt: "Email Generator Tool",
},
{
id: "3",
name: "Resume Builder",
price: "Careers",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-resume-builder-interface-showing-r-1773139345724-ac0f3696.jpg?_wi=5",
imageAlt: "Resume Builder Tool",
},
{
id: "4",
name: "Business Idea Generator",
price: "Startups",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-writer-tool-interface-with-title-i-1773139344961-bc00cf46.jpg?_wi=6",
imageAlt: "Business Idea Tool",
},
{
id: "5",
name: "Study Helper",
price: "Learning",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-email-generator-interface-with-fie-1773139345284-dbbe88a1.jpg?_wi=6",
imageAlt: "Study Helper Tool",
},
{
id: "6",
name: "Blog Post Generator",
price: "Publishing",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-resume-builder-interface-showing-r-1773139345724-ac0f3696.jpg?_wi=6",
imageAlt: "Blog Post Tool",
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
className="tools-section"
containerClassName="tools-container"
textBoxTitleClassName="text-4xl font-light"
textBoxDescriptionClassName="text-lg opacity-85"
/>
</div>
{/* How It Works Section */}
<div id="how-it-works" data-section="how-it-works">
<MetricCardSeven
title="How SmartAI Works"
description="Simple 3-step process to access powerful AI capabilities"
tag="Getting Started"
tagIcon={Lightbulb}
tagAnimation="slide-up"
metrics={[
{
id: "1",
value: "Step 1",
title: "Enter Your Question or Task",
items: [
"Type or speak your request",
"Upload files for analysis",
"Choose your AI model",
],
},
{
id: "2",
value: "Step 2",
title: "Select Your AI Tools",
items: [
"Pick specialized tools",
"Adjust settings and tone",
"Configure preferences",
],
},
{
id: "3",
value: "Step 3",
title: "Get Instant Results",
items: [
"Real-time streaming responses",
"Formatted with markdown & code",
"Download and share results",
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
className="how-it-works-section"
containerClassName="how-it-works-container"
textBoxTitleClassName="text-4xl font-light"
textBoxDescriptionClassName="text-lg opacity-85"
/>
</div>
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah Chen",
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg?_wi=2",
imageAlt: "Sarah Chen",
},
{
id: "2",
name: "Marcus Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/smart-businesswoman_23-2147707174.jpg?_wi=2",
imageAlt: "Marcus Johnson",
},
{
id: "3",
name: "Elena Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg?_wi=2",
imageAlt: "Elena Rodriguez",
},
{
id: "4",
name: "James Kim",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-executive-wearing-blue-suit_1139-190.jpg?_wi=2",
imageAlt: "James Kim",
},
{
id: "5",
name: "Priya Patel",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg?_wi=2",
imageAlt: "Priya Patel",
},
{
id: "6",
name: "David Martinez",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg?_wi=2",
imageAlt: "David Martinez",
},
]}
cardTitle="Join 50,000+ users transforming their work with AI"
cardTag="Trusted by professionals"
cardTagIcon={Heart}
cardAnimation="slide-up"
useInvertedBackground={false}
className="testimonial-section"
containerClassName="testimonial-container"
cardClassName="testimonial-card"
cardTitleClassName="text-2xl font-light"
/>
</div>
{/* Pricing Section */}
<div id="pricing" data-section="pricing">
<PricingCardEight
title="Simple, Transparent Pricing"
description="Choose the plan that fits your needs and scale as you grow"
tag="Flexible Plans"
tagIcon={Zap}
tagAnimation="slide-up"
plans={[
{
id: "free",
badge: "Perfect to Start",
badgeIcon: Sparkles,
price: "Free",
subtitle: "For exploring AI capabilities",
buttons: [
{
text: "Get Started",
href: "/signup",
},
],
features: [
"50 messages per day",
"Basic AI model access",
"Text and voice input",
"File uploads (5MB limit)",
"Community support",
],
},
{
id: "pro",
badge: "Most Popular",
badgeIcon: Crown,
price: "$12/mo",
subtitle: "For creators and professionals",
buttons: [
{
text: "Start Free Trial",
href: "/signup?plan=pro",
},
],
features: [
"Unlimited messages",
"All AI models (GPT, Claude, Gemini)",
"Image generation (100/month)",
"Priority response speed",
"File uploads (100MB limit)",
"Conversation history",
"Email support",
],
},
{
id: "business",
badge: "For Teams",
badgeIcon: Users,
price: "$49/mo",
subtitle: "For organizations and businesses",
buttons: [
{
text: "Contact Sales",
href: "/contact",
},
],
features: [
"Team collaboration features",
"API access",
"Advanced analytics",
"Custom integrations",
"Unlimited file uploads",
"Dedicated account manager",
"Priority support",
"Usage monitoring",
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
className="pricing-section"
containerClassName="pricing-container"
textBoxTitleClassName="text-4xl font-light"
textBoxDescriptionClassName="text-lg opacity-85"
/>
</div>
{/* FAQ Section */}
<div id="faq" data-section="faq">
<FaqSplitText
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about SmartAI Assistant"
faqs={[
{
id: "1",
title: "What AI models does SmartAI support?",
content: "SmartAI integrates with OpenAI's GPT models, Anthropic's Claude, and Google's Gemini. You can switch between these models at any time and choose from Fast, Balanced, or Creative modes to optimize for your needs.",
},
{
id: "2",
title: "Can I use SmartAI for commercial purposes?",
content: "Yes! Pro and Business plans allow commercial use. Free plan content cannot be used commercially. Please review our Terms of Service for specific guidelines on your use case.",
},
{
id: "3",
title: "How does file upload and analysis work?",
content: "Upload PDF, DOCX, TXT, or image files up to the limit of your plan. SmartAI will extract and analyze the content, allowing you to ask questions, get summaries, and extract key information from your documents.",
},
{
id: "4",
title: "Is my conversation data private and secure?",
content: "Yes. Your data is encrypted in transit and at rest. We use industry-standard security measures. Pro and Business users can opt for data deletion after 30 days. See our Privacy Policy for full details.",
},
{
id: "5",
title: "Can I use the API for integrations?",
content: "API access is available on Business plans. Contact our sales team to discuss custom integration solutions, rate limits, and enterprise requirements.",
},
{
id: "6",
title: "What happens if I exceed my message limit?",
content: "On Free plan, you'll receive a notification when approaching your daily limit. On Pro and Business plans, there are no message limits. You can monitor usage in your dashboard.",
},
]}
textPosition="left"
faqsAnimation="slide-up"
useInvertedBackground={false}
animationType="smooth"
className="faq-section"
containerClassName="faq-container"
sideTitleClassName="text-4xl font-light"
sideDescriptionClassName="text-lg opacity-85"
/>
</div>
{/* Footer Section */}
<div id="footer" data-section="footer">
<div id="dashboard-footer" data-section="dashboard-footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-abstract-technology-inspired-backgrou-1773139347817-c147b7a2.png?_wi=5"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-abstract-technology-inspired-backgrou-1773139347817-c147b7a2.png"
imageAlt="Tech background"
columns={footerColumns}
columns={[
{
title: "Product", items: [
{
label: "Chat Interface", href: "/"
},
{
label: "AI Tools", href: "#tools"
},
{
label: "Pricing", href: "#pricing"
},
{
label: "Status", href: "/"
},
],
},
{
title: "Company", items: [
{
label: "About Us", href: "/"
},
{
label: "Blog", href: "/"
},
{
label: "Careers", href: "/"
},
{
label: "Contact", href: "/chat"
},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "/"
},
{
label: "Terms of Service", href: "/"
},
{
label: "Cookie Policy", href: "/"
},
{
label: "Security", href: "/"
},
],
},
]}
logoText="SmartAI"
copyrightText="© 2025 SmartAI. All rights reserved."
className="footer-section"

View File

@@ -40,7 +40,8 @@ export default function HomePage() {
brandName="SmartAI"
navItems={navItems}
button={{
text: "Start Chatting Free", href: "/chat"}}
text: "Start Chatting Free", href: "/chat"
}}
/>
</div>
@@ -52,12 +53,15 @@ export default function HomePage() {
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{
variant: "plain"}}
variant: "plain"
}}
buttons={[
{
text: "Start Chatting Free", href: "/chat"},
text: "Start Chatting Free", href: "/chat"
},
{
text: "Explore Tools", href: "#tools"},
text: "Explore Tools", href: "#tools"
},
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/a-sleek-ai-chatbot-dashboard-interface-w-1773139345987-01f6fcb8.jpg"
@@ -65,7 +69,6 @@ export default function HomePage() {
mediaAnimation="blur-reveal"
imagePosition="right"
fixedMediaHeight={true}
useInvertedBackground={false}
className="hero-split-section"
containerClassName="hero-container"
textBoxClassName="hero-textbox"
@@ -84,15 +87,20 @@ export default function HomePage() {
tagAnimation="slide-up"
accordionItems={[
{
id: "1", title: "Multi-Model AI Chat", content: "Switch seamlessly between GPT, Claude, and Gemini models. Choose from Fast Mode for quick responses, Balanced Mode for optimal performance, or Creative Mode for imaginative outputs. Real-time streaming responses with markdown rendering and code syntax highlighting."},
id: "1", title: "Multi-Model AI Chat", content: "Switch seamlessly between GPT, Claude, and Gemini models. Choose from Fast Mode for quick responses, Balanced Mode for optimal performance, or Creative Mode for imaginative outputs. Real-time streaming responses with markdown rendering and code syntax highlighting."
},
{
id: "2", title: "Advanced File Upload & Analysis", content: "Upload PDF, DOCX, TXT, and image files. AI automatically summarizes documents, answers questions from content, extracts key information, and provides detailed analysis. Perfect for research, learning, and content extraction."},
id: "2", title: "Advanced File Upload & Analysis", content: "Upload PDF, DOCX, TXT, and image files. AI automatically summarizes documents, answers questions from content, extracts key information, and provides detailed analysis. Perfect for research, learning, and content extraction."
},
{
id: "3", title: "Voice Input & Output", content: "Use voice-to-text for hands-free input and text-to-speech for audio output. Enable conversation mode for interactive dialogue. Ideal for accessibility and multitasking."},
id: "3", title: "Voice Input & Output", content: "Use voice-to-text for hands-free input and text-to-speech for audio output. Enable conversation mode for interactive dialogue. Ideal for accessibility and multitasking."
},
{
id: "4", title: "AI Image Generation", content: "Generate custom images from text prompts with style selection options. Regenerate, download, and refine results. Support for multiple art styles and visual concepts."},
id: "4", title: "AI Image Generation", content: "Generate custom images from text prompts with style selection options. Regenerate, download, and refine results. Support for multiple art styles and visual concepts."
},
{
id: "5", title: "Professional Code Assistant", content: "Get code generation, debugging, explanation, and optimization suggestions. Support for Python, JavaScript, HTML, CSS, Java, and C++. Built-in editor with copy functionality and syntax highlighting."},
id: "5", title: "Professional Code Assistant", content: "Get code generation, debugging, explanation, and optimization suggestions. Support for Python, JavaScript, HTML, CSS, Java, and C++. Built-in editor with copy functionality and syntax highlighting."
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/a-code-assistant-tool-interface-showing--1773139345734-a3927367.png"
imageAlt="Code Assistant Interface"
@@ -115,17 +123,23 @@ export default function HomePage() {
tagAnimation="slide-up"
products={[
{
id: "1", name: "AI Writer", price: "Content", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-writer-tool-interface-with-title-i-1773139344961-bc00cf46.jpg", imageAlt: "AI Writer Tool"},
id: "1", name: "AI Writer", price: "Content", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-writer-tool-interface-with-title-i-1773139344961-bc00cf46.jpg", imageAlt: "AI Writer Tool"
},
{
id: "2", name: "Email Generator", price: "Campaigns", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-email-generator-interface-with-fie-1773139345284-dbbe88a1.jpg", imageAlt: "Email Generator Tool"},
id: "2", name: "Email Generator", price: "Campaigns", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-email-generator-interface-with-fie-1773139345284-dbbe88a1.jpg", imageAlt: "Email Generator Tool"
},
{
id: "3", name: "Resume Builder", price: "Careers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-resume-builder-interface-showing-r-1773139345724-ac0f3696.jpg", imageAlt: "Resume Builder Tool"},
id: "3", name: "Resume Builder", price: "Careers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-resume-builder-interface-showing-r-1773139345724-ac0f3696.jpg", imageAlt: "Resume Builder Tool"
},
{
id: "4", name: "Business Idea Generator", price: "Startups", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-writer-tool-interface-with-title-i-1773139344961-bc00cf46.jpg", imageAlt: "Business Idea Tool"},
id: "4", name: "Business Idea Generator", price: "Startups", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-writer-tool-interface-with-title-i-1773139344961-bc00cf46.jpg", imageAlt: "Business Idea Tool"
},
{
id: "5", name: "Study Helper", price: "Learning", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-email-generator-interface-with-fie-1773139345284-dbbe88a1.jpg", imageAlt: "Study Helper Tool"},
id: "5", name: "Study Helper", price: "Learning", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-email-generator-interface-with-fie-1773139345284-dbbe88a1.jpg", imageAlt: "Study Helper Tool"
},
{
id: "6", name: "Blog Post Generator", price: "Publishing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-resume-builder-interface-showing-r-1773139345724-ac0f3696.jpg", imageAlt: "Blog Post Tool"},
id: "6", name: "Blog Post Generator", price: "Publishing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-ai-resume-builder-interface-showing-r-1773139345724-ac0f3696.jpg", imageAlt: "Blog Post Tool"
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -148,15 +162,18 @@ export default function HomePage() {
metrics={[
{
id: "1", value: "Step 1", title: "Enter Your Question or Task", items: [
"Type or speak your request", "Upload files for analysis", "Choose your AI model"],
"Type or speak your request", "Upload files for analysis", "Choose your AI model"
],
},
{
id: "2", value: "Step 2", title: "Select Your AI Tools", items: [
"Pick specialized tools", "Adjust settings and tone", "Configure preferences"],
"Pick specialized tools", "Adjust settings and tone", "Configure preferences"
],
},
{
id: "3", value: "Step 3", title: "Get Instant Results", items: [
"Real-time streaming responses", "Formatted with markdown & code", "Download and share results"],
"Real-time streaming responses", "Formatted with markdown & code", "Download and share results"
],
},
]}
animationType="slide-up"
@@ -173,17 +190,23 @@ export default function HomePage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", imageAlt: "Sarah Chen"},
id: "1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", imageAlt: "Sarah Chen"
},
{
id: "2", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smart-businesswoman_23-2147707174.jpg", imageAlt: "Marcus Johnson"},
id: "2", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smart-businesswoman_23-2147707174.jpg", imageAlt: "Marcus Johnson"
},
{
id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", imageAlt: "Elena Rodriguez"},
id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", imageAlt: "Elena Rodriguez"
},
{
id: "4", name: "James Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-executive-wearing-blue-suit_1139-190.jpg", imageAlt: "James Kim"},
id: "4", name: "James Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-executive-wearing-blue-suit_1139-190.jpg", imageAlt: "James Kim"
},
{
id: "5", name: "Priya Patel", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg", imageAlt: "Priya Patel"},
id: "5", name: "Priya Patel", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg", imageAlt: "Priya Patel"
},
{
id: "6", name: "David Martinez", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", imageAlt: "David Martinez"},
id: "6", name: "David Martinez", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", imageAlt: "David Martinez"
},
]}
cardTitle="Join 50,000+ users transforming their work with AI"
cardTag="Trusted by professionals"
@@ -209,28 +232,34 @@ export default function HomePage() {
id: "free", badge: "Perfect to Start", badgeIcon: Sparkles,
price: "Free", subtitle: "For exploring AI capabilities", buttons: [
{
text: "Get Started", href: "/chat"},
text: "Get Started", href: "/chat"
},
],
features: [
"50 messages per day", "Basic AI model access", "Text and voice input", "File uploads (5MB limit)", "Community support"],
"50 messages per day", "Basic AI model access", "Text and voice input", "File uploads (5MB limit)", "Community support"
],
},
{
id: "pro", badge: "Most Popular", badgeIcon: Crown,
price: "$12/mo", subtitle: "For creators and professionals", buttons: [
{
text: "Start Free Trial", href: "/chat"},
text: "Start Free Trial", href: "/chat"
},
],
features: [
"Unlimited messages", "All AI models (GPT, Claude, Gemini)", "Image generation (100/month)", "Priority response speed", "File uploads (100MB limit)", "Conversation history", "Email support"],
"Unlimited messages", "All AI models (GPT, Claude, Gemini)", "Image generation (100/month)", "Priority response speed", "File uploads (100MB limit)", "Conversation history", "Email support"
],
},
{
id: "business", badge: "For Teams", badgeIcon: Users,
price: "$49/mo", subtitle: "For organizations and businesses", buttons: [
{
text: "Contact Sales", href: "/chat"},
text: "Contact Sales", href: "/chat"
},
],
features: [
"Team collaboration features", "API access", "Advanced analytics", "Custom integrations", "Unlimited file uploads", "Dedicated account manager", "Priority support", "Usage monitoring"],
"Team collaboration features", "API access", "Advanced analytics", "Custom integrations", "Unlimited file uploads", "Dedicated account manager", "Priority support", "Usage monitoring"
],
},
]}
animationType="slide-up"
@@ -249,17 +278,23 @@ export default function HomePage() {
sideDescription="Everything you need to know about SmartAI Assistant"
faqs={[
{
id: "1", title: "What AI models does SmartAI support?", content: "SmartAI integrates with OpenAI's GPT models, Anthropic's Claude, and Google's Gemini. You can switch between these models at any time and choose from Fast, Balanced, or Creative modes to optimize for your needs."},
id: "1", title: "What AI models does SmartAI support?", content: "SmartAI integrates with OpenAI's GPT models, Anthropic's Claude, and Google's Gemini. You can switch between these models at any time and choose from Fast, Balanced, or Creative modes to optimize for your needs."
},
{
id: "2", title: "Can I use SmartAI for commercial purposes?", content: "Yes! Pro and Business plans allow commercial use. Free plan content cannot be used commercially. Please review our Terms of Service for specific guidelines on your use case."},
id: "2", title: "Can I use SmartAI for commercial purposes?", content: "Yes! Pro and Business plans allow commercial use. Free plan content cannot be used commercially. Please review our Terms of Service for specific guidelines on your use case."
},
{
id: "3", title: "How does file upload and analysis work?", content: "Upload PDF, DOCX, TXT, or image files up to the limit of your plan. SmartAI will extract and analyze the content, allowing you to ask questions, get summaries, and extract key information from your documents."},
id: "3", title: "How does file upload and analysis work?", content: "Upload PDF, DOCX, TXT, or image files up to the limit of your plan. SmartAI will extract and analyze the content, allowing you to ask questions, get summaries, and extract key information from your documents."
},
{
id: "4", title: "Is my conversation data private and secure?", content: "Yes. Your data is encrypted in transit and at rest. We use industry-standard security measures. Pro and Business users can opt for data deletion after 30 days. See our Privacy Policy for full details."},
id: "4", title: "Is my conversation data private and secure?", content: "Yes. Your data is encrypted in transit and at rest. We use industry-standard security measures. Pro and Business users can opt for data deletion after 30 days. See our Privacy Policy for full details."
},
{
id: "5", title: "Can I use the API for integrations?", content: "API access is available on Business plans. Contact our sales team to discuss custom integration solutions, rate limits, and enterprise requirements."},
id: "5", title: "Can I use the API for integrations?", content: "API access is available on Business plans. Contact our sales team to discuss custom integration solutions, rate limits, and enterprise requirements."
},
{
id: "6", title: "What happens if I exceed my message limit?", content: "On Free plan, you'll receive a notification when approaching your daily limit. On Pro and Business plans, there are no message limits. You can monitor usage in your dashboard."},
id: "6", title: "What happens if I exceed my message limit?", content: "On Free plan, you'll receive a notification when approaching your daily limit. On Pro and Business plans, there are no message limits. You can monitor usage in your dashboard."
},
]}
textPosition="left"
faqsAnimation="slide-up"
@@ -280,37 +315,49 @@ export default function HomePage() {
{
title: "Product", items: [
{
label: "Chat Interface", href: "/"},
label: "Chat Interface", href: "/"
},
{
label: "AI Tools", href: "#tools"},
label: "AI Tools", href: "#tools"
},
{
label: "Pricing", href: "#pricing"},
label: "Pricing", href: "#pricing"
},
{
label: "Status", href: "/"},
label: "Status", href: "/"
},
],
},
{
title: "Company", items: [
{
label: "About Us", href: "/"},
label: "About Us", href: "/"
},
{
label: "Blog", href: "/"},
label: "Blog", href: "/"
},
{
label: "Careers", href: "/"},
label: "Careers", href: "/"
},
{
label: "Contact", href: "/chat"},
label: "Contact", href: "/chat"
},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "/"},
label: "Privacy Policy", href: "/"
},
{
label: "Terms of Service", href: "/"},
label: "Terms of Service", href: "/"
},
{
label: "Cookie Policy", href: "/"},
label: "Cookie Policy", href: "/"
},
{
label: "Security", href: "/"},
label: "Security", href: "/"
},
],
},
]}