diff --git a/index.html b/index.html index 62b99d8..6cfcdb0 100644 --- a/index.html +++ b/index.html @@ -12,7 +12,7 @@ src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js" > - + LK Solutions diff --git a/src/Components/Hero/Hero.tsx b/src/Components/Hero/Hero.tsx new file mode 100644 index 0000000..f80afdc --- /dev/null +++ b/src/Components/Hero/Hero.tsx @@ -0,0 +1,32 @@ +import React from "react"; +import HeroImg from "../../assets/HeroImg.svg"; +import Stars from "../../assets/Stars.svg"; + +const Hero = () => { + return ( +
+
+ hero +
+
+
+ hero +

GROW YOUR

+

+ BUSINESS +

+
+
+

+ We do all the digital footprint for you, +

+

+ so you can focus on what’s important! +

+
+
+
+ ); +}; + +export default Hero; diff --git a/src/Components/Navbar/Navbar.css b/src/Components/Navbar/Navbar.css deleted file mode 100644 index 494eeaa..0000000 --- a/src/Components/Navbar/Navbar.css +++ /dev/null @@ -1,84 +0,0 @@ -.header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 1rem; - position: fixed; - width: 100%; - height: 90px; - z-index: 10; -} - -.header h1 { - padding-top: 7px; -} - -.logo { - width: 60px; - height: 60px; -} - -.header-title-child { - float: left; - width: 30%; -} - -.header-bg { - background-color: rgba(0, 0, 0, 0.85); - transition: 0.5s; -} - -.nav-menu { - display: flex; -} - -.nav-menu li { - padding: 0 1rem; -} - -.nav-menu li a { - font-size: 1.2rem; - font-weight: 500; -} - -.burger { - display: none; -} - -@media screen and (max-width: 1040px) { - .nav-menu { - flex-direction: column; - justify-content: center; - align-items: center; - width: 100%; - height: 100vh; - background-color: rgba(0, 0, 0, 0.9); - position: absolute; - top: 0; - left: -100%; - z-index: -3; - transition: 0.3s; - } - - .nav-menu.active { - left: 0; - } - - .logo { - padding-top: 7px; - width: 45px; - height: 45px; - } - - .nav-menu li { - padding: 1rem 0; - } - .nav-menu li a { - font-size: 2rem; - } - - .burger { - display: initial; - cursor: pointer; - } -} diff --git a/src/Components/Navbar/Navbar.tsx b/src/Components/Navbar/Navbar.tsx index cf89b59..9224b14 100644 --- a/src/Components/Navbar/Navbar.tsx +++ b/src/Components/Navbar/Navbar.tsx @@ -19,7 +19,7 @@ export default () => { // Replace javascript:void(0) path with your path const navigation = [ - { title: "Home", path: "/" }, + { title: "Custom", path: "javascript:void(0)" }, { title: "Services", path: "javascript:void(0)" }, { title: "Work", path: "javascript:void(0)" }, { title: "About Us", path: "javascript:void(0)" }, @@ -62,7 +62,7 @@ export default () => {
  • {item.title} diff --git a/src/assets/HeroImg.svg b/src/assets/HeroImg.svg new file mode 100644 index 0000000..b4f9013 --- /dev/null +++ b/src/assets/HeroImg.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/Stars.svg b/src/assets/Stars.svg new file mode 100644 index 0000000..be16ce6 --- /dev/null +++ b/src/assets/Stars.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/code-bg.jpg b/src/assets/code-bg.jpg deleted file mode 100644 index 7e15244..0000000 Binary files a/src/assets/code-bg.jpg and /dev/null differ diff --git a/src/assets/code.jpg b/src/assets/code.jpg deleted file mode 100644 index 214269f..0000000 Binary files a/src/assets/code.jpg and /dev/null differ diff --git a/src/assets/intro-bg.jpg b/src/assets/intro-bg.jpg deleted file mode 100644 index c563fe0..0000000 Binary files a/src/assets/intro-bg.jpg and /dev/null differ diff --git a/src/assets/logo.png b/src/assets/logo.png deleted file mode 100644 index c24ef4f..0000000 Binary files a/src/assets/logo.png and /dev/null differ diff --git a/src/assets/project1.png b/src/assets/project1.png deleted file mode 100644 index 85ca9cd..0000000 Binary files a/src/assets/project1.png and /dev/null differ diff --git a/src/assets/project2.png b/src/assets/project2.png deleted file mode 100644 index f4fcced..0000000 Binary files a/src/assets/project2.png and /dev/null differ diff --git a/src/assets/project3.png b/src/assets/project3.png deleted file mode 100644 index c81e36d..0000000 Binary files a/src/assets/project3.png and /dev/null differ diff --git a/src/assets/project4.png b/src/assets/project4.png deleted file mode 100644 index cef762d..0000000 Binary files a/src/assets/project4.png and /dev/null differ diff --git a/src/assets/react1.jpg b/src/assets/react1.jpg deleted file mode 100644 index 653f03f..0000000 Binary files a/src/assets/react1.jpg and /dev/null differ diff --git a/src/assets/react2.webp b/src/assets/react2.webp deleted file mode 100644 index f9f299a..0000000 Binary files a/src/assets/react2.webp and /dev/null differ diff --git a/src/assets/umbreonbot.jpg b/src/assets/umbreonbot.jpg deleted file mode 100644 index 53e94e3..0000000 Binary files a/src/assets/umbreonbot.jpg and /dev/null differ diff --git a/src/routes/Home.tsx b/src/routes/Home.tsx index ee98b24..8be6931 100644 --- a/src/routes/Home.tsx +++ b/src/routes/Home.tsx @@ -1,10 +1,12 @@ import React from "react"; import Navbar from "../Components/Navbar/Navbar"; +import Hero from "../Components/Hero/Hero"; const Home = () => { return (
    +
    ); }; diff --git a/tailwind.config.js b/tailwind.config.js index 560538a..90b016d 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -11,6 +11,11 @@ export default { fontFamily: { baijam: ['"Bai Jamjuree"', "sans-serif"], }, + spacing: { + 95: "8rem", + 20: "12rem", + 22: "22rem", + }, }, }, plugins: [],