Skip to content

Commit

Permalink
Merge pull request #40 from Sanghrakshit12/main
Browse files Browse the repository at this point in the history 
Build Successs
  • Loading branch information
@Sanghrakshit12
Sanghrakshit12 authored Jun 19, 2024
2 parents 082d8cd + e346f7a commit 6ca3f60
Show file tree
Hide file tree
Showing 8 changed files with 107 additions and 78 deletions.
2 changes: 1 addition & 1 deletion frontend-next/app/Components/Home.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ export default function HomeNavbar() {
<span className="absolute bottom-0 left-0 w-full h-1 bg-yellow-400 transform scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out"></span>
</Link>
<Link
href="#about"
href="https://drive.google.com/file/d/1X6gnck4XwoY7YGqPxe3ReztPepbUo5oi/view"
className="relative group font-serif text-white transition duration-300 ease-in-out transform hover:scale-105"
>
About
Expand Down
148 changes: 88 additions & 60 deletions frontend-next/app/Components/Nav.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,123 +3,151 @@ import { useRouter } from "next/navigation";
import Link from "next/link";
import Image from "next/image";
import HomeNavbar from "./Home";
import { ArrowBigRightIcon } from "lucide-react";

export default function Nav() {
const router = useRouter();
return (
<>
<HomeNavbar />
<div className="flex flex-col text-black">

<div className="flex min-h-screen justify-left items-center bg-sky-100 border-2 border-[#fe8d88]">
<div className="mt-10 flex flex-col items-center md:mt-10 md:flex-row lg:mt-5">
<section className="flex-1 md:ml-20 lg:ml-52">

<div className="flex text-center flex-col justify-center gap-6 rounded-lg bg-gradient-to-r from-indigo-500 via-purple-700 to-indigo-400 from-30% px-6 py-10 md:w-4/5 md:px-10">
<p className="text-6xl font-serif font-bold text-white md:text-6xl md:leading-tight">
<div className="flex min-h-screen items-center bg-sky-100 border-2 border-[#fe8d88]">
<div className="flex flex-col items-center md:flex-row lg:mt-5">
<section className="flex-1 md:mr-10 lg:mr-20 md:ml-10 lg:ml-20">
<div className="flex flex-col justify-center gap-6 rounded-lg bg-gradient-to-r from-indigo-600 via-purple-900 to-indigo-900 px-6 py-10 md:px-10">
<p className="text-center text-5xl font-serif font-bold text-white md:text-6xl md:leading-tight">
Analyze your portfolio
</p>
<p className="text-3xl text-center font-semibold font-serif text-white md:text-4xl md:leading-relaxed">
AI driven insights that help user anticipate market analysis
<p className="text-center text-2xl font-semibold font-serif text-white md:text-4xl md:leading-relaxed">
AI driven insights that help users anticipate market trends
</p>

<Link
href="/trade"
className="inline-flex items-center justify-center gap-3 rounded-full font-serif bg-green-500 px-6 py-3 text-lg font-semibold text-white transition-all duration-300 hover:bg-green-600 hover:shadow-lg hover:text-black md:text-xl"
>
<span>Get Started</span>
<ArrowBigRightIcon className="w-6 h-6" />
</Link>
</div>

</section>

<div className="flex justify-center md:w-1/3 md:justify-end">
<div className="m-10">
<Image src="/portfolioanalyze.png" alt="image" width={620} height={640} />
<div className="m-5 md:m-10 lg:m-10">
<Image src="/portfolioanalyze.png" alt="Portfolio Analyze" width={620} height={640} />
</div>
</div>
</div>
</div>

<div className="flex min-h-screen justify-left items-center bg-indigo-400">
<div className="mt-10 flex flex-col items-center md:mt-10 md:flex-row lg:mt-5">
<section className="flex-1 md:ml-20 lg:ml-52">

<div className="flex flex-col justify-center gap-6 rounded-lg bg-gradient-to-r from-indigo-600 via-purple-900 to-indigo-900 from-30% px-6 py-10 md:w-4/5 md:px-10">
<p className="text-center text-6xl font-serif font-bold text-white md:text-6xl md:leading-tight">
Price Prediction
<div className="flex min-h-screen items-center bg-indigo-400">
<div className="flex flex-col items-center md:flex-row-reverse lg:mt-5">
<section className="flex-1 md:mr-10 lg:mr-20">
<div className="flex flex-col justify-center gap-6 rounded-lg bg-gradient-to-r from-indigo-600 via-purple-900 to-indigo-900 px-6 py-10 md:px-10">
<p className="text-center text-5xl font-serif font-bold text-white md:text-6xl md:leading-tight">
Price Prediction
</p>
<p className="text-3xl text-center font-semibold font-serif text-white md:text-4xl md:leading-relaxed">
Prediction of Future Crypto prizes using Advanced Machine Learning Techniques
<p className="text-center text-2xl font-semibold font-serif text-white md:text-4xl md:leading-relaxed">
Predict future crypto prices using advanced machine learning techniques
</p>

<Link
href="/trade"
className="inline-flex items-center justify-center gap-3 rounded-full font-serif bg-yellow-500 px-6 py-3 text-lg font-semibold text-white transition-all duration-300 hover:bg-yellow-400 hover:shadow-lg hover:text-black md:text-xl"
>
<span>See Pridictions</span>
<ArrowBigRightIcon className="w-6 h-6" />
</Link>
</div>

</section>
<div className="flex justify-center md:w-1/3 md:justify-end">
<div className="m-10">
<Image src="/pricepredict.png" alt="image" width={620} height={640} />
<div className="flex justify-center md:w-1/3 md:justify-start">
<div className="md:m-5">
<Image src="/pricepredict.png" alt="Price Prediction" width={620} height={640} />
</div>
</div>
</div>
</div>

<div className="flex min-h-screen justify-left items-center bg-violet-100 border-2 border-[#fe8d88]">
<div className="mt-10 flex flex-col items-center md:mt-10 md:flex-row lg:mt-5">
<section className="flex-1 md:ml-20 lg:ml-52">

<div className="flex flex-col justify-center gap-6 rounded-lg bg-gradient-to-r from-violet-400 via-purple-500 to-orange-300 from-30% px-6 py-10 md:w-4/5 md:px-10">
<p className="text-center text-6xl font-serif font-bold text-white md:text-6xl md:leading-tight">
Market Analysis
<div className="flex min-h-screen items-center justify-center bg-violet-200 border-2 border-[#e67b76]">
<div className="flex flex-col items-center md:flex-row lg:mt-5">
<section className="flex-1 md:mr-10 lg:mr-20 md:ml-10 lg:ml-20">
<div className="flex flex-col justify-center gap-6 rounded-lg bg-gradient-to-r from-indigo-600 via-purple-900 to-indigo-900 px-6 py-10 md:px-10">
<p className="text-center text-5xl font-serif font-bold text-white md:text-6xl md:leading-tight">
Market Analysis
</p>
<p className="text-3xl text-center font-semibold font-serif text-white md:text-4xl md:leading-relaxed">
View real-time cryptocurrencies data & Trends
<p className="text-center text-2xl font-semibold font-serif text-white md:text-4xl md:leading-relaxed">
View real-time cryptocurrency data & trends
</p>

<Link
href="/https://crypto-sand-ten.vercel.app/"
className="inline-flex items-center justify-center gap-3 rounded-full bg-green-500 px-6 py-3 font-serif text-lg font-semibold text-white transition-all duration-300 hover:bg-green-600 hover:shadow-lg hover:text-black md:text-xl"
>
<span>Real Time crypto Updates</span>
<ArrowBigRightIcon className="w-6 h-6" />
</Link>
</div>

</section>
<div className="flex justify-center md:w-1/3 md:justify-end">
<div className="m-10">
<Image src="/marketanalysis.png" alt="image" width={620} height={640} />
<div className="m-5 md:m-10 lg:m-10">
<Image src="/marketanalysis.png" alt="Market Analysis" width={620} height={640} />
</div>
</div>
</div>

</div>

<div className="flex min-h-screen justify-left items-center bg-sky-100">
<div className="mt-10 flex flex-col items-center md:mt-10 md:flex-row lg:mt-5">
<section className="flex-1 md:ml-20 lg:ml-52">

<div className="flex flex-col justify-center gap-6 rounded-lg bg-gradient-to-r from-violet-400 via-purple-500 to-orange-300 from-30% px-6 py-10 md:w-4/5 md:px-10">
<p className="text-center text-6xl font-serif font-bold text-white md:text-6xl md:leading-tight">
Secure Transactions

<div className="flex min-h-screen items-center bg-sky-100">
<div className="flex flex-col items-center md:flex-row-reverse lg:mt-5 lg:mx-auto">
<section className="flex-1 md:mr-10 lg:mr-20 md:ml-10 lg:ml-20">
<div className="flex flex-col justify-center gap-6 rounded-lg bg-gradient-to-r from-indigo-600 via-purple-900 to-indigo-900 px-6 py-10 md:px-10">
<p className="text-center text-5xl font-serif font-bold text-white md:text-6xl md:leading-tight">
Secure Transactions
</p>
<p className="text-3xl text-center font-semibold font-serif text-white md:text-4xl md:leading-relaxed">
Blockchain Integration for decentralized storage.
<p className="text-center text-2xl font-semibold font-serif text-white md:text-4xl md:leading-relaxed">
Blockchain integration for decentralized storage
</p>
<Link
href="/trade"
className="inline-flex items-center justify-center gap-3 rounded-full font-serif bg-yellow-500 px-6 py-3 text-lg font-semibold text-white transition-all duration-300 hover:bg-yellow-400 hover:shadow-lg hover:text-black md:text-xl w-auto"
>
<span>Let&apos;s Go</span>
<ArrowBigRightIcon className="w-6 h-6" />
</Link>

</div>

</section>
<div className="flex justify-center md:w-1/3 md:justify-end">
<div className="m-10">
<Image src="/blockchain.png" alt="image" width={620} height={640} />
<div className="flex justify-center md:w-1/3 md:justify-start">
<div className="m-5 md:m-10 lg:m-10">
<Image src="/blockchain.png" alt="Secure Transactions" width={620} height={640} />
</div>
</div>
</div>
</div>

</div>

<div className="min-h-screen flex flex-col justify-center items-center">
<div className="text-center space-y-5 ">
<div className="mt-20 lg:mt-35 text-white text-[50px] font-pacifico">


<div className="flex flex-col justify-center items-center my-20">
<div className="text-center">
<div className="text-white text-[50px] font-pacifico">
Then what are you waiting for
</div>
<div className="text-white text-3xl font-anton tracking-2xl">
<div className="text-white text-3xl font-anton tracking-2xl pb-10">
Start Trading with CryptoXAI
</div>
<button className="bg-yellow-500 text-white py-2 px-6 rounded-3xl hover:bg-white hover:text-black transition duration-300">
Let&apos;s Go
</button>
<Link
href="/signup"
className="inline-flex items-center justify-center gap-3 rounded-full bg-yellow-500 px-6 py-3 text-lg font-semibold text-white transition-all duration-300 hover:bg-yellow-400 hover:shadow-lg hover:text-black md:text-xl"
>
<span>Let&apos;s Go</span>
<ArrowBigRightIcon className="w-6 h-6" />
</Link>
</div>
</div>




<footer className="mt-4 bg-gradient-to-r from-indigo-900 from-30% to-purple-900 py-8 pb-4 text-white">
<div className="px- container mx-auto grid grid-cols-1 gap-8 md:grid-cols-3">
<div>
Expand Down
4 changes: 2 additions & 2 deletions frontend-next/app/trade/bnb/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,13 +93,13 @@ export default function BNBCard() {
<div className="flex items-center self-start rounded-lg bg-green-600 pb-2 pl-6 pr-6 pt-2 hover:bg-green-500">
<FontAwesomeIcon icon={faArrowUp} size="2x" color="white" />
<h1 className="pl-4 text-white">
<strong>0.2415%</strong>
<strong>0.4288%</strong>
</h1>
</div>
<div className="flex items-center self-start rounded-lg bg-red-600 pb-2 pl-6 pr-6 pt-2 hover:bg-red-500">
<FontAwesomeIcon icon={faArrowDown} size="2x" color="white" />
<h1 className="pl-4 text-white">
<strong>0.7585%</strong>
<strong>0.5712%</strong>
</h1>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions frontend-next/app/trade/btc/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -114,13 +114,13 @@ export default function BitcoinCard() {
<div className="flex items-center self-start rounded-lg bg-green-600 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-green-500 md:text-base">
<FontAwesomeIcon icon={faArrowUp} size="2x" color="white" />
<h1 className="pl-4 text-white">
<strong>0.32007%</strong>
<strong>0.4670%</strong>
</h1>
</div>
<div className="flex items-center self-start rounded-lg bg-red-600 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-red-500 md:text-base">
<FontAwesomeIcon icon={faArrowDown} size="2x" color="white" />
<h1 className="pl-4 text-white">
<strong>0.6800%</strong>
<strong>0.5330%</strong>
</h1>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions frontend-next/app/trade/eth/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -113,13 +113,13 @@ export default function ETHCARD() {
<div className="flex items-center self-start rounded-lg bg-green-600 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-green-500 md:text-base">
<FontAwesomeIcon icon={faArrowUp} size="2x" color="white" />
<h1 className="pl-4 text-white">
<strong>0.39%</strong>
<strong>0.4576%</strong>
</h1>
</div>
<div className="flex items-center self-start rounded-lg bg-red-600 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-red-500 md:text-base">
<FontAwesomeIcon icon={faArrowDown} size="2x" color="white" />
<h1 className="pl-4 text-white">
<strong>0.61%</strong>
<strong>0.5424%</strong>
</h1>
</div>
</div>
Expand Down
13 changes: 7 additions & 6 deletions frontend-next/app/trade/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import React from "react";
import Image from "next/image";
import Link from "next/link";
import TradeNavbar from "../market/TradeNavbar";
import Input from "./inpbox";
Expand All @@ -9,29 +10,29 @@ export default function Trade() {
<TradeNavbar />
<div className="flex flex-col md:flex-row mt-20">
<div className="text-xl text-white font-serif p-10 md:w-1/2 lg:w-1/3">
<h1 className="mb-16 font-semibold text-3xl font-serif">Coins Available </h1>
<h1 className="mb-16 font-semibold text-4xl font-serif">Coins Available </h1>
<Link href={'trade/btc'} className="mb-16 p-3 w-40 bg-[#FCD434] hover:bg-[#C0EA3E] rounded-lg flex items-center justify-center">
<img src="/btc.png" alt="BTC Logo" className="w-9 h-9 mr-2" />
<Image src="/btc.png" alt="BTC Logo" width={20} height={20} className="w-9 h-9 mr-2" />
<h1 className="font-semibold font-serif text-black">BTC</h1>
</Link>

<Link href={'trade/eth'} className="mb-16 p-3 w-40 bg-[#FCD434] hover:bg-[#C0EA3E] rounded-lg flex items-center justify-center">
<img src="/eth.png" alt="ETH Logo" className="w-9 h-9 mr-2" />
<Image src="/eth.png" alt="ETH Logo" width={20} height={20} className="w-9 h-9 mr-2" />
<h1 className="font-semibold font-serif text-black">ETH</h1>
</Link>

<Link href={'trade/sol'} className="mb-16 p-3 w-40 bg-[#FCD434] hover:bg-[#C0EA3E] rounded-lg flex items-center justify-center">
<img src="/sol.png" alt="SOL Logo" className="w-9 h-9 mr-2" />
<Image src="/sol.png" alt="SOL Logo" width={20} height={20} className="w-9 h-9 mr-2" />
<h1 className="font-semibold font-serif text-black">SOL</h1>
</Link>

<Link href={'trade/usdt'} className="mb-16 p-3 w-40 bg-[#FCD434] hover:bg-[#C0EA3E] rounded-lg flex items-center justify-center">
<img src="/usdt.png" alt="USDT Logo" className="w-9 h-9 mr-2" />
<Image src="/usdt.png" alt="USDT Logo" width={20} height={20} className="w-9 h-9 mr-2" />
<h1 className="font-semibold font-serif text-black">USDT</h1>
</Link>

<Link href={'trade/bnb'} className="mb-16 p-3 w-40 bg-[#FCD434] hover:bg-[#C0EA3E] rounded-lg flex items-center justify-center">
<img src="/bnb.png" alt="BNB Logo" className="w-9 h-9 mr-2" />
<Image src="/bnb.png" alt="BNB Logo" width={20} height={20} className="w-9 h-9 mr-2" />
<h1 className="font-semibold font-serif text-black">BNB</h1>
</Link>
</div>
Expand Down
4 changes: 2 additions & 2 deletions frontend-next/app/trade/sol/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,13 +103,13 @@ export default function SOLCard() {
<div className="flex items-center self-start rounded-lg bg-green-600 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-green-500 md:text-base">
<FontAwesomeIcon icon={faArrowUp} size="2x" color="white" />
<h1 className="pl-4 text-white">
<strong>0.2415%</strong>
<strong>0.2151%</strong>
</h1>
</div>
<div className="flex items-center self-start rounded-lg bg-red-600 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-red-500 md:text-base">
<FontAwesomeIcon icon={faArrowDown} size="2x" color="white" />
<h1 className="pl-4 text-white">
<strong>0.7585%</strong>
<strong>0.7849%</strong>
</h1>
</div>
</div>
Expand Down
Loading

0 comments on commit 6ca3f60

Please sign in to comment.