|
|
|
|
|
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> |
|
); |
|
} |
|
|