Merge pull request #605 from RobinNagpal/hassaan/dodao-homepage-ai-agent

detailed pages of products done
RobinNagpal · Jan 17, 2025 · 3ab966d · 3ab966d
2 parents 41c5a4e + e04c3e0
commit 3ab966d
Show file tree

Hide file tree

Showing 4 changed files with 153 additions and 2 deletions.
diff --git a/academy-ui/src/app/home-section/dodao-io/products/academysites/academysites.tsx b/academy-ui/src/app/home-section/dodao-io/products/academysites/academysites.tsx
@@ -64,6 +64,21 @@ const features = [
   },
 ];
 
+const incentives = [
+  {
+    name: 'Goal and Objectives',
+    description:
+      'The primary goal of Academy Sites is to make blockchain education accessible, concise, and engaging for users of all skill levels.Traditional learning methods often overwhelm learners with fragmented or overly technical content, making it challenging to grasp the core functionalities of platforms like Arbitrum and Uniswap. Academy sites address this challenge in a very effective way.',
+    imageSrc: 'https://tailwindui.com/plus/img/ecommerce/icons/icon-delivery-light.svg',
+  },
+  {
+    name: 'The Solution',
+    description:
+      'Academy Sites provide a structured, interactive, and user-friendly learning environment. By combining detailed guides, bite-sized tidbits, clickable demos, and short videos, the platform caters to diverse learning styles and preferences. These sites align with the branding of their respective platforms, ensuring a consistent user experience, while delivering high-impact educational content that simplifies blockchain technology.',
+    imageSrc: 'https://tailwindui.com/plus/img/ecommerce/icons/icon-chat-light.svg',
+  },
+];
+
 function AcademySitesComponent() {
   const [showContactModal, setShowContactModal] = useState(false);
   return (
@@ -133,7 +148,7 @@ function AcademySitesComponent() {
                     <rect y={72} fill="currentColor" width={640} height={640} className="text-gray-50" />
                     <rect x={118} fill="url(#4f4f415c-a0e9-44c2-9601-6ded5a34a13e)" width={404} height={784} />
                   </svg>
-                  <div className="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md">
+                  <div className="relative mx-auto w-full rounded-lg shadow-lg">
                     <button
                       type="button"
                       className="relative block w-full overflow-hidden rounded-lg bg-white focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
@@ -149,6 +164,26 @@ function AcademySitesComponent() {
         </div>
       </div>
 
+      <div className="bg-gray-50">
+        <div className="mx-auto max-w-7xl py-24 sm:px-2 sm:py-20 lg:px-4 mt-12">
+          <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 px-4 lg:max-w-none lg:grid-cols-2">
+            {incentives.map((incentive) => (
+              <div key={incentive.name} className="text-center sm:flex sm:text-left lg:block lg:text-center">
+                <div className="sm:shrink-0">
+                  <div className="flow-root">
+                    <img alt="" src={incentive.imageSrc} className="mx-auto h-24 w-28" />
+                  </div>
+                </div>
+                <div className="mt-3 sm:ml-3 sm:mt-0 lg:ml-0 lg:mt-3">
+                  <h3 className="text-lg font-semibold text-gray-900">{incentive.name}</h3>
+                  <p className="mt-2 text-base text-gray-500">{incentive.description}</p>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
       <div className="relative bg-white py-20 sm:py-28 lg:py-36">
         <div className="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
           <h2 className="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">Features of the Solution</h2>

diff --git a/...ui/src/app/home-section/dodao-io/products/ai-crowdfunding-agent/ai-crowdfunding-agent.tsx b/...ui/src/app/home-section/dodao-io/products/ai-crowdfunding-agent/ai-crowdfunding-agent.tsx
@@ -65,6 +65,21 @@ const features = [
   },
 ];
 
+const incentives = [
+  {
+    name: 'Goal and Objectives',
+    description:
+      'The goal of our AI Crowdfunding Agent is to enhance your ability to evaluate startups listed on crowdfunding platforms by leveraging advanced AI capabilities. These projects often carry higher risks as they are not backed by venture capital, which may suggest potential challenges in market readiness or scalability. Furthermore, limited guidance and a lack of access to detailed information can leave you exposed to the risk of making poor investment decisions. Assessing and acknowledging the scope of improvement, we designed this solution to address the problem effectively.',
+    imageSrc: 'https://tailwindui.com/plus/img/ecommerce/icons/icon-delivery-light.svg',
+  },
+  {
+    name: 'The Solution',
+    description:
+      'We revolutionized the evaluation of crowdfunding opportunities by designing AI agents that thoroughly analyze projects and generate detailed, data-driven reports. These agents simplify complex information and provide critical insights into financial metrics, market positioning, and regulatory compliance while offering a clear assessment of the managing team’s expertise and experience. By identifying strengths, risks, and growth opportunities, these AI tools empower even those with no prior evaluation experience to invest confidently. Our solution ensures transparency, minimizes risks, and directs funds toward safer, more promising projects with strong potential for success.',
+    imageSrc: 'https://tailwindui.com/plus/img/ecommerce/icons/icon-chat-light.svg',
+  },
+];
+
 function AiCrowdfundedComponent() {
   const [showContactModal, setShowContactModal] = useState(false);
   return (
@@ -149,6 +164,26 @@ function AiCrowdfundedComponent() {
         </div>
       </div>
 
+      <div className="bg-gray-50">
+        <div className="mx-auto max-w-7xl py-24 sm:px-2 sm:py-20 lg:px-4 mt-12">
+          <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 px-4 lg:max-w-none lg:grid-cols-2">
+            {incentives.map((incentive) => (
+              <div key={incentive.name} className="text-center sm:flex sm:text-left lg:block lg:text-center">
+                <div className="sm:shrink-0">
+                  <div className="flow-root">
+                    <img alt="" src={incentive.imageSrc} className="mx-auto h-24 w-28" />
+                  </div>
+                </div>
+                <div className="mt-3 sm:ml-3 sm:mt-0 lg:ml-0 lg:mt-3">
+                  <h3 className="text-lg font-semibold text-gray-900">{incentive.name}</h3>
+                  <p className="mt-2 text-base text-gray-500">{incentive.description}</p>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
       <div className="relative bg-white py-20 sm:py-28 lg:py-36">
         <div className="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
           <h2 className="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">Features of the Solution</h2>

diff --git a/academy-ui/src/app/home-section/dodao-io/products/ai-crowdfunding-agent/page.tsx b/academy-ui/src/app/home-section/dodao-io/products/ai-crowdfunding-agent/page.tsx
@@ -1,6 +1,52 @@
 import PageWrapper from '@dodao/web-core/components/core/page/PageWrapper';
+import { Metadata } from 'next';
 import AiCrowdfundedComponent from './ai-crowdfunding-agent';
 
+export const metadata: Metadata = {
+  title: 'AI Crowdfunding Analyzer - Intelligent Investment Insights | DoDAO',
+  description:
+    'DoDAO’s AI Crowdfunding Analyzer revolutionizes the evaluation of crowdfunded startups by identifying both green and red flags. Empower your investment decisions with data-driven insights and comprehensive team evaluations.',
+  keywords: [
+    'AI Crowdfunding Analyzer',
+    'AI Agent for startups',
+    'AI Agent for Crowdfunding',
+    'Investment Analysis',
+    'AI Investment Tools',
+    'Crowdfunded Startups',
+    'Risk Assessment',
+    'Team Evaluation',
+    'DoDAO',
+    'AI Financial Insights',
+    'Data-driven Decisions',
+  ],
+  authors: [{ name: 'DoDAO' }],
+  robots: {
+    index: true,
+    follow: true,
+  },
+  alternates: {
+    canonical: 'https://dodao.io/home-section/dodao-io/products/ai-crowdfunding-agent',
+  },
+  openGraph: {
+    title: 'AI Crowdfunding Analyzer - Intelligent Investment Insights | DoDAO',
+    description:
+      'Discover how DoDAO’s AI Agent uses to streamline investment decisions for crowdfunded startups. Evaluate team performance, financials, and market data—all in one comprehensive platform.',
+    url: 'https://dodao.io/home-section/dodao-io/products/ai-crowdfunding-agent',
+    type: 'website',
+    images: ['https://d31h13bdjwgzxs.cloudfront.net/academy/tidbitshub/Space/tidbitshub/1711618687477_dodao_logo%2Btext%20rectangle.png'],
+    siteName: 'DoDAO',
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: 'AI Crowdfunding Analyzer - Intelligent Investment Insights | DoDAO',
+    description:
+      'Evaluate crowdfunded ventures with AI Agent. DoDAO’s AI Crowdfunding Analyzer identifies green and red flags, helping investors make smarter, data-backed decisions.',
+    images: ['https://d31h13bdjwgzxs.cloudfront.net/academy/tidbitshub/Space/tidbitshub/1711618687477_dodao_logo%2Btext%20rectangle.png'],
+    site: '@dodao_io',
+    creator: '@dodao_io',
+  },
+};
+
 function AiCrowdfundedPage() {
   return (
     <PageWrapper>

diff --git a/academy-ui/src/app/home-section/dodao-io/products/tidbitshub/tidbitshub.tsx b/academy-ui/src/app/home-section/dodao-io/products/tidbitshub/tidbitshub.tsx
@@ -59,6 +59,21 @@ const features = [
   },
 ];
 
+const incentives = [
+  {
+    name: 'Goal and Objectives',
+    description:
+      'The objective of Tidbits Hub is to address the challenge of long-form content fatigue, which makes it tedious and overwhelming for customers to navigate through extensive material to find specific product features they are interested in. Long documents often complicate the onboarding process, leading to customer disengagement and product abandonment. Tidbits Hub was specifically designed to tackle this issue effectively.',
+    imageSrc: 'https://tailwindui.com/plus/img/ecommerce/icons/icon-delivery-light.svg',
+  },
+  {
+    name: 'The Solution',
+    description:
+      'Tidbits Hub provides a tailored platform that consolidates bite-sized content, interactive demos, and short videos into one seamless experience. It will help companies educate customers effectively, allowing them to grasp product knowledge in under 10-15 minutes.This solution is designed to mimic your company’s branding through white-labeled websites hosted on custom domains (e.g., https://tidbits.company.com). By structuring content into intuitive collections, we ensure users can quickly find and absorb key information without navigating complex documentation.',
+    imageSrc: 'https://tailwindui.com/plus/img/ecommerce/icons/icon-chat-light.svg',
+  },
+];
+
 function TidbitsHubComponent() {
   return (
     <div>
@@ -126,7 +141,7 @@ function TidbitsHubComponent() {
                     <rect y={72} fill="currentColor" width={640} height={640} className="text-gray-50" />
                     <rect x={118} fill="url(#4f4f415c-a0e9-44c2-9601-6ded5a34a13e)" width={404} height={784} />
                   </svg>
-                  <div className="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md">
+                  <div className="relative mx-auto w-full rounded-lg shadow-lg">
                     <button
                       type="button"
                       className="relative block w-full overflow-hidden rounded-lg bg-white focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
@@ -142,6 +157,26 @@ function TidbitsHubComponent() {
         </div>
       </div>
 
+      <div className="bg-gray-50">
+        <div className="mx-auto max-w-7xl py-24 sm:px-2 sm:py-20 lg:px-4 mt-12">
+          <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 px-4 lg:max-w-none lg:grid-cols-2">
+            {incentives.map((incentive) => (
+              <div key={incentive.name} className="text-center sm:flex sm:text-left lg:block lg:text-center">
+                <div className="sm:shrink-0">
+                  <div className="flow-root">
+                    <img alt="" src={incentive.imageSrc} className="mx-auto h-24 w-28" />
+                  </div>
+                </div>
+                <div className="mt-3 sm:ml-3 sm:mt-0 lg:ml-0 lg:mt-3">
+                  <h3 className="text-lg font-semibold text-gray-900">{incentive.name}</h3>
+                  <p className="mt-2 text-base text-gray-500">{incentive.description}</p>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
       <div className="relative bg-white py-20 sm:py-28 lg:py-36">
         <div className="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
           <h2 className="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">Features of the Solution</h2>