|
1 | | -importFooterfrom"@theme-original/Footer"; |
| 1 | +importOriginalFooterfrom"@theme-original/Footer"; |
| 2 | +importReactfrom"react"; |
2 | 3 |
|
3 | | -exportdefaultfunctionFooterWrapper(props){ |
| 4 | +// Create your custom Footer component by extending the original Footer |
| 5 | +functionCustomFooter(props){ |
| 6 | +// You can add your custom JSX or styles here |
4 | 7 | return( |
5 | | -<> |
6 | | -<Footer{...props}/> |
7 | | -<divclassName="w-[1440px] h-[342px] px-20 py-[50px] bg-black flex-col justify-start items-start gap-2.5 inline-flex"> |
8 | | -<divclassName="w-[1280px] justify-between items-start inline-flex"> |
9 | | -<divclassName="flex-col justify-start items-start gap-[42px] inline-flex"> |
10 | | -<divclassName="w-[137px] h-[30px] justify-start items-start gap-1 inline-flex"> |
11 | | -<divclassName="justify-center items-center gap-[2.36px] flex"> |
12 | | -<divclassName="text-center text-white text-[18.88px] font-extrabold leading-7"> |
13 | | -<imgsrc="/img/logo/white_coderabbit.svg"/> |
14 | | -</div> |
| 8 | +<footer> |
| 9 | +<OriginalFooter{...props}/>{/* Include original Footer props */} |
| 10 | +{/* Add your custom content here */} |
| 11 | +<divclassName="items-stretch bg-black flex flex-col px-20 py-10 max-md:px-5"> |
| 12 | +<divclassName="justify-between items-stretch flex w-full gap-5 max-md:max-w-full max-md:flex-wrap"> |
| 13 | +<divclassName="flex flex-col items-start"> |
| 14 | +<divclassName="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 | +<divclassName="text-center text-xl font-extrabold leading-7 tracking-tighter self-stretch grow whitespace-nowrap text-customWhite"> |
| 21 | + CodeRabbit |
15 | 22 | </div> |
16 | 23 | </div> |
17 | | -<divclassName="w-[375px] text-stone-300 text-xs font-normal"> |
| 24 | +<divclassName="flex items-stretch max-w-md text-xs font-medium mt-10 max-md:mt-10 font-satoshi leading-5 text-customGray"> |
18 | 25 | CodeRabbit is an innovative, AI-driven platform that |
19 | 26 | transforms the way code reviews are done. Its |
20 | 27 | automated reviews elevate the code quality while |
21 | 28 | significantly reducing the time and effort tied to |
22 | 29 | extensive manual code reviews. |
23 | 30 | <br/> |
| 31 | +<br/> |
24 | 32 | The platform offers insightful, line-by-line |
25 | 33 | feedback on code changes, suggesting improvements |
26 | 34 | and corrections that can enhance the efficiency and |
27 | 35 | robustness of the code. |
28 | 36 | </div> |
29 | 37 | </div> |
30 | | -<divclassName="justify-start items-start gap-[100px] flex"> |
31 | | -<divclassName="w-[140px] flex-coljustify-center items-startgap-1 inline-flex"> |
| 38 | +<divclassName="items-stretch flex justify-between gap-5 self-start"> |
| 39 | +<divclassName="justify-center items-stretch flex flex-colgap-3 pr-16"> |
32 | 40 | <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-centertext-white text-base font-medium whitespace-nowrap" |
35 | 43 | > |
36 | 44 | Docs |
37 | 45 | </a> |
38 | 46 | <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-centertext-white text-base font-medium whitespace-nowrap mt-1" |
41 | 49 | > |
42 | 50 | Blog |
43 | 51 | </a> |
44 | 52 | <a |
45 | 53 | href="https://coderabbit.ai/pricing" |
46 | | -className="self-stretch h-[37px]text-white text-[15px] font-medium" |
| 54 | +className="justify-centertext-white text-base font-medium whitespace-nowrap mt-1" |
47 | 55 | > |
48 | 56 | Pricing |
49 | 57 | </a> |
50 | 58 | <a |
51 | | -href="#" |
52 | | -className="self-stretch h-[37px]text-white text-[15px] font-medium" |
| 59 | +href="https://coderabbit.ai/changelog" |
| 60 | +className="justify-centertext-white text-base font-medium whitespace-nowrap mt-1" |
53 | 61 | > |
54 | 62 | Changelog |
55 | 63 | </a> |
56 | 64 | </div> |
57 | | -<divclassName="w-[134px] flex-coljustify-center items-startgap-2 inline-flex"> |
| 65 | +<divclassName="justify-center items-stretch flex flex-colgap-3 pl-16"> |
58 | 66 | <a |
59 | | -href="YOUR_COMPLIANCE_LINK_HERE" |
60 | | -className="self-stretch h-[37px]text-white text-[15px] font-medium" |
| 67 | +href="#" |
| 68 | +className="justify-centertext-white text-base font-medium whitespace-nowrap" |
61 | 69 | > |
62 | | - Compliance |
| 70 | + Compliance{" "} |
63 | 71 | </a> |
64 | 72 | <a |
65 | 73 | href="https://calendly.com/coderabbitai/30min" |
66 | | -className="self-stretch h-[37px]text-white text-[15px] font-medium" |
| 74 | +className="justify-centertext-white text-base font-medium whitespace-nowrap mt-1" |
67 | 75 | > |
68 | 76 | Schedule a Demo |
69 | 77 | </a> |
70 | 78 | <a |
71 | 79 | href="https://coderabbit.ai/terms-and-conditions" |
72 | | -className="self-stretch h-[37px]text-white text-[15px] font-mediumtext-nowrap" |
| 80 | +className="justify-centertext-white text-base font-mediumwhitespace-nowrap mt-1" |
73 | 81 | > |
74 | 82 | Terms&Conditions |
75 | 83 | </a> |
76 | 84 | <a |
77 | 85 | href="https://coderabbit.ai/privacy-policy" |
78 | | -className="self-stretch h-[37px]text-white text-[15px] font-medium" |
| 86 | +className="justify-centertext-white text-base font-medium whitespace-nowrap mt-1" |
79 | 87 | > |
80 | 88 | Privacy Policy |
81 | 89 | </a> |
82 | 90 | </div> |
83 | 91 | </div> |
84 | 92 | </div> |
85 | | -<divclassName="w-full justify-center items-center flex"> |
86 | | -<divclassName="w-full border-t-2 border-y-neutral-300"></div> |
87 | | -</div> |
88 | | -<divclassName="self-stretch justify-between items-start inline-flex"> |
89 | | -<footerclassName="justify-between flex w-full gap-5 mt-7 items-start max-md:max-w-full max-md:flex-wrap"> |
90 | | -<divclassName="text-white text-sm font-medium"> |
91 | | - CodeRabbit © 2023. |
92 | | -</div> |
93 | | -<divclassName="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-squareobject-containobject-centerw-5overflow-hiddenshrink-0max-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-squareobject-containobject-centerw-5overflow-hiddenshrink-0max-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-squareobject-containobject-centerw-5overflow-hiddenshrink-0max-w-full" |
127 | | -alt="image 3" |
128 | | -/> |
129 | | -</a> |
130 | | -</div> |
131 | | -</footer> |
| 93 | +<divclassName="bg-neutral-700 shrink-0 h-px mt-6 max-md:max-w-full"/> |
| 94 | +<divclassName="justify-between flex w-full gap-5 mt-7 items-start max-md:max-w-full max-md:flex-wrap"> |
| 95 | +<divclassName="text-sm font-medium font-satoshi text-customWhite"> |
| 96 | + CodeRabbit © 2023. |
| 97 | +</div> |
| 98 | +<divclassName="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> |
132 | 133 | </div> |
133 | 134 | </div> |
134 | | -</> |
| 135 | +</footer> |
| 136 | +); |
| 137 | +} |
| 138 | + |
| 139 | +exportdefaultfunctionCustomFooterWrapper(props){ |
| 140 | +return( |
| 141 | +<React.Fragment> |
| 142 | +<CustomFooter{...props}/> |
| 143 | +</React.Fragment> |
135 | 144 | ); |
136 | 145 | } |