openagents test claude 3.5 sonnet

pages/ai-tool.tsx

@@ -0,0 +1,56 @@
+import type { NextPage } from 'next'
+import { useState } from 'react'
+import Headline from '../components/Headline'
+import Section from '../components/Section'
+import Button from '../components/Button'
+
+const AIToolPage: NextPage = () => {
+  const [projectDescription, setProjectDescription] = useState('')
+  const [generatedPlan, setGeneratedPlan] = useState('')
+
+  const handleGeneratePlan = () => {
+    // This is where you'd integrate with your AI tool
+    // For now, we'll just set a placeholder response
+    setGeneratedPlan('Your AI-generated project plan will appear here.')
+  }
+
+  return (
+    <div className="AIToolPage bg-gray-100 min-h-screen py-12">
+      <div className="container mx-auto px-4">
+        <Section>
+          <Headline variant="h1" className="text-4xl font-bold text-center mb-12">
+            AI-Driven Project Start
+          </Headline>
+        </Section>
+        <Section className="bg-white shadow-lg rounded-lg p-6 mb-8">
+          <h2 className="text-2xl font-semibold mb-4">Describe Your Project</h2>
+          <textarea
+            className="w-full h-40 p-2 border rounded-md mb-4"
+            placeholder="Enter your project description here..."
+            value={projectDescription}
+            onChange={(e) => setProjectDescription(e.target.value)}
+          />
+          <div className="text-center">
+            <Button
+              variant="primary"
+              onClick={handleGeneratePlan}
+              className="px-6 py-2 text-white bg-blue-600 rounded-full hover:bg-blue-700 transition-colors duration-300"
+            >
+              Generate Project Plan
+            </Button>
+          </div>
+        </Section>
+        {generatedPlan && (
+          <Section className="bg-white shadow-lg rounded-lg p-6">
+            <h2 className="text-2xl font-semibold mb-4">Your AI-Generated Project Plan</h2>
+            <div className="bg-gray-100 p-4 rounded-md">
+              <p>{generatedPlan}</p>
+            </div>
+          </Section>
+        )}
+      </div>
+    </div>
+  )
+}
+
+export default AIToolPage

pages/consultation/index.tsx

@@ -106,7 +106,7 @@ const ConsultationPage: NextPage = () => {
             if (error) throw error
             createConsultation()
             sendMessage(contactInformation, budget, serviceInformation, projectGoals, constraints)
-            router.push('/consultation/thanks')
+            router.push('/consultation/next-steps')
         } catch (error) {
             console.log(error)
         }
@@ -157,4 +157,4 @@ const ConsultationPage: NextPage = () => {
     )
 }
 
-export default ConsultationPage
+export default ConsultationPage

pages/consultation/next-steps.tsx

@@ -0,0 +1,66 @@
+import type { NextPage } from 'next'
+import { useRouter } from 'next/router'
+import Link from 'next/link'
+
+import Section from '../../components/Section'
+import Headline from '../../components/Headline'
+import Button from '../../components/Button'
+
+const NextStepsPage: NextPage = () => {
+  const router = useRouter()
+
+  const handleProceed = () => {
+    router.push('/ai-tool')
+  }
+
+  return (
+    <div className="NextStepsPage bg-gray-100 min-h-screen py-12">
+      <div className="container mx-auto px-4">
+        <Section>
+          <Headline variant="h1" className="text-4xl font-bold text-center mb-12">
+            Next Steps for Your Project
+          </Headline>
+        </Section>
+        <Section>
+          <h2 className="text-3xl font-bold mb-6 text-center">Project Start Options</h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+            <div className="bg-white shadow-lg rounded-lg p-6 transition-transform hover:scale-105">
+              <h3 className="text-2xl font-semibold mb-4 text-blue-600">1. Human Consultation</h3>
+              <p className="mb-4">Wait for human engagement and negotiate a series of paid consultations.</p>
+              <p className="font-bold text-lg">Cost: $500 - $3,000</p>
+            </div>
+            <div className="bg-white shadow-lg rounded-lg p-6 transition-transform hover:scale-105">
+              <h3 className="text-2xl font-semibold mb-4 text-green-600">2. AI-Driven Tool</h3>
+              <p className="mb-4">Start your project immediately with our AI-driven tool.</p>
+              <p className="font-bold text-lg">Cost: $20 upfront</p>
+            </div>
+          </div>
+        </Section>
+        <Section>
+          <h2 className="text-3xl font-bold mb-6 text-center">Sample Projects</h2>
+          <p className="text-center mb-4">Check out our sample projects on GitHub:</p>
+          <div className="text-center">
+            <Link href="https://github.com/setlife-network/sample-projects" target="_blank" rel="noopener noreferrer">
+              <a className="text-blue-500 hover:underline text-lg font-semibold">SetLife Network Sample Projects</a>
+            </Link>
+          </div>
+        </Section>
+        <Section>
+          <h2 className="text-3xl font-bold mb-6 text-center">Ready to Start?</h2>
+          <div className="text-center">
+            <div onClick={handleProceed} className="inline-block">
+              <Button
+                variant="primary"
+                className="px-8 py-3 text-lg font-semibold text-white bg-green-600 rounded-full hover:bg-green-700 transition-colors duration-300"
+              >
+                Proceed with AI-Driven Tool
+              </Button>
+            </div>
+          </div>
+        </Section>
+      </div>
+    </div>
+  )
+}
+
+export default NextStepsPage