From a700d68d06f6514d5850955095ad9e52579a143c Mon Sep 17 00:00:00 2001 From: marko-kraemer Date: Thu, 4 Sep 2025 17:51:41 -0700 Subject: [PATCH] landing section --- .../{samples => }/docs_agent_prompt.md | 0 .../presentation_agent_prompt.md | 0 frontend/src/app/(home)/page.tsx | 4 +- .../home/sections/capabilities-section.tsx | 120 ++++++++++++++++++ frontend/src/lib/home.tsx | 20 +-- 5 files changed, 133 insertions(+), 11 deletions(-) rename backend/core/prompts/{samples => }/docs_agent_prompt.md (100%) rename backend/core/prompts/{samples => }/presentation_agent_prompt.md (100%) create mode 100644 frontend/src/components/home/sections/capabilities-section.tsx diff --git a/backend/core/prompts/samples/docs_agent_prompt.md b/backend/core/prompts/docs_agent_prompt.md similarity index 100% rename from backend/core/prompts/samples/docs_agent_prompt.md rename to backend/core/prompts/docs_agent_prompt.md diff --git a/backend/core/prompts/samples/presentation_agent_prompt.md b/backend/core/prompts/presentation_agent_prompt.md similarity index 100% rename from backend/core/prompts/samples/presentation_agent_prompt.md rename to backend/core/prompts/presentation_agent_prompt.md diff --git a/frontend/src/app/(home)/page.tsx b/frontend/src/app/(home)/page.tsx index b80eda99..973a8e7f 100644 --- a/frontend/src/app/(home)/page.tsx +++ b/frontend/src/app/(home)/page.tsx @@ -19,6 +19,7 @@ import { TestimonialSection } from '@/components/home/sections/testimonial-secti import { FAQSection } from '@/components/home/sections/faq-section'; import { AgentShowcaseSection } from '@/components/home/sections/agent-showcase-section'; import { DeliverablesSection } from '@/components/home/sections/deliverables-section'; +import { CapabilitiesSection } from '@/components/home/sections/capabilities-section'; export default function Home() { return ( @@ -28,7 +29,8 @@ export default function Home() {
- + + {/* */} {/* */} diff --git a/frontend/src/components/home/sections/capabilities-section.tsx b/frontend/src/components/home/sections/capabilities-section.tsx new file mode 100644 index 00000000..b09ba3aa --- /dev/null +++ b/frontend/src/components/home/sections/capabilities-section.tsx @@ -0,0 +1,120 @@ +'use client'; + +import { SectionHeader } from '@/components/home/section-header'; +import { motion, useInView } from 'motion/react'; +import { useRef } from 'react'; +import { + FileText, + Image, + Presentation, + Globe, + BarChart3, + ShoppingCart, + Users, + Clock +} from 'lucide-react'; + +const capabilities = [ + { + title: 'Create Professional Documents', + description: 'Generate reports, proposals, contracts, and presentations that look like they came from a top agency. PDF, Word, PowerPoint - any format you need.', + icon: , + }, + { + title: 'Design Graphics & Visuals', + description: 'Create logos, social media graphics, infographics, and custom images from just a text description. No design skills required.', + icon: , + }, + { + title: 'Build Stunning Presentations', + description: 'Turn your ideas into polished slide decks with professional layouts, charts, and images sourced automatically.', + icon: , + }, + { + title: 'Research Anything Online', + description: 'Get comprehensive research reports on competitors, markets, trends, or any topic with verified sources and current data.', + icon: , + }, + { + title: 'Analyze Your Data', + description: 'Upload spreadsheets, sales data, or any files and get insights, trends, forecasts, and beautiful charts in minutes.', + icon: , + }, + { + title: 'Automate Online Tasks', + description: 'Fill out forms, collect data from websites, monitor prices, schedule posts, and handle repetitive web tasks while you sleep.', + icon: , + }, + { + title: 'Manage Your Workflows', + description: 'Set up automated processes for lead generation, customer follow-ups, content creation, and daily business operations.', + icon: , + }, + { + title: 'Work Around the Clock', + description: 'Kortix never sleeps. Schedule tasks to run overnight, on weekends, or whenever you need work done without being there.', + icon: , + }, +]; + +export function CapabilitiesSection() { + const ref = useRef(null); + const isInView = useInView(ref, { once: true, margin: "-10%" }); + + return ( +
+
+
+ +

+ What Can Kortix Do For You? +

+

+ From content creation to data analysis, Kortix handles the work that takes you hours in just minutes. +

+ + +
+ {capabilities.map((capability, index) => ( + + {/* Icon */} +
+
+ {capability.icon} +
+
+ + {/* Content */} +
+

+ {capability.title} +

+

+ {capability.description} +

+
+ + {/* Hover effect border */} +
+ + ))} +
+
+
+
+ ); +} diff --git a/frontend/src/lib/home.tsx b/frontend/src/lib/home.tsx index 192c30a9..efc72e71 100644 --- a/frontend/src/lib/home.tsx +++ b/frontend/src/lib/home.tsx @@ -129,7 +129,7 @@ export const siteConfig = { '2 custom agents', 'Public projects', 'Basic abilities', - 'Community support', + // 'Community support', ], stripePriceId: config.SUBSCRIPTION_TIERS.FREE.priceId, upgradePlans: [], @@ -153,7 +153,7 @@ export const siteConfig = { 'Custom abilities', '100+ integrations', 'Premium AI Models', - 'Image, Video, Slides generation', + 'Advanced AI Capabilities', ], stripePriceId: config.SUBSCRIPTION_TIERS.TIER_2_20.priceId, yearlyStripePriceId: config.SUBSCRIPTION_TIERS.TIER_2_20_YEARLY.priceId, @@ -179,7 +179,7 @@ export const siteConfig = { 'Custom abilities', '100+ integrations', 'Premium AI Models', - 'Image, Video, Slides generation', + 'Advanced AI Capabilities', ], stripePriceId: config.SUBSCRIPTION_TIERS.TIER_6_50.priceId, yearlyStripePriceId: config.SUBSCRIPTION_TIERS.TIER_6_50_YEARLY.priceId, @@ -204,7 +204,7 @@ export const siteConfig = { 'Custom abilities', '100+ integrations', 'Premium AI Models', - 'Image, Video, Slides generation', + 'Advanced AI Capabilities', ], stripePriceId: config.SUBSCRIPTION_TIERS.TIER_12_100.priceId, yearlyStripePriceId: config.SUBSCRIPTION_TIERS.TIER_12_100_YEARLY.priceId, @@ -230,7 +230,7 @@ export const siteConfig = { '100+ integrations', 'Premium AI Models', 'Priority Support', - 'Image, Video, Slides generation', + 'Advanced AI Capabilities', ], stripePriceId: config.SUBSCRIPTION_TIERS.TIER_25_200.priceId, yearlyStripePriceId: config.SUBSCRIPTION_TIERS.TIER_25_200_YEARLY.priceId, @@ -255,7 +255,7 @@ export const siteConfig = { '100+ integrations', 'Premium AI Models', 'Priority support', - 'Image, Video, Slides generation', + 'Advanced AI Capabilities', ], stripePriceId: config.SUBSCRIPTION_TIERS.TIER_50_400.priceId, yearlyStripePriceId: config.SUBSCRIPTION_TIERS.TIER_50_400_YEARLY.priceId, @@ -280,7 +280,7 @@ export const siteConfig = { '100+ integrations', 'Premium AI Models', 'Priority support', - 'Image, Video, Slides generation', + 'Advanced AI Capabilities', 'Dedicated account manager', ], stripePriceId: config.SUBSCRIPTION_TIERS.TIER_125_800.priceId, @@ -306,7 +306,7 @@ export const siteConfig = { '100+ integrations', 'Premium AI Models', 'Priority support', - 'Image, Video, Slides generation', + 'Advanced AI Capabilities', 'Dedicated account manager', 'Custom deployment', ], @@ -945,7 +945,7 @@ export const siteConfig = { 'Full agent capabilities', 'Unlimited usage', 'Full source code access', - 'Community support', + // 'Community support', ], description: 'Perfect for individual users and developers', buttonText: 'Hire Suna', @@ -966,7 +966,7 @@ export const siteConfig = { 'Local data storage', 'Integration with your tools', 'Full customization', - 'Community support', + // 'Community support', ], description: 'Ideal for organizations with specific requirements', buttonText: 'View Docs',