Skip to content

Commit 95d85be

Browse files
yashksaini-coderyashksaini-coder
authored
Merge pull request #115 from hanuchaudhary/revamp
Revamp Landing design
2 parents e6e2b17 + c5ca3d6 commit 95d85be

30 files changed

+2184
-464
lines changed

‎app/FAQ/component/contact-section.tsx

Lines changed: 0 additions & 28 deletions
This file was deleted.

‎app/FAQ/component/faq-component.tsx

Lines changed: 0 additions & 86 deletions
This file was deleted.

‎app/FAQ/component/layout.tsx

Lines changed: 0 additions & 15 deletions
This file was deleted.

‎app/FAQ/page.tsx

Lines changed: 0 additions & 35 deletions
This file was deleted.

‎app/globals.css

Lines changed: 125 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -2,87 +2,149 @@
22
@tailwind components;
33
@tailwind utilities;
44

5+
html {
6+
scroll-behavior: smooth;
7+
}
8+
9+
/* *=========== Default theme =========== */
510
@layer base {
611
:root {
712
--background: 0 0% 100%;
8-
--foreground: 0 0% 3.9%;
9-
--card: 0 0% 100%;
10-
--card-foreground: 0 0% 3.9%;
13+
--foreground: 240 10% 3.9%;
14+
15+
--muted: 240 4.8% 95.9%;
16+
--muted-foreground: 240 3.8% 46.1%;
17+
1118
--popover: 0 0% 100%;
12-
--popover-foreground: 0 0% 3.9%;
13-
--primary: 0 0% 9%;
19+
--popover-foreground: 240 10% 3.9%;
20+
21+
--card: 0 0% 100%;
22+
--card-foreground: 240 10% 3.9%;
23+
24+
--border: 240 5.9% 90%;
25+
--input: 240 5.9% 90%;
26+
27+
--primary: 240 5.9% 10%;
1428
--primary-foreground: 0 0% 98%;
15-
--secondary: 0 0% 96.1%;
16-
--secondary-foreground: 0 0% 9%;
17-
--muted: 0 0% 96.1%;
18-
--muted-foreground: 0 0% 45.1%;
19-
--accent: 0 0% 96.1%;
20-
--accent-foreground: 0 0% 9%;
29+
30+
--secondary: 240 4.8% 95.9%;
31+
--secondary-foreground: 240 5.9% 10%;
32+
33+
--accent: 240 4.8% 95.9%;
34+
--accent-foreground: 240 5.9% 10%;
35+
2136
--destructive: 0 84.2% 60.2%;
2237
--destructive-foreground: 0 0% 98%;
23-
--border: 0 0% 89.8%;
24-
--input: 0 0% 89.8%;
25-
--ring: 0 0% 3.9%;
26-
--chart-1: 12 76% 61%;
27-
--chart-2: 173 58% 39%;
28-
--chart-3: 197 37% 24%;
29-
--chart-4: 43 74% 66%;
30-
--chart-5: 27 87% 67%;
38+
39+
--ring: 240 10% 3.9%;
40+
3141
--radius: 0.5rem;
32-
--sidebar-background: 0 0% 98%;
33-
--sidebar-foreground: 240 5.3% 26.1%;
34-
--sidebar-primary: 240 5.9% 10%;
35-
--sidebar-primary-foreground: 0 0% 98%;
36-
--sidebar-accent: 240 4.8% 95.9%;
37-
--sidebar-accent-foreground: 240 5.9% 10%;
38-
--sidebar-border: 220 13% 91%;
39-
--sidebar-ring: 217.2 91.2% 59.8%;
40-
--color-1: 0 100% 63%;
41-
--color-2: 270 100% 63%;
42-
--color-3: 210 100% 63%;
43-
--color-4: 195 100% 63%;
44-
--color-5: 90 100% 63%;
4542
}
4643

4744
.dark {
48-
--background: 0 0% 3.9%;
45+
--background: 240 10% 3.9%;
4946
--foreground: 0 0% 98%;
50-
--card: 0 0% 3.9%;
51-
--card-foreground: 0 0% 98%;
52-
--popover: 0 0% 3.9%;
47+
48+
--muted: 240 3.7% 15.9%;
49+
--muted-foreground: 240 5% 64.9%;
50+
51+
--popover: 240 10% 3.9%;
5352
--popover-foreground: 0 0% 98%;
53+
54+
--card: 240 10% 3.9%;
55+
--card-foreground: 0 0% 98%;
56+
57+
--border: 240 3.7% 15.9%;
58+
--input: 240 3.7% 15.9%;
59+
5460
--primary: 0 0% 98%;
55-
--primary-foreground: 0 0% 9%;
56-
--secondary: 0 0% 14.9%;
61+
--primary-foreground: 240 5.9% 10%;
62+
63+
--secondary: 240 3.7% 15.9%;
5764
--secondary-foreground: 0 0% 98%;
58-
--muted: 0 0% 14.9%;
59-
--muted-foreground: 0 0% 63.9%;
60-
--accent: 0 0% 14.9%;
65+
66+
--accent: 240 3.7% 15.9%;
6167
--accent-foreground: 0 0% 98%;
68+
6269
--destructive: 0 62.8% 30.6%;
6370
--destructive-foreground: 0 0% 98%;
64-
--border: 0 0% 14.9%;
65-
--input: 0 0% 14.9%;
66-
--ring: 0 0% 83.1%;
67-
--chart-1: 220 70% 50%;
68-
--chart-2: 160 60% 45%;
69-
--chart-3: 30 80% 55%;
70-
--chart-4: 280 65% 60%;
71-
--chart-5: 340 75% 55%;
72-
--sidebar-background: 240 5.9% 10%;
73-
--sidebar-foreground: 240 4.8% 95.9%;
74-
--sidebar-primary: 224.3 76.3% 48%;
75-
--sidebar-primary-foreground: 0 0% 100%;
76-
--sidebar-accent: 240 3.7% 15.9%;
77-
--sidebar-accent-foreground: 240 4.8% 95.9%;
78-
--sidebar-border: 240 3.7% 15.9%;
79-
--sidebar-ring: 217.2 91.2% 59.8%;
80-
--color-1: 0 100% 63%;
81-
--color-2: 270 100% 63%;
82-
--color-3: 210 100% 63%;
83-
--color-4: 195 100% 63%;
84-
--color-5: 90 100% 63%;
71+
72+
--ring: 240 4.9% 83.9%;
73+
}
74+
}
75+
76+
/* *=========== indigo theme =========== */
77+
/* @layer base {
78+
:root {
79+
--background: 0 0% 100%;
80+
--foreground: 222.2 47.4% 11.2%;
81+
82+
--card: 0 0% 100%;
83+
--card-foreground: 222.2 47.4% 11.2%;
84+
85+
--popover: 0 0% 100%;
86+
--popover-foreground: 222.2 47.4% 11.2%;
87+
88+
--primary: 226 70% 55%;
89+
--primary-foreground: 210 20% 98%;
90+
91+
--secondary: 230 16% 85%;
92+
--secondary-foreground: 225 20% 20%;
93+
94+
--muted: 230 16% 85%;
95+
--muted-foreground: 228 13% 50%;
96+
97+
--accent: 230 16% 85%;
98+
--accent-foreground: 225 20% 20%;
99+
100+
--destructive: 0 72.2% 50.6%;
101+
--destructive-foreground: 210 20% 98%;
102+
103+
--border: 228 13% 75%;
104+
--input: 228 13% 75%;
105+
--ring: 226 70% 55%;
106+
--radius: 0.5rem;
85107
}
108+
109+
.dark {
110+
111+
--background: 240 10% 3.9%;
112+
--foreground: 0 0% 98%;
113+
114+
--card: 228 20% 15%;
115+
--card-foreground: 210 20% 98%;
116+
117+
--popover: 222.2 47.4% 11.2%;
118+
--popover-foreground: 210 20% 98%;
119+
120+
--primary: 226 70% 55%;
121+
--primary-foreground: 210 20% 98%;
122+
123+
--secondary: 228 20% 20%;
124+
--secondary-foreground: 210 20% 98%;
125+
126+
--muted: 228 20% 20%;
127+
--muted-foreground: 225 13% 60%;
128+
129+
--accent: 228 20% 20%;
130+
--accent-foreground: 210 20% 98%;
131+
132+
--destructive: 0 72.2% 50.6%;
133+
--destructive-foreground: 210 20% 98%;
134+
135+
--border: 228 20% 20%;
136+
--input: 228 20% 20%;
137+
--ring: 226 70% 55%;
138+
}
139+
} */
140+
141+
142+
.shadow-light {
143+
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.085);
144+
}
145+
146+
.shadow-dark {
147+
box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.141);
86148
}
87149

88150
@layer base {
@@ -92,4 +154,4 @@
92154
body {
93155
@apply bg-background text-foreground;
94156
}
95-
}
157+
}

0 commit comments

Comments
 (0)