Merge version_1 into main #2
@@ -24,7 +24,7 @@ export default function ChatPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -35,9 +35,7 @@ export default function ChatPage() {
|
||||
brandName="SmartAI"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Start Chatting Free",
|
||||
href: "/chat",
|
||||
}}
|
||||
text: "Start Chatting Free", href: "/chat"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -49,20 +47,15 @@ export default function ChatPage() {
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "fluid",
|
||||
}}
|
||||
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?_wi=2"
|
||||
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 Chat Dashboard"
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
@@ -86,22 +79,13 @@ 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?_wi=2"
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -115,70 +99,43 @@ export default function ChatPage() {
|
||||
|
||||
<div id="chat-footer" data-section="chat-footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-abstract-technology-inspired-backgrou-1773139347817-c147b7a2.png?_wi=2"
|
||||
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={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
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: [
|
||||
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: [
|
||||
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: "/"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
309
src/app/page.tsx
309
src/app/page.tsx
@@ -11,7 +11,7 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
|
||||
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, Wrench, Lightbulb, Heart, Crown, Users } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -29,7 +29,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -40,9 +40,7 @@ export default function HomePage() {
|
||||
brandName="SmartAI"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Start Chatting Free",
|
||||
href: "/chat",
|
||||
}}
|
||||
text: "Start Chatting Free", href: "/chat"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -54,20 +52,15 @@ export default function HomePage() {
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "fluid",
|
||||
}}
|
||||
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?_wi=1"
|
||||
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 Interface"
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
@@ -91,32 +84,17 @@ 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?_wi=1"
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -133,51 +111,21 @@ export default function HomePage() {
|
||||
title="Specialized AI Tools"
|
||||
description="Dedicated interfaces for specific use cases—all powered by advanced AI models"
|
||||
tag="9 Powerful Tools"
|
||||
tagIcon={Tool}
|
||||
tagIcon={Wrench}
|
||||
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=1",
|
||||
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?_wi=1",
|
||||
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?_wi=1",
|
||||
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?_wi=2",
|
||||
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?_wi=2",
|
||||
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?_wi=2",
|
||||
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"
|
||||
@@ -199,34 +147,16 @@ export default function HomePage() {
|
||||
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: "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: "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",
|
||||
],
|
||||
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"
|
||||
@@ -243,41 +173,17 @@ 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?_wi=1",
|
||||
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?_wi=1",
|
||||
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?_wi=1",
|
||||
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?_wi=1",
|
||||
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?_wi=1",
|
||||
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?_wi=1",
|
||||
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"
|
||||
@@ -300,69 +206,31 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Perfect to Start",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Free",
|
||||
subtitle: "For exploring AI capabilities",
|
||||
buttons: [
|
||||
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: [
|
||||
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: [
|
||||
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"
|
||||
@@ -381,35 +249,17 @@ 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"
|
||||
@@ -424,70 +274,43 @@ export default function HomePage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-abstract-technology-inspired-backgrou-1773139347817-c147b7a2.png?_wi=1"
|
||||
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={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
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: [
|
||||
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: [
|
||||
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: "/"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -7,7 +7,7 @@ import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwent
|
||||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import Link from "next/link";
|
||||
import { Tool, Zap, Lightbulb } from "lucide-react";
|
||||
import { Wrench, Zap, Lightbulb } from "lucide-react";
|
||||
|
||||
export default function ToolsPage() {
|
||||
const navItems = [
|
||||
@@ -25,7 +25,7 @@ export default function ToolsPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -36,9 +36,7 @@ export default function ToolsPage() {
|
||||
brandName="SmartAI"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Start Chatting Free",
|
||||
href: "/",
|
||||
}}
|
||||
text: "Start Chatting Free", href: "/"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -47,51 +45,21 @@ export default function ToolsPage() {
|
||||
title="Specialized AI Tools"
|
||||
description="Dedicated interfaces for specific use cases—all powered by advanced AI models"
|
||||
tag="9 Powerful Tools"
|
||||
tagIcon={Tool}
|
||||
tagIcon={Wrench}
|
||||
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=3",
|
||||
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?_wi=3",
|
||||
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?_wi=3",
|
||||
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?_wi=4",
|
||||
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?_wi=4",
|
||||
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?_wi=4",
|
||||
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"
|
||||
@@ -113,27 +81,15 @@ export default function ToolsPage() {
|
||||
tagAnimation="slide-up"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Content Creation Tools",
|
||||
content: "AI Writer for blogs, essays, and creative content. Email Generator for professional communication. Blog Post Generator for SEO-optimized articles. Business Idea Generator for startup concepts.",
|
||||
},
|
||||
id: "1", title: "Content Creation Tools", content: "AI Writer for blogs, essays, and creative content. Email Generator for professional communication. Blog Post Generator for SEO-optimized articles. Business Idea Generator for startup concepts."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Career & Education Tools",
|
||||
content: "Resume Builder for professional CVs with ATS optimization. Cover Letter Generator for personalized applications. Study Helper for exam prep and learning. Interview Coach for preparation and feedback.",
|
||||
},
|
||||
id: "2", title: "Career & Education Tools", content: "Resume Builder for professional CVs with ATS optimization. Cover Letter Generator for personalized applications. Study Helper for exam prep and learning. Interview Coach for preparation and feedback."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Social & Marketing Tools",
|
||||
content: "Social Caption Generator for trending content. YouTube Script Writer for video creators. Ad Copy Generator for marketing campaigns. Meta Description Generator for SEO.",
|
||||
},
|
||||
id: "3", title: "Social & Marketing Tools", content: "Social Caption Generator for trending content. YouTube Script Writer for video creators. Ad Copy Generator for marketing campaigns. Meta Description Generator for SEO."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Advanced Tool Features",
|
||||
content: "All tools support multiple tones and styles. Real-time preview of generated content. Export in multiple formats. Version history and collaboration features on Pro plans.",
|
||||
},
|
||||
id: "4", title: "Advanced Tool Features", content: "All tools support multiple tones and styles. Real-time preview of generated content. Export in multiple formats. Version history and collaboration features on Pro plans."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/a-code-assistant-tool-interface-showing--1773139345734-a3927367.png?_wi=3"
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -154,34 +110,16 @@ export default function ToolsPage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Select",
|
||||
title: "Choose Your Tool",
|
||||
items: [
|
||||
"Pick from 9+ specialized tools",
|
||||
"Each tool optimized for specific tasks",
|
||||
"Browse all available categories",
|
||||
],
|
||||
id: "1", value: "Select", title: "Choose Your Tool", items: [
|
||||
"Pick from 9+ specialized tools", "Each tool optimized for specific tasks", "Browse all available categories"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Configure",
|
||||
title: "Set Your Parameters",
|
||||
items: [
|
||||
"Choose tone and style",
|
||||
"Set context and preferences",
|
||||
"Customize output format",
|
||||
],
|
||||
id: "2", value: "Configure", title: "Set Your Parameters", items: [
|
||||
"Choose tone and style", "Set context and preferences", "Customize output format"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Generate",
|
||||
title: "Get Your Results",
|
||||
items: [
|
||||
"Instant AI-powered output",
|
||||
"Edit and refine as needed",
|
||||
"Export in your preferred format",
|
||||
],
|
||||
id: "3", value: "Generate", title: "Get Your Results", items: [
|
||||
"Instant AI-powered output", "Edit and refine as needed", "Export in your preferred format"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -196,12 +134,11 @@ export default function ToolsPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Akaw0DhSl1B0sHkNxUHVK0qmM2/an-abstract-technology-inspired-backgrou-1773139347817-c147b7a2.png?_wi=3"
|
||||
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={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Chat Interface", href: "/" },
|
||||
{ label: "AI Tools", href: "/tools" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
@@ -209,8 +146,7 @@ export default function ToolsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -218,8 +154,7 @@ export default function ToolsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user