From 1f58687ecfc705c722f00228628990037eb2df58 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 10:47:14 +0000 Subject: [PATCH 1/3] Update src/app/chat/page.tsx --- src/app/chat/page.tsx | 95 ++++++++++++------------------------------- 1 file changed, 26 insertions(+), 69 deletions(-) diff --git a/src/app/chat/page.tsx b/src/app/chat/page.tsx index d83aefe..f2a51d5 100644 --- a/src/app/chat/page.tsx +++ b/src/app/chat/page.tsx @@ -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"}} /> @@ -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() { @@ -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() { Date: Tue, 10 Mar 2026 10:47:15 +0000 Subject: [PATCH 3/3] Update src/app/tools/page.tsx --- src/app/tools/page.tsx | 115 +++++++++-------------------------------- 1 file changed, 25 insertions(+), 90 deletions(-) diff --git a/src/app/tools/page.tsx b/src/app/tools/page.tsx index b8bcf08..432e60a 100644 --- a/src/app/tools/page.tsx +++ b/src/app/tools/page.tsx @@ -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: "/"}} /> @@ -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() {