ts-api / app /page.jsx
Shuddho's picture
Upload 42 files
d04e364 verified
raw
history blame
3.89 kB
import Image from "next/image";
import "@/app/globals.css";
import Link from "next/link";
export default function Home() {
return (
<div style={{width: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center'}}>
<div className="container col" style={{padding: '20px', alignItems: 'center', justifyContent: 'center', backgroundColor: 'black', width: '100%', padding: '20px'}}>
<div style={{display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', width: '100%', minHeight: '80vh', textAlign: 'center'}}>
<h1 className="title" style={{ margin: '30px'}}>Power up your projects with the most powerful <span className="gradient-text">AI Models</span></h1>
<p style={{maxWidth: '700px', textAlign: 'center', fontWeight: '200'}}>Unleash your insights into your messenger chats. Discover the hidden secrets of your conversations and make informed decisions.</p>
<Link className="btn2 mt-8 mb-8" href={'/api'}><i className="animation"></i>Get Started<i className="animation"></i></Link>
<p style={{maxWidth: '700px', textAlign: 'center', fontSize: '12px', color: 'gray'}}>As we used reverse engineer technology so they all are as fast as the origin websites and more significantly they all are free!</p>
</div>
<div className="col" style={{padding: '20px', alignItems: 'center', justifyContent: 'center', width: '100%', minHeight: 'calc(80vh)', textAlign: 'center'}}>
<div className="line mb-10" style={{marginBottom: '30px'}}></div>
<h1 className="title gradient-text" style={{marginTop: '100px'}}>
Get in touch with AIs like never before
</h1>
<p className="mt-8" style={{fontSize: '22px', color: 'gray', maxWidth: '70vw'}}>
You can literally use the premium AI Models without any api key or any kind of authentication hassel.
</p>
<div className="row" style={{marginTop: '50px', width: '100%', justifyContent: 'space-around', alignItems: 'center'}}>
<div className="card">
<h3 className="btn2" style={{width: '100%'}}><i className="animation"></i>FREE<i className="animation"></i></h3>
<div className="p-6"> <p >No login required</p>
<p >No api key required</p>
<p >No authentication required</p>
<p >No payment required</p></div>
<h3 className="n"><button className="btn" style={{fontSize: '12px', margin: '0px'}}>Learn More</button></h3>
</div>
<div className="card">
<h3 className="btn2" style={{width: '100%'}}><i className="animation"></i>FAST<i className="animation"></i></h3>
<div className="p-6">
<p >Works as fast as a blitz</p>
<p >Faster response in gpt AIs</p>
<p >Fast Response Generation</p>
<p >Integrated Optimization</p>
</div>
<h3 className="n"><button className="btn" style={{fontSize: '12px', margin: '0px'}}>Learn More</button></h3>
</div>
<div className="card">
<h3 className="btn2" style={{width: '100%'}}><i className="animation"></i>SUPPORT<i className="animation"></i></h3>
<div className="p-6"> <p >Supports all programming languages!</p>
<p >Uptime 99.99%</p>
<p >Supports MS Copilot, Gemini and more!</p>
<p >Elegant Syntax</p></div>
<h3 className="n"><button className="btn" style={{fontSize: '12px', margin: '0px'}}>Learn More</button></h3>
</div>
</div>
</div>
<div className="space"></div>
</div>
</div>
);
}