Skip to content

Commit b9dacef

Browse files
Kapil GowruKapil Gowru
Kapil Gowru
authored and
Kapil Gowru
committed
feat: adding homepage designs
1 parent b5595db commit b9dacef

File tree

1 file changed

+31
-31
lines changed

1 file changed

+31
-31
lines changed

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

Lines changed: 31 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -622,7 +622,7 @@ layout: custom
622622
src="./images/sdks-preview.svg"
623623
alt="SDK Generation Preview"
624624
className="sdks-preview-img"
625-
enableZoom={false}
625+
noZoom
626626
/>
627627
</div>
628628

@@ -631,47 +631,47 @@ layout: custom
631631
<span className="language-icons-label">Get started with:</span>
632632
{/* TypeScript */}
633633
<button className="language-icon">
634-
<img src="./images/ts-logo.svg" alt="TypeScript" className="language-icon-img" />
634+
<img src="./images/ts-logo.svg" alt="TypeScript" className="language-icon-img" noZoom />
635635
</button>
636636
{/* Python */}
637637
<button className="language-icon">
638-
<img src="./images/python-logo.svg" alt="Python" className="language-icon-img" />
638+
<img src="./images/python-logo.svg" alt="Python" className="language-icon-img" noZoom />
639639
</button>
640640
{/* Go */}
641641
<button className="language-icon">
642-
<img src="./images/go-logo.svg" alt="Go" className="language-icon-img" />
642+
<img src="./images/go-logo.svg" alt="Go" className="language-icon-img" noZoom />
643643
</button>
644644
{/* Java */}
645645
<button className="language-icon">
646-
<img src="./images/java-logo.svg" alt="Java" className="language-icon-img" />
646+
<img src="./images/java-logo.svg" alt="Java" className="language-icon-img" noZoom />
647647
</button>
648648
{/* Ruby */}
649649
<button className="language-icon">
650-
<img src="./images/ruby-logo.svg" alt="Ruby" className="language-icon-img" />
650+
<img src="./images/ruby-logo.svg" alt="Ruby" className="language-icon-img" noZoom />
651651
</button>
652652
{/* C# */}
653653
<button className="language-icon">
654-
<img src="./images/csharp-logo.svg" alt="C#" className="language-icon-img" />
654+
<img src="./images/csharp-logo.svg" alt="C#" className="language-icon-img" noZoom />
655655
</button>
656656
{/* PHP */}
657657
<button className="language-icon">
658-
<img src="./images/php-logo.svg" alt="PHP" className="language-icon-img" />
658+
<img src="./images/php-logo.svg" alt="PHP" className="language-icon-img" noZoom />
659659
</button>
660660
</div>
661661

662662
{/* Action Buttons */}
663663
<div className="action-buttons">
664664
<button className="fern-button filled normal primary gap-1">
665665
Quick start
666-
<img src="./images/arrow-right-light.svg" alt="Arrow right light" />
666+
<img src="./images/arrow-right-light.svg" alt="Arrow right light" noZoom />
667667
</button>
668668
<button className="fern-button minimal normal gap-1">
669669
Capabilities
670-
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" />
670+
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" noZoom />
671671
</button>
672672
<button className="fern-button minimal normal gap-1">
673673
Customers
674-
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" />
674+
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" noZoom />
675675
</button>
676676
</div>
677677
</div>
@@ -690,35 +690,35 @@ layout: custom
690690
<div className="action-buttons-vertical">
691691
<button className="fern-button filled normal primary gap-1 w-fit">
692692
Quickstart
693-
<img src="./images/arrow-right-light.svg" alt="Arrow right light" />
693+
<img src="./images/arrow-right-light.svg" alt="Arrow right light" noZoom />
694694
</button>
695695
<button className="fern-button minimal normal w-fit gap-1">
696696
Import your brand language
697-
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" />
697+
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" noZoom />
698698
</button>
699699
<button className="fern-button minimal normal w-fit gap-1">
700700
Add multiple specs to your docs site
701-
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" />
701+
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" noZoom />
702702
</button>
703703
<button className="fern-button minimal normal w-fit gap-1">
704704
Set up tabs
705-
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" />
705+
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" noZoom />
706706
</button>
707707
<button className="fern-button minimal normal w-fit gap-1">
708708
Configure multiple products
709-
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" />
709+
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" noZoom />
710710
</button>
711711
<button className="fern-button minimal normal w-fit gap-1">
712712
Create versions
713-
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" />
713+
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" noZoom />
714714
</button>
715715
<button className="fern-button minimal normal w-fit gap-1">
716716
Customize slug from MDX
717-
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" />
717+
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" noZoom />
718718
</button>
719719
<button className="fern-button minimal normal w-fit gap-1">
720720
See all available components
721-
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" />
721+
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" no
722722
</button>
723723
</div>
724724
</div>
@@ -732,16 +732,16 @@ layout: custom
732732
</p>
733733
</div>
734734

735-
<img src="./images/ai-search-preview.svg" alt="AI Search Mockup" className="ai-search-preview-img" />
735+
<img src="./images/ai-search-preview.svg" alt="AI Search Mockup" className="ai-search-preview-img" noZoom />
736736

737737
<div className="action-buttons">
738738
<button className="fern-button filled normal primary gap-1">
739739
Configure
740-
<img src="./images/arrow-right-light.svg" alt="Arrow right light" />
740+
<img src="./images/arrow-right-light.svg" alt="Arrow right light" noZoom />
741741
</button>
742742
<button className="fern-button minimal normal gap-1">
743743
Customers
744-
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" />
744+
<img src="./images/arrow-right-dark.svg" alt="Arrow right light" noZoom />
745745
</button>
746746
</div>
747747
</div>
@@ -755,14 +755,14 @@ layout: custom
755755

756756
<div className="community-grid">
757757
<div className="community-card">
758-
<img src="./images/changelog.svg" alt="Changelog Preview" />
758+
<img src="./images/changelog.svg" alt="Changelog Preview" noZoom />
759759
<h3 className="community-card-title">Changelog</h3>
760760
<p className="community-card-description">
761761
See our most recent product updates.
762762
</p>
763763
<button className="fern-button outlined normal gap-1">
764764
View
765-
<img src="./images/arrow-right-dark.svg" alt="Arrow right dark" />
765+
<img src="./images/arrow-right-dark.svg" alt="Arrow right dark" noZoom />
766766
</button>
767767
</div>
768768

@@ -774,7 +774,7 @@ layout: custom
774774
</p>
775775
<button className="fern-button outlined normal gap-1">
776776
View
777-
<img src="./images/arrow-right-dark.svg" alt="Arrow right dark" />
777+
<img src="./images/arrow-right-dark.svg" alt="Arrow right dark" noZoom />
778778
</button>
779779
</div>
780780

@@ -786,7 +786,7 @@ layout: custom
786786
</p>
787787
<button className="fern-button outlined normal gap-1">
788788
View
789-
<img src="./images/arrow-right-dark.svg" alt="Twitter Preview" />
789+
<img src="./images/arrow-right-dark.svg" alt="Twitter Preview" noZoom />
790790
</button>
791791
</div>
792792

@@ -800,7 +800,7 @@ layout: custom
800800
</p>
801801
<button className="fern-button outlined normal gap-1">
802802
View
803-
<img src="./images/arrow-right-dark.svg" alt="Twitter Preview" />
803+
<img src="./images/arrow-right-dark.svg" alt="Twitter Preview" noZoom />
804804
</button>
805805
</div>
806806
</div>
@@ -817,17 +817,17 @@ layout: custom
817817

818818
<div className="help-buttons">
819819
<button className="fern-button outlined normal gap-2">
820-
<img src="./images/github.svg" alt="Github" className="h-4 w-4"/>
820+
<img src="./images/github.svg" alt="Github" className="h-4 w-4" noZoom />
821821
File a Github issue
822822
</button>
823823

824824
<button className="fern-button outlined normal gap-2">
825-
<img src="./images/email.svg" alt="Email" className="h-4 w-4"/>
825+
<img src="./images/email.svg" alt="Email" className="h-4 w-4" noZoom />
826826
Email us
827827
</button>
828828

829829
<button className="fern-button outlined normal gap-2">
830-
<img src="./images/slack.svg" alt="Slack" className="h-4 w-4"/>
830+
<img src="./images/slack.svg" alt="Slack" className="h-4 w-4" noZoom />
831831
Slack (for customers only)
832832
</button>
833833
</div>
@@ -839,7 +839,7 @@ layout: custom
839839
{/* Left Column - Logo and Status */}
840840
<div className="footer-left">
841841
<div className="footer-logo">
842-
<img src="./images/fern-footer-wordmark.svg" alt="Fern" className="footer-logo-img"/>
842+
<img src="./images/fern-footer-wordmark.svg" alt="Fern" className="footer-logo-img" noZoom />
843843
</div>
844844

845845
<div className="footer-status">

0 commit comments

Comments
 (0)