diff --git a/apps/www/app/(routes)/page.tsx b/apps/www/app/(routes)/page.tsx index 30d2935..63a7d47 100644 --- a/apps/www/app/(routes)/page.tsx +++ b/apps/www/app/(routes)/page.tsx @@ -58,11 +58,17 @@ export default function Home() { -
+
-
+
diff --git a/apps/www/app/layout.tsx b/apps/www/app/layout.tsx index de325fe..57512ad 100644 --- a/apps/www/app/layout.tsx +++ b/apps/www/app/layout.tsx @@ -19,7 +19,7 @@ export default function RootLayout({ +
diff --git a/apps/www/components/custom/hero/agents.sec.tsx b/apps/www/components/custom/hero/agents.sec.tsx index eb4a6e5..d116804 100644 --- a/apps/www/components/custom/hero/agents.sec.tsx +++ b/apps/www/components/custom/hero/agents.sec.tsx @@ -1,18 +1,57 @@ import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +import { + IconBrain, + IconRobot, + IconCode, + IconArrowRight, +} from "@tabler/icons-react"; import { SectionHeader, SectionHeaderDescription, SectionHeaderHeading, } from "../text-wrappers"; import { siteConfig } from "@/config/site.config"; -// import AgentsBento from "../bentos/agents-bento"; +import { cn } from "@/lib/utils"; +import { aiCode } from "@/images/image"; + +const agentCards = [ + { + title: "AI Assistant", + description: + "Intelligent coding companion that understands your needs. It helps streamline your coding process and enhances productivity.", + icon: IconBrain, + href: "/features/ai-assistant", + class: "md:col-span-2 md:row-span-2 h-[40rem]", + image: aiCode, + }, + { + title: "Smart Automation", + description: + "Automate repetitive tasks with intelligent workflows. This feature allows you to focus on more important aspects of your projects.", + icon: IconRobot, + href: "/features/automation", + class: "", + image: null, + }, + { + title: "Code Generation", + description: + "Generate high-quality code snippets instantly. This tool saves time and reduces the likelihood of errors in your code.", + icon: IconCode, + href: "/features/code-gen", + class: "", + image: "", + }, +]; export default function AgentsSec() { return ( -
+
-
- +
+ {siteConfig.homePage.sections.agents.heading} @@ -20,7 +59,41 @@ export default function AgentsSec() { {siteConfig.homePage.sections.agents.description} - {/* */} + +
+ {agentCards.map((card, index) => ( +
+ {/* */} + {card.image && ( +
+ {card.title} +
+ )} +

{card.title}

+

{card.description}

+
+ + Read More{" "} + + +
+ ))} +
); diff --git a/apps/www/components/custom/hero/widgets.sec.tsx b/apps/www/components/custom/hero/widgets.sec.tsx index 12507a0..8e60966 100644 --- a/apps/www/components/custom/hero/widgets.sec.tsx +++ b/apps/www/components/custom/hero/widgets.sec.tsx @@ -1,17 +1,57 @@ import React from "react"; +import Link from "next/link"; +import { + IconPuzzle, + IconBolt, + IconStack, + IconTools, + IconArrowRight, +} from "@tabler/icons-react"; import { SectionHeader, SectionHeaderDescription, SectionHeaderHeading, } from "../text-wrappers"; import { siteConfig } from "@/config/site.config"; +import { cn } from "@/lib/utils"; + +const widgetCards = [ + { + title: "Customizable Widgets", + description: + "Build and customize widgets that fit your workflow perfectly. Enjoy the flexibility to adapt them as your needs evolve.", + icon: IconPuzzle, + href: "/features/widgets", + }, + { + title: "Quick Actions", + description: + "Execute common tasks with lightning-fast shortcuts. Save time and increase productivity with every click.", + icon: IconBolt, + href: "/features/quick-actions", + }, + { + title: "Widget Library", + description: + "Access a growing collection of pre-built widgets. Easily integrate them into your projects for rapid development.", + icon: IconStack, + href: "/features/library", + }, + { + title: "Developer Tools", + description: + "Essential tools to boost your development workflow. Streamline your processes and enhance collaboration with your team.", + icon: IconTools, + href: "/features/tools", + }, +]; export default function WidgetsSec() { return ( -
+
-
- +
+ {siteConfig.homePage.sections.widgets.heading} @@ -19,6 +59,27 @@ export default function WidgetsSec() { {siteConfig.homePage.sections.widgets.description} + +
+ {widgetCards.map((card, index) => ( +
+ {/* */} +

{card.title}

+

{card.description}

+
+ + Read More{" "} + + +
+ ))} +
); diff --git a/apps/www/config/site.config.ts b/apps/www/config/site.config.ts index 1bc65cc..1f00d3e 100644 --- a/apps/www/config/site.config.ts +++ b/apps/www/config/site.config.ts @@ -17,7 +17,7 @@ What started as a simple issue tracker, has since evolved into a powerful projec }, }, homePage: { - heading: "Integrate Ai services in your products with own Ai agents", + heading: "Integrate AI services in your products with own AI agents", description: `Empower your SAAS support service with your own AI agent. Let our intelligent assistant handle your customer queries, provide instant solutions, and enhance your customer satisfaction.`, @@ -29,7 +29,7 @@ What started as a simple issue tracker, has since evolved into a powerful projec description: `Linear is shaped by the practices and principles that distinguish world-class product teams from the rest: relentless focus, fast execution, and a commitment to the quality of craft.`, }, agents: { - heading: "Build your own Ai agents", + heading: "Build your own AI agents", description: `Linear is shaped by the practices and principles that distinguish world-class product teams from the rest: relentless focus, fast execution, and a commitment to the quality of craft.`, }, widgets: { diff --git a/apps/www/images/image.ts b/apps/www/images/image.ts new file mode 100644 index 0000000..837ed18 --- /dev/null +++ b/apps/www/images/image.ts @@ -0,0 +1,3 @@ +import aiCode from "../assests/ai-assistant.ts.png"; + +export { aiCode }; diff --git a/apps/www/tailwind.config.ts b/apps/www/tailwind.config.ts index 7754092..d321769 100644 --- a/apps/www/tailwind.config.ts +++ b/apps/www/tailwind.config.ts @@ -9,6 +9,9 @@ const config: Config = { ], theme: { extend: { + fontFamily: { + inter: ["var(--font-inter)", "sans-serif"], + }, colors: { background: "hsl(var(--background))", foreground: "hsl(var(--foreground))",