SANDRAMSC commited on
Commit
2dcf8f6
·
1 Parent(s): ca314ba

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
- Fast and Accurate Document{" "}
39
  <span className="bg-gradient-to-b from-primary/60 to-primary text-transparent bg-clip-text">
40
- Meta Data{" "}
41
  </span>
42
- Verification
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
- How It{" "}
45
  <span className="bg-gradient-to-b from-primary/60 to-primary text-transparent bg-clip-text">
46
- Works{" "}
47
  </span>
48
- Step-by-Step Guide
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
- };