Skip to content

Commit 5fad389

Browse files
German44German44
committed
case study
1 parent 7688a2b commit 5fad389

10 files changed

+176
-22
lines changed

‎package-lock.json

+45
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@
2323
"@types/react-dom": "^18.2.7",
2424
"@vitejs/plugin-react": "^4.0.3",
2525
"autoprefixer": "^10.4.16",
26+
"daisyui": "^4.12.8",
2627
"eslint": "^8.45.0",
2728
"eslint-plugin-react": "^7.32.2",
2829
"eslint-plugin-react-hooks": "^4.6.0",

‎src/App.jsx

+27-19
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,41 @@
1-
import { BrowserRouter, Route, Routes } from 'react-router-dom'
2-
import About from '../src/components/about/About'
3-
import Banner from '../src/components/hero/Banner'
4-
import Contact from '../src/components/contact/Contact'
1+
import { BrowserRouter, Route, Routes } from "react-router-dom";
2+
import About from "../src/components/about/About";
3+
import Banner from "../src/components/hero/Banner";
4+
import Contact from "../src/components/contact/Contact";
55
// import Header from '../src/components/header/Header'
6-
import Work from '../src/components/works/Work'
7-
import './App.css'
8-
import NavBar from './components/navbar/NavBar'
9-
import Footer from './components/footer/Footer'
10-
6+
import Work from "../src/components/works/Work";
7+
import "./App.css";
8+
import NavBar from "./components/navbar/NavBar";
9+
import Footer from "./components/footer/Footer";
10+
import CaseStudyPage from "./pages/CaseStudyPage";
1111

1212
function App() {
1313
// bg-site bg-no-repeat bg-cover overflow-hidden
1414
return (
15-
<div className='body'>
15+
<div className="body">
1616
<BrowserRouter>
1717
{/* <Header /> */}
1818
<Routes>
19-
<Route ></Route>
19+
<Route exact path="/work/CaseStudyPage" element={<CaseStudyPage />} />
20+
<Route
21+
exact
22+
path="/"
23+
element={
24+
<>
25+
<Banner />
26+
<NavBar />
27+
<About />
28+
<Work />
29+
<Contact />
30+
<Footer />
31+
</>
32+
}
33+
/>
2034
</Routes>
2135
</BrowserRouter>
22-
<Banner />
23-
<NavBar />
24-
<About />
25-
<Work />
26-
<Contact />
27-
<Footer />
2836
{/* <div className='h-[135px]'></div> */}
2937
</div>
30-
)
38+
);
3139
}
3240

33-
export default App
41+
export default App;

‎src/components/header/HeaderCaseStudy.jsx

+64
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
import { Link } from "react-router-dom";
2+
3+
const HeaderCaseStudy = () => {
4+
return (
5+
<header className=" bg-black/20 h-[80px] backdrop-blur-2xl w-full fixed top-0 z-50">
6+
<div className="container mx-auto h-full flex justify-center items-center">
7+
<div className="navbar bg-black/20 backdrop-blur-2xl">
8+
<div className="flex-1">
9+
<h1 className="text-white hidden text-3xl sm:block font-bold font-primary text-center">
10+
Case Study Page
11+
</h1>
12+
</div>
13+
<div className="flex-none mr-20">
14+
<ul className="menu menu-horizontal px-1">
15+
<li>
16+
<Link
17+
to="/"
18+
className="text-white sm:text-xl text-sm font-primary text-center hover:text-accent hover:scale-105 transition duration-300"
19+
>
20+
Home
21+
</Link>
22+
</li>
23+
<li>
24+
<details>
25+
<summary className="text-white sm:text-xl text-sm font-primary text-center">
26+
Parent
27+
</summary>
28+
<ul className="bg-black/20 backdrop-blur-xl rounded-t-none p-2 w-[250px]">
29+
<li>
30+
<Link
31+
to="/case-study"
32+
className="text-white sm:text-xl text-xs font-primary text-center hover:text-accent hover:scale-105 transition duration-300"
33+
>
34+
Overview
35+
</Link>
36+
</li>
37+
<li>
38+
<Link
39+
to="/case-study"
40+
className="text-white sm:text-xl text-xs font-primary text-center hover:text-accent hover:scale-105 transition duration-300"
41+
>
42+
Desing Process
43+
</Link>
44+
</li>
45+
<li>
46+
<Link
47+
to="/case-study"
48+
className="text-white sm:text-xl text-xs font-primary text-center hover:text-accent hover:scale-105 transition duration-300"
49+
>
50+
Final Result
51+
</Link>
52+
</li>
53+
</ul>
54+
</details>
55+
</li>
56+
</ul>
57+
</div>
58+
</div>
59+
</div>
60+
</header>
61+
);
62+
};
63+
64+
export default HeaderCaseStudy;

‎src/components/works/WorkCards.jsx

+6-2
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import {
44
FaFigma,
55
FaBehance,
66
} from "react-icons/fa";
7+
import { Link } from "react-router-dom";
78

89
export const WorkCards = ({ projects }) => {
910
/* console.log(projects) */
@@ -21,7 +22,7 @@ export const WorkCards = ({ projects }) => {
2122
{projects.name}
2223
</h4>
2324
<p className="text-justify m-2 text-xl">{projects.description}</p>
24-
<div className="flex mt-2">
25+
<div className="flex mt-2 items-center gap-4">
2526
{projects.type === "Frontend Developer" ? (
2627
<>
2728
<a
@@ -55,10 +56,13 @@ export const WorkCards = ({ projects }) => {
5556
href={projects.behance}
5657
target="_blank"
5758
rel="noopener noreferrer"
58-
className="text-gray-300 hover:text-accent hover:scale-105 transition duration-300"
59+
className="text-gray-300 hover:text-accent hover:scale-105 mr-4 transition duration-300"
5960
>
6061
<FaBehance size={40} />
6162
</a>
63+
<Link to="/work/CaseStudyPage">
64+
<h3 className="text-gray-300 text-xl hover:text-accent hover:scale-105 transition duration-300 text-bold">View Case Study</h3>
65+
</Link>
6266
</>
6367
)}
6468
</div>

‎src/components/works/WorkCardsLeft.jsx

+4
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import {
44
FaFigma,
55
FaBehance,
66
} from "react-icons/fa";
7+
import { Link } from "react-router-dom";
78

89
export const WorkCardsleft = ({ projects }) => {
910
/* console.log(projects) */
@@ -68,6 +69,9 @@ export const WorkCardsleft = ({ projects }) => {
6869
>
6970
<FaBehance size={40} />
7071
</a>
72+
<Link to="/work/CaseStudyPage">
73+
<h3 className="text-gray-300 text-xl hover:text-accent hover:scale-105 transition duration-300 text-bold">View Case Study</h3>
74+
</Link>
7175
</>
7276
)}
7377
</div>

‎src/pages/CaseStudyPage.jsx

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import HeaderCaseStudy from "../components/header/HeaderCaseStudy";
2+
const CaseStudyPage = () => {
3+
return (
4+
<>
5+
<div className="w-full min-h-screen">
6+
<HeaderCaseStudy />
7+
<div className=" bg-black/50 backdrop-blur-2xl container mx-auto w-full min-h-screen">
8+
<h1 className="text-white text-3xl font-bold font-primary text-center mt-20">
9+
Case Study Page
10+
</h1>
11+
</div>
12+
</div>
13+
</>
14+
);
15+
};
16+
17+
export default CaseStudyPage;

‎src/pages/HomePage.jsx

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import React from 'react'
2+
3+
const HomePage = () => {
4+
return (
5+
<div>HomePage</div>
6+
)
7+
}
8+
9+
export default HomePage

‎src/routes/.gitkeep

Whitespace-only changes.

‎tailwind.config.js

+3-1
Original file line numberDiff line numberDiff line change
@@ -32,5 +32,7 @@ module.exports = {
3232
},
3333
},
3434
},
35-
plugins: [],
35+
plugins: [
36+
require('daisyui')
37+
],
3638
};

0 commit comments

Comments
 (0)