Skip to content

Commit

Permalink
new layout
Browse files Browse the repository at this point in the history
  • Loading branch information
@Stan370
Stan370 committed Aug 27, 2024
1 parent 2d88106 commit 3be60e6
Show file tree
Hide file tree
Showing 4 changed files with 164 additions and 85 deletions.
2 changes: 1 addition & 1 deletion .github/workflows/deploy.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,4 +40,4 @@ jobs:
uses: denoland/deployctl@v1 # v1
with:
project: "sad-camel-61"
entrypoint: "app/page.tsx" # 📝 Update the entrypoint if necessary
entrypoint: "./app/page.tsx" # 📝 Update the entrypoint if necessary
9 changes: 7 additions & 2 deletions app/components/Carousel.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,14 +31,19 @@ const Carousel = ({
<div className="overflow-hidden relative w-1/4">
<div
style={{ transform: `translateX(-${currentSlide * 100}%)` }}
className="flex w-full transition-transform duration-500 ease-in-out transform"
className="flex w-full transition-transform duration-500 ease-in-out transform"
>
{slides.map((slide, index) => (
<img
key={index}
className="flex-shrink-0 w-full md:min-h-96"
className="flex-shrink-0 rounded-xl shadow hover:shadow-lg w-full md:min-h-96"
src={slide}
alt={`Slide ${index + 1}`}
onClick={() => {
if (index === 2) {
window.location.href = 'https://chatgpt.com/';
}
}}
/>
))}
</div>
Expand Down
238 changes: 156 additions & 82 deletions app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,97 +27,171 @@ export default function Home() {
<link rel="icon" href="/favicon.ico" />
</Head>
<Sidebar />

<div>

<section className="bg-gradient-to-r from-purple-500 to-indigo-600 text-white py-20">
<div className="container mx-auto px-6 text-center">
<h1 className="text-4xl font-bold mb-4">Your Open-Source AI Companion</h1>
<p className="text-xl mb-8">Customizable, secure, and easy to deploy for personal and business use.</p>
<div className="space-x-4">
<a href="/chat" className="bg-white text-purple-600 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100">Chat Now</a>
<a href="#" className="bg-purple-700 text-white px-6 py-3 rounded-lg font-semibold hover:bg-purple-800">Bot Store</a>
<div>
<section className="bg-gradient-to-r from-purple-500 to-indigo-600 text-white py-20">
<div className="container mx-auto px-6 text-center">
<h1 className="text-4xl font-bold mb-4">
Your Open-Source AI Companion
</h1>
<p className="text-xl mb-8">
Customizable, secure, and easy to deploy for personal and business
use.
</p>
<div className="space-x-4">
<a
href="/chat"
className="bg-white text-purple-600 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100"
>
Chat Now
</a>
<a
href="#"
className="bg-purple-700 text-white px-6 py-3 rounded-lg font-semibold hover:bg-purple-800"
>
Bot Store
</a>
</div>
</div>
<div className="relative m-auto p-4">
<Carousel autoPlay={true}>
{slides}
</Carousel>
</div>
</div>
</section>
</section>

<section className="py-20">

<div className="container mx-auto px-6">
<h2 className="text-3xl font-bold text-center mb-8">Key Features</h2>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<div className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md dark:shadow-gray-700">
<h3 className="font-bold text-xl mb-2 text-gray-900 dark:text-white">Customizable Chatbots</h3>
<p className="text-gray-700 dark:text-gray-300">Deploy AI chatbots tailored to your specific needs.Tailor your chatbot to your specific needs with ease.
</p>
</div>
<div className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md dark:shadow-gray-700">
<h3 className="font-bold text-xl mb-2 text-gray-900 dark:text-white">Easy Fine-Tuning</h3>
<p className="text-gray-700 dark:text-gray-300">Effortlessly train and improve your models.Refine your models for optimal performance and accuracy.</p>
</div>
<div className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md dark:shadow-gray-700">
<h3 className="font-bold text-xl mb-2 text-gray-900 dark:text-white">Safety & Privacy</h3>
<p className="text-gray-700 dark:text-gray-300">Your data is protected and secure with our platform.</p>
</div>
<div className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md dark:shadow-gray-700">
<h3 className="font-bold text-xl mb-2 text-gray-900 dark:text-white">Open-Source</h3>
<p className="text-gray-700 dark:text-gray-300">Find, share, and use prompts to accelerate your AI development.</p>
<section className="py-20">
<div className="container mx-auto px-6">
<h2 className="text-3xl font-bold text-center mb-8">
Key Features
</h2>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<div className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md dark:shadow-gray-700">
<h3 className="font-bold text-xl mb-2 text-gray-900 dark:text-white">
Customizable Chatbots
</h3>
<p className="text-gray-700 dark:text-gray-300">
Deploy AI chatbots tailored to your specific needs.Tailor your
chatbot to your specific needs with ease.
</p>
</div>
<div className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md dark:shadow-gray-700">
<h3 className="font-bold text-xl mb-2 text-gray-900 dark:text-white">
Easy Fine-Tuning
</h3>
<p className="text-gray-700 dark:text-gray-300">
Effortlessly train and improve your models.Refine your models
for optimal performance and accuracy.
</p>
</div>
<div className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md dark:shadow-gray-700">
<h3 className="font-bold text-xl mb-2 text-gray-900 dark:text-white">
Safety & Privacy
</h3>
<p className="text-gray-700 dark:text-gray-300">
Your data is protected and secure with our platform.
</p>
</div>
<div className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md dark:shadow-gray-700">
<h3 className="font-bold text-xl mb-2 text-gray-900 dark:text-white">
Open-Source
</h3>
<p className="text-gray-700 dark:text-gray-300">
Find, share, and use prompts to accelerate your AI
development.
</p>
</div>
</div>
</div>
</section>

<section className="bg-purple-600 text-white py-20">
<div className="container mx-auto px-6 text-center">
<h2 className="text-3xl font-bold mb-4">
Ready to get started with TonyChat?
</h2>
<p className="text-xl mb-8">
Join our community and start building powerful AI applications
today.
</p>
<a
href="#"
className="bg-white text-purple-600 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100"
>
Get Started for Free
</a>
</div>
</section>
<div className="relative m-auto p-4 ">
<Carousel autoPlay={true}>{slides}</Carousel>
</div>
</section>

<section className="bg-purple-600 text-white py-20">
<div className="container mx-auto px-6 text-center">
<h2 className="text-3xl font-bold mb-4">Ready to get started with TonyChat?</h2>
<p className="text-xl mb-8">Join our community and start building powerful AI applications today.</p>
<a href="#" className="bg-white text-purple-600 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100">Get Started for Free</a>
</div>
</section>

<footer className="bg-gray-800 text-white py-10">
<div className="container mx-auto px-6">
<div className="flex flex-wrap justify-between">
<div className="w-full md:w-1/4 mb-6 md:mb-0">
<h3 className="text-lg font-semibold mb-2">TonyChat</h3>
<p className="text-gray-400">Open-source multifunctional chatbot platform</p>
</div>
<div className="w-full md:w-1/4 mb-6 md:mb-0">
<h3 className="text-lg font-semibold mb-2">Links</h3>
<ul className="text-gray-400">
<li><a href="#" className="hover:text-white">Home</a></li>
<li><a href="#" className="hover:text-white">Features</a></li>
<li><a href="#" className="hover:text-white">Documentation</a></li>
</ul>
<footer className="bg-gray-800 text-white py-10">
<div className="container mx-auto px-6">
<div className="flex flex-wrap justify-between">
<div className="w-full md:w-1/4 mb-6 md:mb-0">
<h3 className="text-lg font-semibold mb-2">TonyChat</h3>
<p className="text-gray-400">
Open-source multifunctional chatbot platform
</p>
</div>
<div className="w-full md:w-1/4 mb-6 md:mb-0">
<h3 className="text-lg font-semibold mb-2">Links</h3>
<ul className="text-gray-400">
<li>
<a href="#" className="hover:text-white">
Home
</a>
</li>
<li>
<a href="#" className="hover:text-white">
Features
</a>
</li>
<li>
<a href="#" className="hover:text-white">
Documentation
</a>
</li>
</ul>
</div>
<div className="w-full md:w-1/4 mb-6 md:mb-0">
<h3 className="text-lg font-semibold mb-2">Community</h3>
<ul className="text-gray-400">
<li>
<a href="#" className="hover:text-white">
GitHub
</a>
</li>
<li>
<a href="#" className="hover:text-white">
Forum
</a>
</li>
<li>
<a href="#" className="hover:text-white">
Discord
</a>
</li>
</ul>
</div>
<div className="w-full md:w-1/4">
<h3 className="text-lg font-semibold mb-2">Subscribe</h3>
<form>
<input
type="email"
placeholder="Enter your email"
className="bg-gray-700 text-white px-4 py-2 rounded-lg w-full mb-2"
/>
<button
type="submit"
className="bg-purple-600 text-white px-4 py-2 rounded-lg w-full hover:bg-purple-700"
>
Subscribe
</button>
</form>
</div>
</div>
<div className="w-full md:w-1/4 mb-6 md:mb-0">
<h3 className="text-lg font-semibold mb-2">Community</h3>
<ul className="text-gray-400">
<li><a href="#" className="hover:text-white">GitHub</a></li>
<li><a href="#" className="hover:text-white">Forum</a></li>
<li><a href="#" className="hover:text-white">Discord</a></li>
</ul>
<div className="border-t border-gray-700 mt-8 pt-8 text-sm text-gray-400 text-center">
&copy; 2024 TonyChat. All rights reserved.
</div>
<div className="w-full md:w-1/4">
<h3 className="text-lg font-semibold mb-2">Subscribe</h3>
<form>
<input type="email" placeholder="Enter your email" className="bg-gray-700 text-white px-4 py-2 rounded-lg w-full mb-2" />
<button type="submit" className="bg-purple-600 text-white px-4 py-2 rounded-lg w-full hover:bg-purple-700">Subscribe</button>
</form>
</div>
</div>
<div className="border-t border-gray-700 mt-8 pt-8 text-sm text-gray-400 text-center">
&copy; 2024 TonyChat. All rights reserved.
</div>
</div>
</footer>
</footer>
</div>

</div>
);
}
}
Binary file modified public/1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

1 comment on commit 3be60e6

@deno-deploy
Copy link

@deno-deploy deno-deploy bot commented on 3be60e6 Aug 27, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Failed to deploy:

Relative import path "next/head" not prefixed with / or ./ or ../

Please sign in to comment.