Spaces:
Sleeping
Sleeping
Changed heading titles
Browse files
frontend/src/components/Features.tsx
CHANGED
@@ -35,11 +35,11 @@ export const Features = () => {
|
|
35 |
className="container py-24 sm:py-32 space-y-8"
|
36 |
>
|
37 |
<h2 className="text-3xl lg:text-4xl font-bold md:text-center">
|
38 |
-
|
39 |
<span className="bg-gradient-to-b from-primary/60 to-primary text-transparent bg-clip-text">
|
40 |
-
|
41 |
</span>
|
42 |
-
|
43 |
</h2>
|
44 |
|
45 |
<div className="flex flex-wrap md:justify-center gap-4">
|
|
|
35 |
className="container py-24 sm:py-32 space-y-8"
|
36 |
>
|
37 |
<h2 className="text-3xl lg:text-4xl font-bold md:text-center">
|
38 |
+
Get Started{" "}
|
39 |
<span className="bg-gradient-to-b from-primary/60 to-primary text-transparent bg-clip-text">
|
40 |
+
NOW{" "}
|
41 |
</span>
|
42 |
+
Upload Your Document
|
43 |
</h2>
|
44 |
|
45 |
<div className="flex flex-wrap md:justify-center gap-4">
|
frontend/src/components/HowItWorks
ADDED
File without changes
|
frontend/src/components/HowItWorks.tsx
CHANGED
@@ -41,11 +41,11 @@ export const HowItWorks = () => {
|
|
41 |
className="container text-center py-24 sm:py-32"
|
42 |
>
|
43 |
<h2 className="text-3xl md:text-4xl font-bold ">
|
44 |
-
|
45 |
<span className="bg-gradient-to-b from-primary/60 to-primary text-transparent bg-clip-text">
|
46 |
-
|
47 |
</span>
|
48 |
-
|
49 |
</h2>
|
50 |
<p className="md:w-3/4 mx-auto mt-4 mb-8 text-xl text-muted-foreground">
|
51 |
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis
|
|
|
41 |
className="container text-center py-24 sm:py-32"
|
42 |
>
|
43 |
<h2 className="text-3xl md:text-4xl font-bold ">
|
44 |
+
Fast and Accurate{" "}
|
45 |
<span className="bg-gradient-to-b from-primary/60 to-primary text-transparent bg-clip-text">
|
46 |
+
Document Meta Data{" "}
|
47 |
</span>
|
48 |
+
Verification
|
49 |
</h2>
|
50 |
<p className="md:w-3/4 mx-auto mt-4 mb-8 text-xl text-muted-foreground">
|
51 |
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis
|
frontend/src/components/Team.tsx
DELETED
@@ -1,161 +0,0 @@
|
|
1 |
-
import { buttonVariants } from "@/components/ui/button";
|
2 |
-
import {
|
3 |
-
Card,
|
4 |
-
CardContent,
|
5 |
-
CardDescription,
|
6 |
-
CardFooter,
|
7 |
-
CardHeader,
|
8 |
-
CardTitle,
|
9 |
-
} from "@/components/ui/card";
|
10 |
-
import { Facebook, Instagram, Linkedin } from "lucide-react";
|
11 |
-
|
12 |
-
interface TeamProps {
|
13 |
-
imageUrl: string;
|
14 |
-
name: string;
|
15 |
-
position: string;
|
16 |
-
socialNetworks: SociaNetworkslProps[];
|
17 |
-
}
|
18 |
-
|
19 |
-
interface SociaNetworkslProps {
|
20 |
-
name: string;
|
21 |
-
url: string;
|
22 |
-
}
|
23 |
-
|
24 |
-
const teamList: TeamProps[] = [
|
25 |
-
{
|
26 |
-
imageUrl: "https://i.pravatar.cc/150?img=35",
|
27 |
-
name: "Emma Smith",
|
28 |
-
position: "Product Manager",
|
29 |
-
socialNetworks: [
|
30 |
-
{ name: "Linkedin", url: "http://linkedin.com" },
|
31 |
-
{
|
32 |
-
name: "Facebook",
|
33 |
-
url: "https://www.facebook.com/",
|
34 |
-
},
|
35 |
-
{
|
36 |
-
name: "Instagram",
|
37 |
-
url: "https://www.instagram.com/",
|
38 |
-
},
|
39 |
-
],
|
40 |
-
},
|
41 |
-
{
|
42 |
-
imageUrl: "https://i.pravatar.cc/150?img=60",
|
43 |
-
name: "John Doe",
|
44 |
-
position: "Tech Lead",
|
45 |
-
socialNetworks: [
|
46 |
-
{ name: "Linkedin", url: "http://linkedin.com" },
|
47 |
-
{
|
48 |
-
name: "Facebook",
|
49 |
-
url: "https://www.facebook.com/",
|
50 |
-
},
|
51 |
-
{
|
52 |
-
name: "Instagram",
|
53 |
-
url: "https://www.instagram.com/",
|
54 |
-
},
|
55 |
-
],
|
56 |
-
},
|
57 |
-
{
|
58 |
-
imageUrl: "https://i.pravatar.cc/150?img=36",
|
59 |
-
name: "Ashley Ross",
|
60 |
-
position: "Frontend Developer",
|
61 |
-
socialNetworks: [
|
62 |
-
{ name: "Linkedin", url: "http://linkedin.com" },
|
63 |
-
|
64 |
-
{
|
65 |
-
name: "Instagram",
|
66 |
-
url: "https://www.instagram.com/",
|
67 |
-
},
|
68 |
-
],
|
69 |
-
},
|
70 |
-
{
|
71 |
-
imageUrl: "https://i.pravatar.cc/150?img=17",
|
72 |
-
name: "Bruce Rogers",
|
73 |
-
position: "Backend Developer",
|
74 |
-
socialNetworks: [
|
75 |
-
{ name: "Linkedin", url: "http://linkedin.com" },
|
76 |
-
{
|
77 |
-
name: "Facebook",
|
78 |
-
url: "https://www.facebook.com/",
|
79 |
-
},
|
80 |
-
],
|
81 |
-
},
|
82 |
-
];
|
83 |
-
|
84 |
-
export const Team = () => {
|
85 |
-
const socialIcon = (iconName: string) => {
|
86 |
-
switch (iconName) {
|
87 |
-
case "Linkedin":
|
88 |
-
return <Linkedin size="20" />;
|
89 |
-
|
90 |
-
case "Facebook":
|
91 |
-
return <Facebook size="20" />;
|
92 |
-
|
93 |
-
case "Instagram":
|
94 |
-
return <Instagram size="20" />;
|
95 |
-
}
|
96 |
-
};
|
97 |
-
|
98 |
-
return (
|
99 |
-
<section
|
100 |
-
id="team"
|
101 |
-
className="container py-24 sm:py-32"
|
102 |
-
>
|
103 |
-
<h2 className="text-3xl md:text-4xl font-bold">
|
104 |
-
<span className="bg-gradient-to-b from-primary/60 to-primary text-transparent bg-clip-text">
|
105 |
-
Our Dedicated{" "}
|
106 |
-
</span>
|
107 |
-
Crew
|
108 |
-
</h2>
|
109 |
-
|
110 |
-
<p className="mt-4 mb-10 text-xl text-muted-foreground">
|
111 |
-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis
|
112 |
-
dolor pariatur sit!
|
113 |
-
</p>
|
114 |
-
|
115 |
-
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8 gap-y-10">
|
116 |
-
{teamList.map(
|
117 |
-
({ imageUrl, name, position, socialNetworks }: TeamProps) => (
|
118 |
-
<Card
|
119 |
-
key={name}
|
120 |
-
className="bg-muted/50 relative mt-8 flex flex-col justify-center items-center"
|
121 |
-
>
|
122 |
-
<CardHeader className="mt-8 flex justify-center items-center pb-2">
|
123 |
-
<img
|
124 |
-
src={imageUrl}
|
125 |
-
alt={`${name} ${position}`}
|
126 |
-
className="absolute -top-12 rounded-full w-24 h-24 aspect-square object-cover"
|
127 |
-
/>
|
128 |
-
<CardTitle className="text-center">{name}</CardTitle>
|
129 |
-
<CardDescription className="text-primary">
|
130 |
-
{position}
|
131 |
-
</CardDescription>
|
132 |
-
</CardHeader>
|
133 |
-
|
134 |
-
<CardContent className="text-center pb-2">
|
135 |
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
136 |
-
</CardContent>
|
137 |
-
|
138 |
-
<CardFooter>
|
139 |
-
{socialNetworks.map(({ name, url }: SociaNetworkslProps) => (
|
140 |
-
<div key={name}>
|
141 |
-
<a
|
142 |
-
href={url}
|
143 |
-
target="_blank"
|
144 |
-
className={buttonVariants({
|
145 |
-
variant: "ghost",
|
146 |
-
size: "sm",
|
147 |
-
})}
|
148 |
-
>
|
149 |
-
<span className="sr-only">{name} icon</span>
|
150 |
-
{socialIcon(name)}
|
151 |
-
</a>
|
152 |
-
</div>
|
153 |
-
))}
|
154 |
-
</CardFooter>
|
155 |
-
</Card>
|
156 |
-
)
|
157 |
-
)}
|
158 |
-
</div>
|
159 |
-
</section>
|
160 |
-
);
|
161 |
-
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|