Skip to content

Commit 5d38b93

Browse files
karan925karan925
committed
Update redirects and add custom font and colors
1 parent 0362dd2 commit 5d38b93

File tree

3 files changed

+94
-81
lines changed

3 files changed

+94
-81
lines changed

‎src/theme/Footer/index.js

+86-77
Original file line numberDiff line numberDiff line change
@@ -1,136 +1,145 @@
1-
import Footer from "@theme-original/Footer";
1+
import OriginalFooter from "@theme-original/Footer";
2+
import React from "react";
23

3-
export default function FooterWrapper(props) {
4+
// Create your custom Footer component by extending the original Footer
5+
function CustomFooter(props) {
6+
// You can add your custom JSX or styles here
47
return (
5-
<>
6-
<Footer {...props} />
7-
<div className="w-[1440px] h-[342px] px-20 py-[50px] bg-black flex-col justify-start items-start gap-2.5 inline-flex">
8-
<div className="w-[1280px] justify-between items-start inline-flex">
9-
<div className="flex-col justify-start items-start gap-[42px] inline-flex">
10-
<div className="w-[137px] h-[30px] justify-start items-start gap-1 inline-flex">
11-
<div className="justify-center items-center gap-[2.36px] flex">
12-
<div className="text-center text-white text-[18.88px] font-extrabold leading-7">
13-
<img src="/img/logo/white_coderabbit.svg" />
14-
</div>
8+
<footer>
9+
<OriginalFooter {...props} /> {/* Include original Footer props */}
10+
{/* Add your custom content here */}
11+
<div className="items-stretch bg-black flex flex-col px-20 py-10 max-md:px-5">
12+
<div className="justify-between items-stretch flex w-full gap-5 max-md:max-w-full max-md:flex-wrap">
13+
<div className="flex flex-col items-start">
14+
<div className="flex gap-1 pr-2 py-px items-start">
15+
<img
16+
loading="lazy"
17+
src="https://cdn.builder.io/api/v1/image/assets/TEMP/c2b003ad3b20290b59f3b08f614c5151ce5af2538be8ff145c1aae4ecfa170f8?"
18+
className="aspect-[1.17] object-contain object-center w-7 fill-white overflow-hidden shrink-0 max-w-full"
19+
/>
20+
<div className="text-center text-xl font-extrabold leading-7 tracking-tighter self-stretch grow whitespace-nowrap text-customWhite">
21+
CodeRabbit
1522
</div>
1623
</div>
17-
<div className="w-[375px] text-stone-300 text-xs font-normal">
24+
<div className="flex items-stretch max-w-md text-xs font-medium mt-10 max-md:mt-10 font-satoshi leading-5 text-customGray">
1825
CodeRabbit is an innovative, AI-driven platform that
1926
transforms the way code reviews are done. Its
2027
automated reviews elevate the code quality while
2128
significantly reducing the time and effort tied to
2229
extensive manual code reviews.
2330
<br />
31+
<br />
2432
The platform offers insightful, line-by-line
2533
feedback on code changes, suggesting improvements
2634
and corrections that can enhance the efficiency and
2735
robustness of the code.
2836
</div>
2937
</div>
30-
<div className="justify-start items-start gap-[100px] flex">
31-
<div className="w-[140px] flex-col justify-center items-start gap-1 inline-flex">
38+
<div className="items-stretch flex justify-between gap-5 self-start">
39+
<div className="justify-center items-stretch flex flex-col gap-3 pr-16">
3240
<a
33-
href="https://blog.coderabbit.ai/docs/introduction"
34-
className="self-stretch h-[37px] text-white text-[15px]"
41+
href="https://docs.coderabbit.ai/"
42+
className="justify-center text-white text-base font-medium whitespace-nowrap"
3543
>
3644
Docs
3745
</a>
3846
<a
39-
href="https://blog.coderabbit.ai/blog"
40-
className="self-stretch h-[37px] text-white text-[15px] font-medium"
47+
href="https://blog.coderabbit.ai/"
48+
className="justify-center text-white text-base font-medium whitespace-nowrap mt-1"
4149
>
4250
Blog
4351
</a>
4452
<a
4553
href="https://coderabbit.ai/pricing"
46-
className="self-stretch h-[37px] text-white text-[15px] font-medium"
54+
className="justify-center text-white text-base font-medium whitespace-nowrap mt-1"
4755
>
4856
Pricing
4957
</a>
5058
<a
51-
href="#"
52-
className="self-stretch h-[37px] text-white text-[15px] font-medium"
59+
href="https://coderabbit.ai/changelog"
60+
className="justify-center text-white text-base font-medium whitespace-nowrap mt-1"
5361
>
5462
Changelog
5563
</a>
5664
</div>
57-
<div className="w-[134px] flex-col justify-center items-start gap-2 inline-flex">
65+
<div className="justify-center items-stretch flex flex-col gap-3 pl-16">
5866
<a
59-
href="YOUR_COMPLIANCE_LINK_HERE"
60-
className="self-stretch h-[37px] text-white text-[15px] font-medium"
67+
href="#"
68+
className="justify-center text-white text-base font-medium whitespace-nowrap"
6169
>
62-
Compliance
70+
Compliance{" "}
6371
</a>
6472
<a
6573
href="https://calendly.com/coderabbitai/30min"
66-
className="self-stretch h-[37px] text-white text-[15px] font-medium"
74+
className="justify-center text-white text-base font-medium whitespace-nowrap mt-1"
6775
>
6876
Schedule a Demo
6977
</a>
7078
<a
7179
href="https://coderabbit.ai/terms-and-conditions"
72-
className="self-stretch h-[37px] text-white text-[15px] font-medium text-nowrap"
80+
className="justify-center text-white text-base font-medium whitespace-nowrap mt-1"
7381
>
7482
Terms & Conditions
7583
</a>
7684
<a
7785
href="https://coderabbit.ai/privacy-policy"
78-
className="self-stretch h-[37px] text-white text-[15px] font-medium"
86+
className="justify-center text-white text-base font-medium whitespace-nowrap mt-1"
7987
>
8088
Privacy Policy
8189
</a>
8290
</div>
8391
</div>
8492
</div>
85-
<div className="w-full justify-center items-center flex">
86-
<div className="w-full border-t-2 border-y-neutral-300"></div>
87-
</div>
88-
<div className="self-stretch justify-between items-start inline-flex">
89-
<footer className="justify-between flex w-full gap-5 mt-7 items-start max-md:max-w-full max-md:flex-wrap">
90-
<div className="text-white text-sm font-medium">
91-
CodeRabbit © 2023.
92-
</div>
93-
<div className="justify-end items-stretch self-stretch flex gap-4 pl-20 max-md:max-w-full max-md:flex-wrap max-md:pl-5">
94-
<a
95-
href="https://twitter.com/coderabbitai"
96-
target="_blank"
97-
rel="noopener noreferrer"
98-
>
99-
<img
100-
loading="lazy"
101-
src="https://cdn.builder.io/api/v1/image/assets/TEMP/0f1b48f4977dc728d0cea441017f89664834046c1ce8f3916564bb9a1538f58a?apiKey=bcdfb569bac3439288cb09416e1bbb71&"
102-
className="aspect-square object-contain object-center w-5 overflow-hidden shrink-0 max-w-full"
103-
alt="image 1"
104-
/>
105-
</a>
106-
<a
107-
href="https://www.linkedin.com/company/coderabbitai"
108-
target="_blank"
109-
rel="noopener noreferrer"
110-
>
111-
<img
112-
loading="lazy"
113-
src="https://cdn.builder.io/api/v1/image/assets/TEMP/9ef98483828bc1c5e3349eb7c8da5c661ce0e7958e4dfe0e9c67db18e2019c65?apiKey=bcdfb569bac3439288cb09416e1bbb71&"
114-
className="aspect-square object-contain object-center w-5 overflow-hidden shrink-0 max-w-full"
115-
alt="image 2"
116-
/>
117-
</a>
118-
<a
119-
href="https://discord.gg/CVtemB5c"
120-
target="_blank"
121-
rel="noopener noreferrer"
122-
>
123-
<img
124-
loading="lazy"
125-
src="https://cdn.builder.io/api/v1/image/assets/TEMP/54cf490c6e905acb0ac1e2d5b9946ca1adae440948393edc7a12ec1a68b7b95c?apiKey=bcdfb569bac3439288cb09416e1bbb71&"
126-
className="aspect-square object-contain object-center w-5 overflow-hidden shrink-0 max-w-full"
127-
alt="image 3"
128-
/>
129-
</a>
130-
</div>
131-
</footer>
93+
<div className="bg-neutral-700 shrink-0 h-px mt-6 max-md:max-w-full" />
94+
<div className="justify-between flex w-full gap-5 mt-7 items-start max-md:max-w-full max-md:flex-wrap">
95+
<div className="text-sm font-medium font-satoshi text-customWhite">
96+
CodeRabbit © 2023.
97+
</div>
98+
<div className="justify-end items-stretch self-stretch flex gap-4 pl-20 max-md:max-w-full max-md:flex-wrap max-md:pl-5">
99+
<a
100+
href="https://twitter.com/coderabbitai"
101+
target="_blank"
102+
rel="noopener noreferrer"
103+
>
104+
<img
105+
loading="lazy"
106+
src="https://cdn.builder.io/api/v1/image/assets/TEMP/0f1b48f4977dc728d0cea441017f89664834046c1ce8f3916564bb9a1538f58a?"
107+
className="aspect-square object-contain object-center w-5 overflow-hidden shrink-0 max-w-full"
108+
/>
109+
</a>
110+
<a
111+
href="https://www.linkedin.com/company/coderabbitai/"
112+
target="_blank"
113+
rel="noopener noreferrer"
114+
>
115+
<img
116+
loading="lazy"
117+
src="https://cdn.builder.io/api/v1/image/assets/TEMP/9ef98483828bc1c5e3349eb7c8da5c661ce0e7958e4dfe0e9c67db18e2019c65?"
118+
className="aspect-square object-contain object-center w-5 overflow-hidden shrink-0 max-w-full"
119+
/>
120+
</a>
121+
<a
122+
href="https://discord.gg/CVtemB5c"
123+
target="_blank"
124+
rel="noopener noreferrer"
125+
>
126+
<img
127+
loading="lazy"
128+
src="https://cdn.builder.io/api/v1/image/assets/TEMP/54cf490c6e905acb0ac1e2d5b9946ca1adae440948393edc7a12ec1a68b7b95c?"
129+
className="aspect-square object-contain object-center w-5 overflow-hidden shrink-0 max-w-full"
130+
/>
131+
</a>
132+
</div>
132133
</div>
133134
</div>
134-
</>
135+
</footer>
136+
);
137+
}
138+
139+
export default function CustomFooterWrapper(props) {
140+
return (
141+
<React.Fragment>
142+
<CustomFooter {...props} />
143+
</React.Fragment>
135144
);
136145
}

‎static/_redirects

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
# Redirect blog.coderabbit.ai/ to docs.coderabbit.ai/
66

7-
/blog.coderabbit.ai/ https://docs.coderabbit.ai/ 301!
7+
/blog.coderabbit.ai/\* https://blog.coderabbit.ai/:splat 301!
88

99
# Exclude blog.coderabbit.ai/blog/\* from redirection
1010

‎tailwind.config.js

+7-3
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,14 @@ module.exports = {
99
theme: {
1010
fontFamily: {
1111
figtree: ["Figtree", "sans-serif"],
12-
// You can replace 'figtree' with any name you want to use for the font family
13-
// 'Figtree' should match the name specified in the Google Fonts link
12+
satoshi: ["Satoshi", "Satoshi Placeholder", "sans-serif"],
13+
},
14+
extend: {
15+
colors: {
16+
customGray: "rgb(189, 189, 189)",
17+
customWhite: "rgb(255, 255, 255)",
18+
},
1419
},
15-
extend: {},
1620
},
1721
plugins: [],
1822
};

0 commit comments

Comments
 (0)