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