Skip to content

Commit b3775af

Browse files
Sujal-RajSujal-Raj
committed
More changes according to mobile view in home page
1 parent e251a75 commit b3775af

File tree

6 files changed

+311
-57
lines changed

6 files changed

+311
-57
lines changed

‎src/app/components/Footer.tsx‎

Lines changed: 50 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
"use client"
22
import React from 'react'
3-
import { FaTwitter, FaYoutube, FaInstagram, FaGithub } from "react-icons/fa";
3+
import { FaTwitter, FaYoutube, FaInstagram, FaGithub, FaLinkedin } from "react-icons/fa";
44

55
function Footer() {
66
return (
@@ -29,7 +29,14 @@ function Footer() {
2929
<div>
3030
<h3 className="text-white font-semibold mb-3">Project</h3>
3131
<ul className="space-y-2">
32-
<li className="cursor-pointer hover:text-white transition">Contribute</li>
32+
{/* <li className="cursor-pointer hover:text-white transition">Contribute</li> */}
33+
<a
34+
href="https://github.com/Sujal-Raj/InSights-Blog-Website" // Replace with your Twitter URL
35+
target="_blank"
36+
rel="noopener noreferrer"
37+
>
38+
Contribute
39+
</a>
3340
<li className="cursor-pointer hover:text-white transition">Media assets</li>
3441
<li className="cursor-pointer hover:text-white transition">Changelog</li>
3542
<li className="cursor-pointer hover:text-white transition">Releases</li>
@@ -47,14 +54,52 @@ function Footer() {
4754
</div>
4855
</div>
4956
<div className="border-t border-gray-700 mt-8 pt-6 flex flex-col md:flex-row justify-between items-center">
50-
<p className="text-sm">© 2020 mantine.dev. All rights reserved.</p>
51-
<div className="flex space-x-5 mt-4 md:mt-0">
57+
{/* Footer Text */}
58+
<p className="text-sm">© 2020 mantine.dev. All rights reserved.</p>
59+
60+
{/* Social Media Links */}
61+
<div className="flex space-x-5 mt-4 md:mt-0">
62+
{/* <a
63+
href="https://twitter.com/yourprofile" // Replace with your Twitter URL
64+
target="_blank"
65+
rel="noopener noreferrer"
66+
>
5267
<FaTwitter className="text-gray-400 hover:text-white cursor-pointer" size={22} />
68+
</a> */}
69+
70+
{/* <a
71+
href="https://www.youtube.com/channel/yourchannel" // Replace with your YouTube URL
72+
target="_blank"
73+
rel="noopener noreferrer"
74+
>
5375
<FaYoutube className="text-gray-400 hover:text-white cursor-pointer" size={22} />
76+
</a> */}
77+
78+
{/* <a
79+
href="https://www.instagram.com/yourprofile" // Replace with your Instagram URL
80+
target="_blank"
81+
rel="noopener noreferrer"
82+
>
5483
<FaInstagram className="text-gray-400 hover:text-white cursor-pointer" size={22} />
84+
</a> */}
85+
86+
<a
87+
href="https://github.com/Sujal-Raj/" // Replace with your GitHub URL
88+
target="_blank"
89+
rel="noopener noreferrer"
90+
>
5591
<FaGithub className="text-gray-400 hover:text-white cursor-pointer" size={22} />
56-
</div>
92+
</a>
93+
94+
<a
95+
href="https://www.linkedin.com/in/sujalraj1/" // Replace with your LinkedIn URL
96+
target="_blank"
97+
rel="noopener noreferrer"
98+
>
99+
<FaLinkedin className="text-gray-400 hover:text-white cursor-pointer" size={22} />
100+
</a>
57101
</div>
102+
</div>
58103
</footer>
59104
</>
60105
)

‎src/app/components/Navbar.tsx‎

Lines changed: 75 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,4 +20,78 @@ function Navbar() {
2020
)
2121
}
2222

23-
export default Navbar
23+
export default Navbar
24+
25+
26+
27+
28+
// "use client";
29+
30+
// import { useRouter } from "next/navigation";
31+
// import { useState } from "react";
32+
33+
// const Navbar = () => {
34+
// const router = useRouter();
35+
// const [isOpen, setIsOpen] = useState(false);
36+
37+
// const handleLoginRedirect = () => {
38+
// router.push("/login");
39+
// };
40+
41+
// return (
42+
// <nav className="w-full h-[10vh] px-4 sm:px-6 md:px-10 flex items-center justify-between bg-white dark:bg-black shadow-md relative z-50">
43+
// {/* Logo */}
44+
// <h1 className="text-2xl font-bold text-black dark:text-white sm:text-3xl">InSights</h1>
45+
46+
// {/* Desktop Nav */}
47+
// <div className="hidden md:flex items-center space-x-6">
48+
// <a href="#features" className="text-black dark:text-white hover:underline">
49+
// Features
50+
// </a>
51+
// <a href="#testimonials" className="text-black dark:text-white hover:underline">
52+
// Testimonials
53+
// </a>
54+
// <a href="#footer" className="text-black dark:text-white hover:underline">
55+
// Contact
56+
// </a>
57+
// <button
58+
// onClick={handleLoginRedirect}
59+
// className="shadow-[0_0_0_3px_#000000_inset] px-6 py-2 bg-transparent border border-black dark:border-white dark:text-white text-black rounded-lg font-bold transform hover:-translate-y-1 transition duration-400"
60+
// >
61+
// Login
62+
// </button>
63+
// </div>
64+
65+
// {/* Mobile Hamburger */}
66+
// <button
67+
// className="md:hidden text-black dark:text-white text-2xl"
68+
// onClick={() => setIsOpen(!isOpen)}
69+
// >
70+
// ☰
71+
// </button>
72+
73+
// {/* Mobile Dropdown */}
74+
// {isOpen && (
75+
// <div className="absolute top-full left-0 w-full bg-white dark:bg-black flex flex-col items-center space-y-4 py-4 md:hidden shadow-md">
76+
// <a href="#features" className="text-black dark:text-white hover:underline">
77+
// Features
78+
// </a>
79+
// <a href="#testimonials" className="text-black dark:text-white hover:underline">
80+
// Testimonials
81+
// </a>
82+
// <a href="#footer" className="text-black dark:text-white hover:underline">
83+
// Contact
84+
// </a>
85+
// <button
86+
// onClick={handleLoginRedirect}
87+
// className="shadow-[0_0_0_3px_#000000_inset] px-6 py-2 bg-transparent border border-black dark:border-white dark:text-white text-black rounded-lg font-bold transform hover:-translate-y-1 transition duration-400"
88+
// >
89+
// Login
90+
// </button>
91+
// </div>
92+
// )}
93+
// </nav>
94+
// );
95+
// };
96+
97+
// export default Navbar;

src/app/components/NavbarAfterLogin.jsx renamed to src/app/components/NavbarAfterLogin.tsx

File renamed without changes.

‎src/app/login/page.tsx‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ function LoginPage() {
1515

1616
const handleLogin = async (e:React.FormEvent) =>{
1717
e.preventDefault();
18-
console.log(user);
18+
// console.log(user);
1919
setLoading(true);
2020

2121
try {
@@ -34,14 +34,18 @@ function LoginPage() {
3434
setLoading(false);
3535
}
3636
}
37+
38+
const redirectToHomePage = () => {
39+
router.push("/");
40+
}
3741
return (
3842
<>
3943
<nav className="h-[10vh] flex justify-between items-center px-10">
40-
<h1 className="text-2xl/7 font-bold text-black dark:text-white sm:truncate sm:text-3xl sm:tracking-tight">
44+
<h1 onClick={redirectToHomePage} className="text-2xl/7 font-bold text-black dark:text-white sm:truncate sm:text-3xl sm:tracking-tight">
4145
InSights
4246
</h1>
4347
</nav>
44-
<div className="flex h-[90vh] flex-1 flex-col px-6 py-12 lg:px-8 bg-gray-50 dark:bg-black">
48+
<div className="flex h-[90vh] flex-1 flex-col px-6 py-12 lg:px-8 bg-gray-100 dark:bg-black">
4549
<div className="sm:mx-auto sm:w-full sm:max-w-sm">
4650
{/* <img
4751
alt="Your Company"

0 commit comments

Comments
 (0)