Skip to content

Commit

Permalink
update: fixed layout and added about p
Browse files Browse the repository at this point in the history
  • Loading branch information
ashutosh7i committed Apr 28, 2024
1 parent 1b2c760 commit 4d49f24
Show file tree
Hide file tree
Showing 7 changed files with 145 additions and 103 deletions.
6 changes: 5 additions & 1 deletion next.config.mjs
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@
/** @type {import('next').NextConfig} */
const nextConfig = {};
const nextConfig = {
images: {
domains: ["github.com"],
},
};

export default nextConfig;
115 changes: 115 additions & 0 deletions src/app/about/page.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,115 @@
import React from "react";
import Image from "next/image";
import Link from "next/link";
import hero from "../../../public/hero.jpeg";
import {
Card,
CardContent,
CardDescription,
CardFooter,
CardHeader,
CardTitle,
} from "@/components/ui/card";
import { Button } from "@/components/ui/button";

type Props = {};

export default function about({}: Props) {
return (
<div className="p-7 w-full max-w-lg mx-auto relative">
<h1 className="text-3xl font-bold mb-4">About FarmIQ</h1>
<div className="w-full relative pt-[100%]">
<Image
src={hero}
alt="profile"
objectFit="cover"
fill
className="w-full h-full top-0 left-0 object-cover rounded-2xl"
/>
</div>
<p className="text-lg mt-4 mb-4">
Welcome to FarmIQ🌾 - an innovative app designed to maximize your
agricultural yield. By simply entering parameters about your land, our
intelligent system recommends the most suitable crops to plant.
</p>
<h2 className="text-2xl font-bold mb-4">Options</h2>
<ul className="list-disc pl-6 mb-4">
<li>
<span className="font-bold">General:</span> Enter basic information
about your farm such as temperature, humidity, soil pH, and rainfall.
</li>
<li>
<span className="font-bold">Advanced:</span> Provide detailed
information including nitrogen levels in the soil, phosphorus,
potassium, temperature, humidity, soil pH, and rainfall.
</li>
</ul>
<p className="text-lg mb-4">
The frontend of FarmIQ is built with Next.js, Tailwind CSS, and Shadcn,
while the backend is powered by a Flask API deployed on Azure.
</p>
<p className="text-lg mb-4">
The app utilizes a high-accuracy random forest ML model to predict the
most suitable crops for your farm.
</p>

<p className="text-lg mb-4">
This project was created by me during a 36-hour online hackathon named
Jugaad Hacks.
</p>
<Card>
<CardHeader>
<div className="flex items-center space-x-4">
<Image
src="https://github.com/ashutosh7i.png"
alt="Aashutosh Soni"
width={100} // Increased from 50 to 100
height={100} // Increased from 50 to 100
className="rounded-full"
/>
<div>
<CardTitle className="text-2xl">Aashutosh Soni</CardTitle>
<CardDescription className="text-xl">
Full-Stack Developer
</CardDescription>{" "}
</div>
</div>
</CardHeader>
<CardContent>
<p>
Hi👋🏻 i am Aashutosh Soni, a full-stack developer with a passion for
creating innovative solutions. Feel free to reach out to me for any
queries or collaborations.
</p>
</CardContent>
<CardFooter>
<div className="flex space-x-4">
<Button asChild>
<Link
href="https://www.linkedin.com/in/ashutosh7i/"
target="_blank"
>
Linkedin
</Link>
</Button>
<Button asChild>
<Link href="https://github.com/ashutosh7i" target="_blank">
Github
</Link>
</Button>
<Button asChild>
<Link href="https://ashutosh7i.dev" target="_blank">
Portfolio
</Link>
</Button>
<Button asChild>
<Link href="mailto:i@ashutosh7i.dev" target="_blank">
Contact me📩
</Link>
</Button>
</div>
</CardFooter>
</Card>
</div>
);
}
7 changes: 0 additions & 7 deletions src/app/ash/layout.tsx

This file was deleted.

45 changes: 0 additions & 45 deletions src/app/ash/page.tsx

This file was deleted.

2 changes: 1 addition & 1 deletion src/app/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ const inter = Inter({ subsets: ["latin"] });
export default function Page() {
return (
<>
<main className={`${inter.className} p-7`}>
<main className={`${inter.className} p-7 w-full max-w-lg mx-auto relative`}>
<div className="w-full relative pt-[100%]">
<Image
src={hero}
Expand Down
37 changes: 10 additions & 27 deletions src/components/footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,21 +6,24 @@ export default function Component() {
<div className="dark bg-gray-900 text-white py-8">
<div className="container mx-auto px-4 md:px-6 flex flex-col md:flex-row items-center justify-between">
<div className="flex items-center space-x-4">
<Link className="text-white hover:text-gray-300" href="#">
<YoutubeIcon className="h-6 w-6" />
<span className="sr-only">YouTube</span>
</Link>
<Link className="text-white hover:text-gray-300" href="#">
<Link
className="text-white hover:text-gray-300"
href="https://github.com/ashutosh7i/farmiq"
>
<GithubIcon className="h-6 w-6" />
<span className="sr-only">GitHub</span>
</Link>
<Link className="text-white hover:text-gray-300" href="#">
<Link
className="text-white hover:text-gray-300"
href="https://twitter.com/ashutosh7i"
>
<TwitterIcon className="h-6 w-6" />
<span className="sr-only">Twitter</span>
</Link>
</div>
<p className="mt-4 md:mt-0 text-sm text-gray-300">
© 2024 Acme Inc. All rights reserved.
Made with 💖 by{" "}
<a href="https://linkedin.com/in/ashutosh7i">Ashutosh7i</a>👨🏻‍💻.
</p>
</div>
</div>
Expand Down Expand Up @@ -65,23 +68,3 @@ function TwitterIcon(props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) {
</svg>
);
}

function YoutubeIcon(props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) {
return (
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
>
<path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17" />
<path d="m10 15 5-3-5-3z" />
</svg>
);
}
36 changes: 14 additions & 22 deletions src/components/navbar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -25,25 +25,20 @@ export default function Component() {
<div className="grid gap-2 py-6">
<Link
className="flex w-full items-center py-2 text-lg font-semibold"
href="#"
href="/"
>
Home
</Link>
<Link
className="flex w-full items-center py-2 text-lg font-semibold"
href="#"
href="/about"
>
About
</Link>

<Link
className="flex w-full items-center py-2 text-lg font-semibold"
href="#"
>
Services
</Link>
<Link
className="flex w-full items-center py-2 text-lg font-semibold"
href="#"
href="https://linkedin.com/in/ashutosh7i"
>
Contact
</Link>
Expand All @@ -56,26 +51,21 @@ export default function Component() {
</Link>
<nav className="ml-auto hidden lg:flex gap-6">
<Link
className="group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium transition-colors hover:bg-gray-100 hover:text-gray-900 focus:bg-gray-100 focus:text-gray-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-gray-100/50 data-[state=open]:bg-gray-100/50 dark:bg-gray-950 dark:hover:bg-gray-800 dark:hover:text-gray-50 dark:focus:bg-gray-800 dark:focus:text-gray-50 dark:data-[active]:bg-gray-800/50 dark:data-[state=open]:bg-gray-800/50"
href="#"
className="flex w-full items-center py-2 text-lg font-semibold"
href="/"
>
Home
</Link>
<Link
className="group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium transition-colors hover:bg-gray-100 hover:text-gray-900 focus:bg-gray-100 focus:text-gray-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-gray-100/50 data-[state=open]:bg-gray-100/50 dark:bg-gray-950 dark:hover:bg-gray-800 dark:hover:text-gray-50 dark:focus:bg-gray-800 dark:focus:text-gray-50 dark:data-[active]:bg-gray-800/50 dark:data-[state=open]:bg-gray-800/50"
href="#"
className="flex w-full items-center py-2 text-lg font-semibold"
href="/about"
>
About
</Link>

<Link
className="group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium transition-colors hover:bg-gray-100 hover:text-gray-900 focus:bg-gray-100 focus:text-gray-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-gray-100/50 data-[state=open]:bg-gray-100/50 dark:bg-gray-950 dark:hover:bg-gray-800 dark:hover:text-gray-50 dark:focus:bg-gray-800 dark:focus:text-gray-50 dark:data-[active]:bg-gray-800/50 dark:data-[state=open]:bg-gray-800/50"
href="#"
>
Services
</Link>
<Link
className="group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium transition-colors hover:bg-gray-100 hover:text-gray-900 focus:bg-gray-100 focus:text-gray-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-gray-100/50 data-[state=open]:bg-gray-100/50 dark:bg-gray-950 dark:hover:bg-gray-800 dark:hover:text-gray-50 dark:focus:bg-gray-800 dark:focus:text-gray-50 dark:data-[active]:bg-gray-800/50 dark:data-[state=open]:bg-gray-800/50"
href="#"
className="flex w-full items-center py-2 text-lg font-semibold"
href="https://linkedin.com/in/ashutosh7i"
>
Contact
</Link>
Expand Down Expand Up @@ -105,7 +95,9 @@ function MenuIcon(props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) {
);
}

function MountainIcon(props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) {
function MountainIcon(
props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>
) {
return (
<svg
{...props}
Expand Down

0 comments on commit 4d49f24

Please sign in to comment.