Merge pull request #696 from RobinNagpal/sherwani/added-architecture-…

…part

added architecture part

insights-ui/src/app/page.tsx

@@ -1,4 +1,5 @@
 import AllInOnePlatform from '@/components/home-page/AllInOnePlatform';
+import Architecture from '@/components/home-page/Architecture';
 import Contact from '@/components/home-page/Contact';
 import Features from '@/components/home-page/Features';
 import { Footer } from '@/components/home-page/Footer';
@@ -24,6 +25,7 @@ export default async function Home() {
   return (
     <div style={{ ...style, backgroundColor: 'var(--bg-color)' }}>
       <Hero />
+      <Architecture />
       <AllInOnePlatform />
       <Features />
       <FromTheBlog posts={posts} />

insights-ui/src/components/home-page/Architecture.tsx

@@ -0,0 +1,76 @@
+import { ArrowPathIcon, CloudArrowUpIcon, Cog6ToothIcon, FingerPrintIcon, LockClosedIcon, ServerIcon } from '@heroicons/react/20/solid';
+import architectureImage from '@/images/architecture.png';
+import Image from 'next/image';
+
+const features = [
+  {
+    name: 'Automated Financial Reports .',
+    description: 'Generate comprehensive balance sheets, income statements, and cash flow reports with AI-driven automation.',
+    icon: CloudArrowUpIcon,
+  },
+  {
+    name: 'Market & Competitor Analysis.',
+    description: 'Compare industry performance, identify growth opportunities, and benchmark against competitors.',
+    icon: LockClosedIcon,
+  },
+  {
+    name: 'Sentiment-Driven Insights.',
+    description: ' Extract valuable market sentiment from news, social media (X & Instagram), and industry discussions.',
+    icon: ArrowPathIcon,
+  },
+  {
+    name: 'SEC Filings & Data Extraction.',
+    description: 'AI-powered tools process EDGAR filings, extracting both quantitative and qualitative insights for regulatory compliance and decision-making.',
+    icon: FingerPrintIcon,
+  },
+  {
+    name: 'Custom AI Reports.',
+    description: ' Tailor investment-specific reports based on growth strategies, market trends, and business needs.',
+    icon: Cog6ToothIcon,
+  },
+  {
+    name: 'Secure & Scalable Data Processing.',
+    description: 'Ensure data accuracy, integrity, and compliance with automated security protocols and backup solutions.',
+    icon: ServerIcon,
+  },
+];
+
+export default function Example() {
+  return (
+    <div className="bg-gray-800 py-24 sm:py-32">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto max-w-2xl sm:text-center">
+          <h2 className="text-base/7 font-semibold text-indigo-400">Everything you need</h2>
+          <p className="mt-2 text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl sm:text-balance">
+            AI-Powered Financial Insights, No Hassle
+          </p>
+          <p className="mt-6 text-lg/8 text-gray-300">
+            Stay ahead with automated financial reports and market insights. Our AI-driven system extracts, analyzes, and delivers customized reports tailored
+            to your business needs.
+          </p>
+        </div>
+      </div>
+      <div className="relative overflow-hidden pt-16">
+        <div className="mx-auto max-w-7xl px-6 lg:px-8">
+          <Image src={architectureImage} alt="" priority />
+          <div aria-hidden="true" className="relative">
+            <div className="absolute -inset-x-20 bottom-0 bg-linear-to-t from-gray-900 pt-[7%]" />
+          </div>
+        </div>
+      </div>
+      <div className="mx-auto mt-16 max-w-7xl px-6 sm:mt-20 md:mt-24 lg:px-8">
+        <dl className="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base/7 text-gray-300 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16">
+          {features.map((feature) => (
+            <div key={feature.name} className="relative pl-9">
+              <dt className="inline font-semibold text-white">
+                <feature.icon aria-hidden="true" className="absolute top-1 left-1 h-5 w-5 text-indigo-500" />
+                {feature.name}
+              </dt>{' '}
+              <dd className="inline">{feature.description}</dd>
+            </div>
+          ))}
+        </dl>
+      </div>
+    </div>
+  );
+}