Skip to content

Commit e6be344

Browse files
abheektripathyabheektripathy
committed
verifying component issues
1 parent 38fbf92 commit e6be344

File tree

3 files changed

+104
-102
lines changed

3 files changed

+104
-102
lines changed

‎components/Header.tsx‎

Lines changed: 55 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -1,105 +1,62 @@
1+
import Link from "next/link";
2+
import Image from "next/image";
3+
14
/* eslint-disable @next/next/no-img-element */
25
export function Header() {
36
return (
4-
<div className="fixed z-50 pt-4 w-full h-16 max-w-lg -translate-x-1/2 rounded-full top-10 left-1/2 bg-gray-700 border-gray-600">
5-
<div className="grid h-full grid-cols-5 mx-auto">
6-
<button
7-
data-tooltip-target="tooltip-home"
8-
type="button"
9-
className="inline-flex flex-col items-center justify-center px-5 rounded-l-full hover:bg-gray-800 group"
10-
>
11-
<img src="images/i.png" className="" alt="intelowl logo"></img>
12-
<span className="sr-only">Home</span>
13-
</button>
14-
<div
15-
id="tooltip-home"
16-
role="tooltip"
17-
className="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700"
18-
>
19-
Home
20-
<div className="tooltip-arrow" data-popper-arrow></div>
21-
</div>
22-
<button
23-
data-tooltip-target="tooltip-wallet"
24-
type="button"
25-
className="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group"
26-
>
27-
<svg
28-
className="w-6 h-6 mb-1 text-gray-500 dark:text-gray-400 group-hover:text-blue-600 dark:group-hover:text-blue-500"
29-
fill="currentColor"
30-
viewBox="0 0 20 20"
31-
xmlns="http://www.w3.org/2000/svg"
32-
aria-hidden="true"
33-
>
34-
<path d="M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z"></path>
35-
<path
36-
clipRule="evenodd"
37-
fillRule="evenodd"
38-
d="M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z"
39-
></path>
40-
</svg>
41-
<span className="sr-only">Wallet</span>
42-
</button>
43-
<div
44-
id="tooltip-wallet"
45-
role="tooltip"
46-
className="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700"
47-
>
48-
Wallet
49-
<div className="tooltip-arrow" data-popper-arrow></div>
50-
</div>
51-
<div className="flex items-center justify-center">
52-
<button
53-
data-tooltip-target="tooltip-new"
54-
type="button"
55-
className="inline-flex items-center justify-center w-10 h-10 font-medium bg-blue-600 rounded-full hover:bg-blue-700 group focus:ring-4 focus:ring-blue-300 focus:outline-none dark:focus:ring-blue-800"
56-
>
57-
<svg
58-
className="w-6 h-6 text-white"
59-
fill="currentColor"
60-
viewBox="0 0 20 20"
61-
xmlns="http://www.w3.org/2000/svg"
62-
aria-hidden="true"
63-
>
64-
<path
65-
clipRule="evenodd"
66-
fillRule="evenodd"
67-
d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
68-
></path>
69-
</svg>
70-
<span className="sr-only">New item</span>
71-
</button>
72-
</div>
7+
<div className="fixed z-50 w-full h-16 max-w-xs md:max-w-3xl -translate-x-1/2 rounded-full top-10 left-1/2 bg-[#1C1C1F] border-solid border border-[#29292d]">
8+
<div className="grid h-full grid-cols-6 mx-auto items-center ml-6 ">
9+
<img
10+
className=""
11+
src="images/intelowlwhite.png"
12+
alt="intelowl logo"
13+
></img>
7314

74-
<button
75-
data-tooltip-target="tooltip-profile"
76-
type="button"
77-
className="inline-flex flex-col items-center justify-center px-5 rounded-r-full hover:bg-gray-50 dark:hover:bg-gray-800 group"
78-
>
79-
<svg
80-
className="w-6 h-6 mb-1 text-gray-500 dark:text-gray-400 group-hover:text-blue-600 dark:group-hover:text-blue-500"
81-
fill="currentColor"
82-
viewBox="0 0 20 20"
83-
xmlns="http://www.w3.org/2000/svg"
84-
aria-hidden="true"
85-
>
86-
<path
87-
clipRule="evenodd"
88-
fillRule="evenodd"
89-
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z"
90-
></path>
91-
</svg>
92-
<span className="sr-only">Profile</span>
93-
</button>
94-
<div
95-
id="tooltip-profile"
96-
role="tooltip"
97-
className="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700"
98-
>
99-
Profile
100-
<div className="tooltip-arrow" data-popper-arrow></div>
101-
</div>
102-
</div>
15+
<Link
16+
href={""}
17+
className="text-white font-SpaceGrotesk font-light text-right invisible md:visible"
18+
>
19+
Features
20+
</Link>
21+
<Link
22+
href={""}
23+
className="text-white font-SpaceGrotesk font-light text-right invisible md:visible"
24+
>
25+
Testimonials
26+
</Link>
27+
<Link
28+
href={""}
29+
className="text-white font-SpaceGrotesk font-light text-right -ml-2 invisible md:visible"
30+
>
31+
Sponsors
32+
</Link>
33+
<Link
34+
href={""}
35+
className="text-white font-SpaceGrotesk font-light text-center collapse md:visible"
36+
>
37+
Docs
38+
</Link>
39+
<span className="flex flex-row justify-center space-x-2 mr-5">
40+
<Link href={"/b"}>
41+
<Image
42+
width={25}
43+
height={25}
44+
className=""
45+
src="images/githublogo.png"
46+
alt="intelowl logo"
47+
/>
48+
</Link>
49+
<Link href={"/qds"}>
50+
<Image
51+
width={25}
52+
height={25}
53+
className=""
54+
src="images/twitterlogo.png"
55+
alt="intelowl logo"
56+
/>
57+
</Link>
58+
</span>
10359
</div>
60+
</div>
10461
);
10562
}

‎components/sections/HeroSection.tsx‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
import Link from "next/link";
2+
import Image from "next/image";
3+
4+
/* eslint-disable react/jsx-no-undef */
5+
export default function HeroSection() {
6+
return(
7+
<div className="flex flex-row h-screen w-screen justify-center items-center mt-8">
8+
<div className="bg-inherit w-4/6 flex flex-col items-left justify-center px-16">
9+
<h1 className="text-white text-left text-5xl lg:text-6xl xl:text-7xl leading-snug lg:leading-snug xl:leading-snug font-SpaceGrotesk font-semibold ">
10+
Get Threat Intelligence data about a{" "}
11+
<span className="text-[#00ADEF]">hash.</span>
12+
</h1>
13+
<h2 className=" text-white text-left text-3xl lg:text-3xl xl:text-4xl mt-8 font-SpaceGrotesk font-extralight">
14+
From multiple sources with just a{" "}
15+
<span className="text-[#00ADEF]">
16+
single
17+
<br /> API request.
18+
</span>
19+
</h2>
20+
<Link
21+
href={
22+
"https://intelowl.readthedocs.io/en/latest/Installation.html"
23+
}
24+
className="btn bg-[#00ADEE] hover:bg-blue-700 text-white py-2 px-4 rounded w-36 h-10 mt-16 font-SpaceGrotesk text-center"
25+
>
26+
get started ➔
27+
</Link>
28+
</div>
29+
<div className="bg-inherit h-screen w-2/6 flex flex-col items-center justify-center px-10">
30+
<Image
31+
className="items center justify-center"
32+
src="images/nodescomplete.png"
33+
width={290}
34+
height={250}
35+
alt={""}
36+
/>
37+
</div>
38+
</div>
39+
);
40+
41+
}

‎src/app/page.tsx‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ import Link from "next/link";
66
import Slider from "../../components/Slider";
77
import { useEffect, useState } from "react";
88
import Swiper from "swiper";
9+
import HeroSection from "../../components/sections/HeroSection";
10+
import { Header } from "../../components/Header";
911

1012
export default function Home() {
1113
const [isMobile, setIsMobile] = useState(false);
@@ -50,8 +52,9 @@ export default function Home() {
5052

5153
return (
5254
<>
55+
<Header></Header>
5356
<main className="h-full w-full">
54-
<div className="fixed z-50 w-full h-16 max-w-xs md:max-w-3xl -translate-x-1/2 rounded-full top-10 left-1/2 bg-[#1C1C1F] border-solid border border-[#29292d]">
57+
{/* <div className="fixed z-50 w-full h-16 max-w-xs md:max-w-3xl -translate-x-1/2 rounded-full top-10 left-1/2 bg-[#1C1C1F] border-solid border border-[#29292d]">
5558
<div className="grid h-full grid-cols-6 mx-auto items-center ml-6 ">
5659
<img
5760
className=""
@@ -104,10 +107,10 @@ export default function Home() {
104107
</Link>
105108
</span>
106109
</div>
107-
</div>
110+
</div> */}
108111

109112
<section id="hero-section-md" className="h-screen w-screen">
110-
<div className="flex flex-row h-screen w-screen justify-center items-center mt-8">
113+
{/* <div className="flex flex-row h-screen w-screen justify-center items-center mt-8">
111114
<div className="bg-inherit w-4/6 flex flex-col items-left justify-center px-16">
112115
<h1 className="text-white text-left text-5xl lg:text-6xl xl:text-7xl leading-snug lg:leading-snug xl:leading-snug font-SpaceGrotesk font-semibold ">
113116
Get Threat Intelligence data about a{" "}
@@ -138,7 +141,8 @@ export default function Home() {
138141
alt={""}
139142
/>
140143
</div>
141-
</div>
144+
</div> */}
145+
<HeroSection></HeroSection>
142146
</section>
143147
{/* <section id="hero-section-mobile" className="h-screen w-screen visible md:hidden">
144148
<div className="flex flex-col w-screen justify-center items-center mt-8">

0 commit comments

Comments
 (0)