Skip to content

Commit 52942cd

Browse files
Kapil GowruKapil Gowru
Kapil Gowru
authored and
Kapil Gowru
committed
feat: working on docs home
1 parent a7e0e67 commit 52942cd

File tree

8 files changed

+82
-74
lines changed

8 files changed

+82
-74
lines changed

‎fern/components/FernFooter.tsx‎

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
import React from 'react';
2+
import { FernStatusWidget } from './FernStatus';
3+
4+
export const FernFooter = () => {
5+
return (
6+
<footer className="footer">
7+
<div className="footer-top">
8+
{/* Left Column - Logo and Status */}
9+
<a className="footer-logo" href="https://buildwithfern.com">
10+
<img src="./images/builtwithfern-light.svg" alt="Fern" className="footer-logo-img dark:hidden" noZoom />
11+
<img src="./images/builtwithfern-dark.svg" alt="Fern" className="footer-logo-img hidden dark:block" noZoom />
12+
13+
<img src="./images/builtwithfern-frame-light.svg" alt="Fern" className="footer-logo-frame dark:hidden" noZoom />
14+
<img src="./images/builtwithfern-frame-dark.svg" alt="Fern" className="footer-logo-frame hidden dark:block" noZoom />
15+
</a>
16+
17+
<div className="footer-status">
18+
{/* <a className="status-badge" href="https://status.buildwithfern.com">
19+
<div className="status-indicator"></div>
20+
<span className="status-text">All systems operational</span>
21+
</a> */}
22+
<FernStatusWidget />
23+
24+
<a className="soc2-badge" href="https://security.buildwithfern.com/">
25+
<img src="./images/soc2.svg" alt="Soc 2 Type II" className="soc2-badge-img" noZoom />
26+
<span className="status-text">Soc 2 Type II</span>
27+
</a>
28+
</div>
29+
</div>
30+
31+
{/* Footer Links */}
32+
<div className="footer-links">
33+
<div className="footer-bottom-text"> © 2025 Fern • Located in Brooklyn, NY </div>
34+
{/* Newsletter Signup */}
35+
{/* <div className="newsletter-container">
36+
<div className="newsletter-label">Subscribe to our updates</div>
37+
<div className="newsletter-form">
38+
<div className="newsletter-input">
39+
<span>[email protected]</span>
40+
</div>
41+
<button className="newsletter-button">
42+
</button>
43+
</div>
44+
</div> */}
45+
<div className="footer-columns">
46+
<div className="footer-column">
47+
<h4 className="footer-column-title">Documentation</h4>
48+
<div className="footer-column-links">
49+
<a href="/openapi/getting-started/overview" className="footer-link">OpenAPI Compatibility</a>
50+
<a href="/sdks/overview/introduction" className="footer-link">SDKs</a>
51+
<a href="docs/getting-started/overview" className="footer-link">Docs</a>
52+
</div>
53+
</div>
54+
55+
<div className="footer-column">
56+
<h4 className="footer-column-title">Resources</h4>
57+
<div className="footer-column-links">
58+
<a href="https://buildwithfern.com/blog" className="footer-link">Blog</a>
59+
<a href="#support" className="footer-link">Support</a>
60+
<a href="https://buildwithfern.com/pricing" className="footer-link">Pricing</a>
61+
<a href="https://buildwithfern.com/slack" className="footer-link">Slack</a>
62+
</div>
63+
</div>
64+
65+
<div className="footer-column">
66+
<h4 className="footer-column-title">Company</h4>
67+
<div className="footer-column-links">
68+
<a href="https://brandfetch.com/buildwithfern.com" className="footer-link">Brand Kit</a>
69+
<a href="https://github.com/fern-api/fern" className="footer-link">Github</a>
70+
<a href="https://buildwithfern.com/privacy-policy" className="footer-link">Privacy Policy</a>
71+
<a href="https://buildwithfern.com/terms-of-service" className="footer-link">Terms of Service</a>
72+
</div>
73+
</div>
74+
</div>
75+
</div>
76+
</footer>
77+
);
78+
};

‎fern/components/FernStatus.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ interface StatusState {
1616
}
1717

1818
export const FernStatusWidget = () => {
19-
const [status, setStatus] = React.useState<StatusState>({
19+
const [status, setStatus] = useState<StatusState>({
2020
dotClass: 'is-loading',
2121
statusMessage: 'Checking status...'
2222
});
@@ -109,7 +109,7 @@ export const FernStatusWidget = () => {
109109
}
110110
};
111111

112-
React.useEffect(() => {
112+
useEffect(() => {
113113
fetchStatus();
114114
const interval = setInterval(fetchStatus, refreshInterval);
115115
return () => clearInterval(interval);

‎fern/products/home/pages/images/builtwithfern-dark.svg‎ renamed to ‎fern/components/images/builtwithfern-dark.svg‎

File renamed without changes.

‎fern/products/home/pages/images/builtwithfern-frame-dark.svg‎ renamed to ‎fern/components/images/builtwithfern-frame-dark.svg‎

File renamed without changes.

‎fern/products/home/pages/images/builtwithfern-frame-light.svg‎ renamed to ‎fern/components/images/builtwithfern-frame-light.svg‎

File renamed without changes.

‎fern/products/home/pages/images/builtwithfern-light.svg‎ renamed to ‎fern/components/images/builtwithfern-light.svg‎

File renamed without changes.

‎fern/products/home/pages/images/soc2.svg‎ renamed to ‎fern/components/images/soc2.svg‎

File renamed without changes.

‎fern/products/home/pages/welcome.mdx‎

Lines changed: 2 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ hide-toc: true
66
layout: custom
77
---
88

9-
import { FernStatusWidget } from "../../../components/FernStatus";
9+
import { FernFooter } from "../../../components/FernFooter";
1010

1111
<style>
1212
{`
@@ -315,76 +315,6 @@ import { FernStatusWidget } from "../../../components/FernStatus";
315315
</div>
316316

317317
{/* Footer */}
318-
<footer className="footer">
319-
<div className="footer-top">
320-
{/* Left Column - Logo and Status */}
321-
<a className="footer-logo" href="https://buildwithfern.com">
322-
<img src="./images/builtwithfern-light.svg" alt="Fern" className="footer-logo-img dark:hidden" noZoom />
323-
<img src="./images/builtwithfern-dark.svg" alt="Fern" className="footer-logo-img hidden dark:block" noZoom />
324-
325-
<img src="./images/builtwithfern-frame-light.svg" alt="Fern" className="footer-logo-frame dark:hidden" noZoom />
326-
<img src="./images/builtwithfern-frame-dark.svg" alt="Fern" className="footer-logo-frame hidden dark:block" noZoom />
327-
</a>
328-
329-
<div className="footer-status">
330-
{/* <a className="status-badge" href="https://status.buildwithfern.com">
331-
<div className="status-indicator"></div>
332-
<span className="status-text">All systems operational</span>
333-
</a> */}
334-
<FernStatusWidget />
335-
336-
<a className="soc2-badge" href="https://security.buildwithfern.com/">
337-
<img src="./images/soc2.svg" alt="Soc 2 Type II" className="soc2-badge-img" noZoom />
338-
<span className="status-text">Soc 2 Type II</span>
339-
</a>
340-
</div>
341-
</div>
342-
343-
{/* Footer Links */}
344-
<div className="footer-links">
345-
<div className="footer-bottom-text"> © 2025 Fern • Located in Brooklyn, NY </div>
346-
{/* Newsletter Signup */}
347-
{/* <div className="newsletter-container">
348-
<div className="newsletter-label">Subscribe to our updates</div>
349-
<div className="newsletter-form">
350-
<div className="newsletter-input">
351-
<span>[email protected]</span>
352-
</div>
353-
<button className="newsletter-button">
354-
</button>
355-
</div>
356-
</div> */}
357-
<div className="footer-columns">
358-
<div className="footer-column">
359-
<h4 className="footer-column-title">Documentation</h4>
360-
<div className="footer-column-links">
361-
<a href="/openapi/getting-started/overview" className="footer-link">OpenAPI Compatibility</a>
362-
<a href="/sdks/overview/introduction" className="footer-link">SDKs</a>
363-
<a href="docs/getting-started/overview" className="footer-link">Docs</a>
364-
</div>
365-
</div>
366-
367-
<div className="footer-column">
368-
<h4 className="footer-column-title">Resources</h4>
369-
<div className="footer-column-links">
370-
<a href="https://buildwithfern.com/blog" className="footer-link">Blog</a>
371-
<a href="#support" className="footer-link">Support</a>
372-
<a href="https://buildwithfern.com/pricing" className="footer-link">Pricing</a>
373-
<a href="https://buildwithfern.com/slack" className="footer-link">Slack</a>
374-
</div>
375-
</div>
376-
377-
<div className="footer-column">
378-
<h4 className="footer-column-title">Company</h4>
379-
<div className="footer-column-links">
380-
<a href="https://brandfetch.com/buildwithfern.com" className="footer-link">Brand Kit</a>
381-
<a href="https://github.com/fern-api/fern" className="footer-link">Github</a>
382-
<a href="https://buildwithfern.com/privacy-policy" className="footer-link">Privacy Policy</a>
383-
<a href="https://buildwithfern.com/terms-of-service" className="footer-link">Terms of Service</a>
384-
</div>
385-
</div>
386-
</div>
387-
</div>
388-
</footer>
318+
<FernFooter />
389319
</div>
390320
</div>

0 commit comments

Comments
 (0)